728x90
HTML 속성
📌
속성은 해당 요소에 대한 추가적인 정보를 제공한다.
속성에 대한 값은 따옴표를 꼭 사용하지 않아도 되지만,
속성값에 띄어쓰기가 있을 경우 문제가 발생할 수 있어서
따옴표 쓰기를 권장한다.(쌍따옴표, 따옴표 둘다가능)
ex)
<img src = tomo.png> (O)
<img src = 새싹이 사진.jpeg> (X)
<img src = "새싹이 사진.jpeg"> (O)
서식 태그
📌
서식 태그 종류 :
<strong>, <em>, <mark>, <del>, <ins>, <sup>, <sub> 등 있다.
- <strong>, <b>
텍스트를 굵게 표현하고 싶을 때 사용
- <em>
텍스트를 이탤릭체로 표현하고 싶을 때 사용(<i>와 동일한 기능)
- <mark>
텍스트에 하이라이팅 효과를 적용
- <del>
텍스트 중앙에 가로줄을 만들어 텍스트를 지운것과 같은 효과를 줌
- <ins>
텍스트 밑에 선을 그어 텍스트의 강조효과를 줌
- <sup>, <sub>
<sup>태그는 위첨자를 표현할 때 사용
<sub>태그는 아래첨자를 표현할 때 사용
- 사용해보기
<body>
<h2>서식태그</h2>
<h3>b태그와 strong태그</h3>
<p>b태그는 <b>단순히 글자가 굵게</b>표현됩니다.</p>
<p>strong태그는<strong>중요한 글자를 굵게</strong>표현합니다.</p>
<h3>i태그와 em태그</h3>
<p>i 태그는 <i>단순히 글자를 이탤릭체</i>로 표현합니다.</p>
<p>em 태그는 <em>중요한 글자를 이탤릭체</em>로 기울여 표현합니다.</p>
<h3>mark태그를 이용한 하이라이팅</h3>
<p>mark태그르 이요하면 <mark>중요한부분</mark>을 하이라이팅합니다</p>
<h3>del태그를 이용한 삭제효과</h3>
<p>del태그는 글자를 <del>마치 지운 것</del>처럼 표현합니다.</p>
<h3>ins태그를 이용한 밑줄 효과</h3>
<p>ins태그를 이용하여<ins>중요한 글자에 밑줄</ins>을 사용할 수 있습니다.</p>
<h3>sup태그와 sub태그를 이용한 첨자</h3>
<p>X<sup>2</sup> + Y<sup>3</sup> = Z</p>
<p>물을 나타내는 화학식은 H<sub>2</sub>0입니다</p>
</body>- 결과
위에 글 내용은 오류 사항이 존재할 수 있습니다!
수정 사항이 있을 시 알려주시면 감사하겠습니다.
728x90
'HTML' 카테고리의 다른 글
| 4. HTML - 이미지 태그 (0) | 2022.09.07 |
|---|---|
| 2. HTML - <p>문단 태그, <h>제목 태그 (0) | 2022.09.06 |
| 1. HTML - 특수문자, 주석문 (0) | 2022.09.06 |
댓글