HTML 한바퀴 ②주요 태그 요소들

●주요 요소들.

<b>, <strong>	같은 볼드처리지만 <strong>은 중요하다는 의미까지 포함.
<i>, <em>	같은 이텔릭체지만 <em>은 중요하다는 의미까지 포함.
<mark>	텍스트에 하이라이팅 효과를 줌.	<p><mark>여기</mark>클릭</p>
<del>	중간 줄 긋기.	<p><del>여기</del></p>
<ins>	밑줄 긋기.	<p><ins>여기</ins></p>
<sup>,<sub>	윗첨자, 아랫첨자	<p>X<sup>2</sup></p>    X2
<q>	짧은 인용구 / 감싸면 ""가 생김.	그냥 ""로 감싸지말고 태그들로 감싸줘야 봇이 인지해
<blockquote>	큰 인용구 / 감싸면 단락이 나뉘고 들여쓰기가 됨.
<abbr>	Abbreviation의 약자로 축약하는 태그. 마우스가 가면 나오게 해줌	<abbr title="Hyper Text Markup Language">HTML</abbr>
<address>	주소 표기. 위아래 공백이 생기고 이텔릭체로 출력됨.
<!-- 주석 -->	메모
entity	-엔티티. 이런 특수문자나 발음기호 등이 있음. W3c에서 확인. -알아두면 좋음. 가끔 워드프레스에서 안먹힐때 쓴당. (공백) &nbsp; < &lt;	https://www.w3.org/TR/html4/sgml/entities.html
link	Hyperlink. 간단히 link라고 부름. A태그는 이미지나 단락,텍스트 다양하게 넣을 수있음.   ●target : A링크를 어떻게 열지 명시하는 태그. _blank 새창 _parent 부모창 _self 현재 창 (default)   _top 상위 창 프레임이름 지정 창       ●링크 상태에 따른 css. Link 방문 전. (default) Visited 방문. Hover 마우스가 올라간. Active 누른 순간.   ●bookmark -a태그에 북마크를 걸어두면 스크롤 이동됨.	<a href="http://www.814.com">814</a>   <a htrf="/about" target="_blank'>ABOUT</a>               a:link { color: gold; } a:visited a:hover a:active   <a href="#bookmark:"><p>클릭하면</p></a> <h2><a name="bookmark"></a>여기로</h2>
img	대체 문자열은 귀찮아도 꼭 넣어주자. src="이미지 주소" / alt="대체 문자열"	<img src="img/bg.jpg" alt="배경이미지">
list	●ul>li : 순서가 없는 리스트. disc 검정 원(default) circle 빈 원 squre 검정 네모   ●oll>li : 순서가 있는 리스트. decimal 숫자 (default) upper-alpha 대문자 lower-alpha 소문자 upper-roman 로마 숫자 대문자 lower-roman 로마 숫자 소문자   ●dl>dt/dd : 정의 리스트. 용어/정의. 쌍으로 활용 -특별한 css는 없음.	<ul style="list-style-type: square">   <li>체리</li>   <li>망고</li> </ul>                       <dl>   <dt>호박</dt>   <dd>박과의 한해살이 덩굴성 채소</dd> </dl>
table	-표만들기. tr 테이블의 열. 가로로 한 줄 전체. th 열의 제목. bold/align=center td 구냥 셀   -colspan : 셀 합치기. -rowspan : 열 합치기. -caption : 표의 설명을 적어 줄 수 있음.	<caption>해양 생물</caption> <table>   <tr>     <th>첫번째</th>     <th>두번째</ht>     <th>세번째</ht>   </tr>   <tr>     <th>문어</th>     <th colspan="2">오징어</th>   </tr> </table>