[HTML5] 4. 문자, 기호, 심볼 입력 + <pre> 태그 + 블록 태그 + 인라인 태그 + 메타 데이터 + < base > 태그 + < link > 태그와

# 문자, 기호, 심볼과 코드 표현 및 삽입

# <pre> 태그로 개발자의 포멧 그대로 출력

# 텍스트 꾸미기

# 블록 태그와 인라인 태그

블록 태그	인라인 태그
- 항상 새 라인에서 시작하여 출력 (독립적임) - 양 옆에 타 콘텐츠를 배치하지 않고 한 라인을 독점하여 사용 - 태그 사례 : <p>, <h1>, <div>, <ul>	- 블록 속에 삽입되어 블록의 일부로 출력 - 태그 사례 : <strong>, <a>, <img>, <span>

# <div> 태그로 배경 색 및 <span> 태그로 글자 색 정하기

# 메타 데이터와 메타 데이터의 삽입

- 메타 데이터 : 데이터를 설명하는 데이터

+ ex) 사진 데이터의 메타 데이터는 사진이 촬영된 시간, 혹은 장소이고 오디오 데이터의 경우 채널 수와 재생 시간을 예시로 들 수 있다.

- HTML 페이지에 대한 메타 데이터는 아래의 태그들을 사용하여 담는다.

< base >

< link >

< script >

< style >

< title >

< meta >

- 메타 태그들은 < head > 사이에 작성하는 것이 원칙이나, 예외적으로 <script> 태그의 경우에는 <body> 사이에도 작성할 수 있다.

# <base> 태그 (URL 의 베이스, 기본)

- 웹 페이지들의 기본 URL 과 페이지가 출력될 윈도우 지정

# < link > 태그와 < meta > 태그

- <link> 태그 : 외부 자원 연결에 사용

- ex) mystyle.css 에 저장된 스타일 시트를 불러오도록 지시

<head>

<link type="text/css" rel="stylesheet" href="mystyle.css">

</head>

- <meta> 태그 : 다양한 메타 데이터 표현

# 절대적 URL ( 절대 경로 )

프로토콜 : / / 도메인 : 포트번호 : / 폴더경로 / 파일명

# 상대적 URL (상대 경로)

<! - - 현재 폴더 - ->

<! - - 상위 폴더 - ->

<! - - 하위 폴더 - ->

[HTML5] 6. <table> 태그와 표 생성 + 이미지를 가지는 표 생성 + 셀 합치기 with rowspan & colspan (0)	2022.07.16
[HTML5] 5. <img> 태그와 이미지 삽입 + 리스트와 리스트 아이템 + <ol> 과 중첩 리스트 + 정의 리스트 (0)	2022.07.15
[HTML5] 3. HTML5 페이지 기본 구조 + 태그 + 속성 + 웹페이지에 타이틀 달기 + <h1> ~ <h6> 태그 + 과제 홈페이지 구현해 보기 (0)	2022.07.12
[HTML5] 2. 웹 문서 + URL + HTTP + 웹 페이지의 구성 3요소 + 실제 웹페이지 구현해보기 (0)	2022.07.11
[HTML5] 1. C/S 환경 ( 웹 서비스 환경 ) + 웹페이지 동작원리 + 프론트 엔드와 백 엔드 + 웹과 인터넷 + 웹 사이트 구축 (0)	2022.07.10

🕰️ 공부하자 공부 🕰️