[Project H4C] 2. HTML 텍스트 요소
- 제목
HTML에서 제목은 <h1>...</h1> ~ <h6>...</h6> 태그로 표현할 수 있다.
<h>태그는 많은 검색엔진에서 키워드로 수집되는 태그이다.
HTML 문서의 제목에는 <big>, <bold>태그를 사용하지 않는다.
종료 태그 반드시 쓰기!
- 단락
HTML에서 단락은 <p>로 나타낸다.
텍스트를 다음 줄에 나타내고 싶으면 <br>태그(break line)를 사용한다. (<br>태그는 종료태그가 없는 빈 태그다)
코딩으로 작성한 문장표현(줄바꾸기, 띄어쓰기 등)을 그대로 브라우저에 나타내고 싶으면<pre>태그를 쓴다.
수평 가로 구분선을 넣을때는 <hr> 태그를 사용한다.
- 서식
글자 진하게: <b>, <strong> (<strong>은 내용이 중요하다는 뜻도 포함됨)
이탤릭체: <i>, <em> (<em>은 내용이 중요하다는 뜻도 포함됨)
하이라이팅: <mark>
중간 가로줄: <del>
밑줄: <ins>
위첨자: <sup>
아래첨자: <sub>
- 인용구
큰따옴표: <q>
별도 단락: <blockquote>
용어 축약: <abbr>(태그 위에 마우스 올리면 title속성에 적은 내용이 뜸)
주소 표현: <address>(이탤릭체, 위아래 공백생성)
- 주석
웹페이지에는 안보이는 설명글. <!--주석내용-->
주석안에 주석은 삽입할 수 없다. (중첩사용 x)
- 엔티티
HTML 코드 내에서 <p>...</p>라고 치면 문단으로 받아들인다.
"<p>"라고 나타내고 싶으면 <p> 라고 코딩하면 웹페이지에서 "<p>"라고 나타난다.
- 문자셋
<head>태그 내의 <meta> 태그에 적는다.
(e.g. HTML5에서는 <meta charset="UTF-8"> 로 표기한다)
'1. HTML' 카테고리의 다른 글
| [Project H4C] 6. HTML 확장 (0) | 2020.07.11 |
|---|---|
| [Project H4C] 5. HTML 입력 양식 (0) | 2020.07.10 |
| [Project H4C] 4. HTML 공간 분할 (0) | 2020.07.10 |
| [Project H4C] 3. HTML 기본 요소 (0) | 2020.07.10 |
| [Project H4C] 1. HTML 시작 (0) | 2020.07.09 |