HTML 주석
- 주석 내부에 적은 내용들은 페이지에 내용이 출력되지 않음
- 사용법 : <!-- 이 곳은 주석태그 내부 입니다 -->
글자를 변경하는 tag들
- <h1>태그나 <p>태그와 같은 줄바꿈 기능은 없음
- tag로 감싼 글자는 속성이 변경 됨
<b>
- 진하게 표시됨
- 볼드체
<strong>
- 진하게 표시됨 - b와 같음
- 중요하다는 의미로 쓰임
<i>
- 기울어짐
- 이텔릭체
<em>
- 기울어짐
- 강조한다는 의미로 쓰임
<small>
- 작아짐
<sup>
- 윗첨자
<sub>
- 아랫첨자
<mark>
- 마크펜 효과
예시 코드
<html>
<head>
<title>html 2Day</title>
</head>
<body>
<hr>
<h1>글자를 변경하는 tag들
- <i><small>(inline tag)</small></i></h1>
<p>
b - <b>bold</b> bold <b>볼드</b>체 <br>
strong - <strong>strong</strong> strong
(중요하다는 의미에서) 볼드체 <br>
i - <i>italic</i> italic <i>이텔릭</i>체<br>
em - <em>em</em> em <em>(강조한다는 의미에서)이텔릭</em>체 <br>
small - <small>small</small> small 글자
<small>크기를 작</small>게 <br>
sup - <sup>sup</sup> sup <sup>윗</sup>첨자
(ex) 10cm<sup>2</sup> <br>
sub - <sub>sub</sub> sub <sub>아랫</sub>첨자
(ex) H<sub>2</sub>O <br>
mark - <mark>mark</mark> mark <mark>마크펜</mark>효과<br>
</p>
<h4>주석태그</h4>
<!-- 주석 태그 임다 -->
<!-- 소스상에만 보이는 설명 등을 나타내거나 -->
<!-- 명령을 일시적으로 적용하지 않을 때 등 사용 -->
<h3>중복적용시 주의</h3>
<p>
1. <i><b>bold+italic</b></i> O <br>
2. <b><i>bold+italic</b></i> X <br>
3. <b><i>bold+italic</i></b> O <br>
4. <i><b>bold+italic</i></b> X <br>
시작과 종료태그가 서로 감싸게~
</p>
</body>
</html>예시 코드 | 결과
'Web > HTML' 카테고리의 다른 글
| HTML 따라하기 6일 차 | 하이퍼 텍스트 링크 만들기 (0) | 2022.05.20 |
|---|---|
| HTML 따라하기 5일 차 | 이미지 만들기 (2) | 2022.05.19 |
| HTML 따라하기 4일 차 | 테이블 만들기 (0) | 2022.05.19 |
| HTML 따라하기 3일 차 | 목록 만들기와 특수 문자 태그 (0) | 2022.05.19 |
| HTML 따라하기 1일 차 | html head body (0) | 2022.05.19 |