html 기본태그 멀티태그

 

 

태그종류	설명	예제
<pre> 태그	공백, 특수문자, 줄 바꿈 등도 사용자가 입력한 그대로 화면에 표시	<pre> 특문, 공백, 특수문자, 줄바꿈       사용자가 입력한 그대로 나오는 pre태그! </pre>
텍스트 태그
<b>	볼드체로표시	<p><b>텍스트를 볼드처리</b></p>
<em>	강조하여 표시
<i>	이탤릭체로 표시
<small>	작게표시
<strong>	중요한 내용을 표시
<sub>	아래첨자로 표시
<sup>	윗 첨자로 표시
<ins>	아래밑줄을 표시
<del>	가운데를 선으로표시
<mark>	하이라이트 표시
<code>	컴퓨터 코드 표시
<samp>	컴퓨터 프로그램 샘플 출력 표시
<kbd>	키보드입력 표시
<var>	변수 표시
하이퍼 링크
웹사이트간 이동 <a href="URL">	<a> 태그, 다른 사이트 혹은 같은 문서 내 다른 위치로 이동할 떄 사용. -target 속성 : 웹사이트가 열릴곳 지정 _blank : 새로운 웹브라우저 창을 연다 _self : 현재 웹브라우저 창에 연다(기본) _parent : 부모 웹브라우저 창에연다. _top : 웹브라우저 전체영역에 연다.	<a href="http://www.naver.com"> 네이버로 이동</a> <a href="hello.html"> 네이버로 이동</a>
이메일링크 <a href="mailto:이메일주소">내용</a>	이메일 링크	<a href="mailto:gosyhong@gmail.com?cc=haejini.chung@gmail.com&bcc=gooheekoo@gmail.com&subject=질문 있어요&body=     웹 프로그래밍">받는 사람, 참조, 숨은 참조, 제목, 본문</a><br>
목록
<ul>  태그사용 <li> 태그로 입력	무순서목록 , 항목앞에 불릿이 붙음 ● style="list-style-type:disc" ○ style="list-style-type:circle" ■ style="list-style-type:square" 기호없음 style="list-style-type:none"
<ol> 태그사용 <li> 태그로 입력	순서 목록,항목앞에 type=“1” 기본값으로붙음 1,2,3    type="1" A,B,C  type="A" a,b,c    type="a" type="I" type="i"
<dl> 태그사용 <dt> 정의한각항목 <dd> 각 항목에 대한 설명	정의형 목록	Coffe     - hot drink  요렇게 나옴

표

<table> 태그 : <tr> 태그 : 행생성 <td> 태그 : 열생성 <th>태그 : 표의ㅏ 머리 정의, 셀 제목 글자 강조 <caption> : 표 제목삽입 rowspan : 셀을 세로로 병합, 병합 하고싶은 행의 수만큼 지정 colspan : 셀을가로로 병합, 병합 하고싶은 열의 수만큼 지정 시맨틱 태그 <thead> : 표 머리말 <tbody> : 표 본문 <tfoot> : 표 꼬리말

 

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33

<h3> &lt; 표 &gt; </h3>         <table border="1" style="width:20%">             <thread>                 <tr>                     <th>menu1 x1.y1</th>                     <th>menu2 x2.y1</th>                     <th>menu3 x3.y1</th>                     <th>menu4 x4.y1</th>                 </tr>             </thread>             <tbody>                 <tr>                     <td>x1.y2</td>                     <td>x2.y2</td>                     <td>x3.y2</td>                     <td>x4.y2</td>                 </tr>                 <tr>                     <td>x1.y3</td>                     <td rowspan="2">x2.y3 + x2.y4</td>                     <td>x3.y3</td>                     <td>x4.y3</td>                 </tr>                 <tr>                     <td>x1.y4</td>                                          <td colspan="2">x3.y4 + x4.y4</td>                 </tr>             </tbody>             <tfoot>                 <td colspan="4">"꼬리말"</td>             </tfoot>         </table>

cs

 

 

*임베디드 콘텐츠 태그

<img>	이미지 파일 삽입
<canvas>	그래픽 그리기
<audio>	오디오 파일 삽입
<video>	동영상 파일 삽입
<track>	미디어 요소 트랙 삽입
<source>	미디어 소스 삽입
<embed>	개체 삽입