HTML : 텍스트 관련 요소 알아봅시다!

텍스트 관련요소

01. 텍스트 관련 요소

<p>em태그는 <em>강조하고 싶은 텍스트를 기울기로 표시한다</em></p>
<p>strong태그는 <strong>중요한 텍스트를 굵은체로 표시함</strong></p>
<p>mark태그는 <mark>중요한 부분을 노란색으로 강조한다</mark></p>
<p>b태그는 <b>텍스트를 단순히 굵은체로 표시한다</b></p>
<p>small태그는 <small>주의사항, 법적 제한, 저작권 등을 정의한다</small></p>
<p>sub태그는 <sub>아래첨자 텍스트를 정의한다</sub></p>
<p>sup태그는 <sup>위첨자 텍스트를 정의한다</sup></p>

 

02.  목록 관련 요소

<h1>ol,li 태그 - 순서 목록</h1>
        <ol>
            <li>html</li>
            <li>css</li>
            <li>javascript</li>
            <li>jquery</li>
        </ol>

<h1>ul,li 태그 - 비순서 목록</h1>
        <ul>
            <li>html</li>
            <li>css</li>
            <li>javascript</li>
            <li>jquery</li>
        </ul>

<h1>dl,dt,dd 태그 - 설명 목록</h1>
        <dl>
            <dt>html</dt>
            <dd>Hypertext Markup Language</dd>
            <dd>version html4.0. xhtml1.0, html5</dd>
            
            <dt>css</dt>
            <dd>cascading style sheets</dd>
            <dd>version cs2, css3</dd>
        </dl>

이미지 출처