[HTML] 텍스트 관련 태그

---

HTML 텍스트 관련 태그

 

● 텍스트를 덩어리로 묶어주는 태그

<h1>~<h6>	제목 표시, h1이 가장 큼
<p>	단락 만들기
<br/>	줄 바꾸기
<hr>	수평줄
<blockquote>	인용문 넣기 (들여쓰기한 느낌)
<pre>	입력하는 그대로 화면에 표시하기  (창을 줄였을 때에도 입력한 그대로 표시하므로 가로스크롤 생김, 사용비추)

 

● 텍스트를 한줄로 표시하는 태그

<b>	단순 굵게 표시
<strong>	굵게 표시, 중요한 내용을 강조  ex)시각 장애인 분들이 스크린리더를 통해 홈페이지를 이용하는데 <strong>부분을 강조해서 읽어줌
<i>	단순 기울이기
<em>	기울이기, 중요한 내용을 강조  ex)시각 장애인 분들이 스크린리더를 통해 홈페이지를 이용하는데 <em> 부분을 강조해서 읽어줌

 

● 기타 태그

<sup>	윗첨자	2⁴
<sub>	아랫첨자	H₂O
<s>	취소선	취소선
<u>	밑줄	언더라인
<mark>	형광펜 칠한 느낌	마크

 

● 목록 태그

태그	속성명 = 속성값	설명
<ul>	type = disc, circle, square	unordered list, 순서가 정해지지 않은 목록
<ol>	type = 1, a , A, i, I start : 시작번호	ordered list, 순서가 정해진 목록

<ul>
	<li>패션의류
		<ul>
			<li>여성
				<ol type="1">			<!-- Default : 1, 2, 3, ... -->
					<li>의류</li>
					<li>속옷</li>
					<li>신발</li>
					<li>가방</li>
				</ol>		
			</li>
				
			<li>남성
				<ol type="a">			<!-- a, b, c, ... -->		
					<li>의류</li>
					<li>속옷</li>
					<li>신발</li>
					<li>가방</li>
				</ol>	
			</li>
				
			<li>공용
				<ol type="A">			<!-- A, B, C, ... -->			
					<li>티셔츠</li>
					<li>맨투맨</li>
					<li>바지</li>
					<li>아우터</li>
					<li>니트</li>
				</ol>	
			</li>
		</ul>	
	</li>

	<li>식품
		<ul>
			<li>축산
				<ol type="i">			<!-- ⅰ, ⅱ, ⅲ, ... -->		
					<li>소고기</li>
					<li>돼지고기</li>
					<li>닭/오리고기</li>
					<li>양/말고기</li>
				</ol>
			</li>
            
			<li>과자
				<ol type="I" start="2">		<!-- Ⅱ, Ⅲ, ⅳ, ... -->		
					<li>과자</li>
					<li>비스킷/쿠키</li>
					<li>초콜릿</li>
					<li>빵</li>
				</ol>
			</li>
		</ul>	
	</li>
</ul>