[HTML] 기본 태그

문자 표현

<br>: 강제 개행

<b>볼드</b>

<i>이텔릭</i>

<sup>윗첨자</sup>

<sub>아래첨자</sub>

<ins>밑줄</ins>

<del>텍스트 가운데 줄(취소선)</del>

 

리스트

<ul>순서가 없는 목록</ul>

<ol>순서가 있는 목록</ol>

<li>목록</li>: 이 태그는 단독으로 사용하지 않으며 <ul>, <ol> 내부에 위치

<dl>설명 목록</dl>

<dt>용어</dt>: 이 태그는 단독으로 사용하지 않으며, <dl> 내부에 위치

<dd>설명</dd>: 이 태그는 단독으로 사용하지 않으며, <dt>에 대한 설명을 제공

 

표

<table>표</table>

<tr>행</tr>

<td>열</td>

<td rowspan="n">셀 세로 합치기</td>

<td colspan="n">셀 가로 합치기</td>

 

이미지, 링크

<img src="링크" alt="문구">

<img src="링크" alt="문구" width="n">: img size도 변경할 수 있지만, 보통 css에서 다룬다

<a href="링크" target="_black">새창</a>

<a href="링크" target="_self">기존 page에서 이동</a>

 

오디오

<audio src="링크"><audio>

<audio src="링크" controls="controls"><audio>: 컨트롤러 보여줄 거니?

<audio src="링크" autoplay="autoplay"><audio>: 자동 재생할 거니?

<audio src="링크" loop="loop"><audio>: 무한 재생할 거니?

 

동영상

<video src="링크" type="video/mp4" controls="controls"></video>
= <video controls="controls">
		<source src="링크" type="video/mp4">
	</video>

 

form

<form action="server 주소" method="get">

<input type="text" name="uname">: text 박스/ name을 써주는 이유는 받는 쪽에서 편하라고!

<input type="password">: 타이핑한 문자가 기호로 나타남

<input type="text" size="5">: 폭 조절 가능

<input type="file">: 파일 첨부

<input type="radio" name="gender" value="m">: n개 중 하나만 선택
<input type="radio" name="gender" value="v">: name은 똑같이 맞추되, value 값을 다르게

<input type="checkbox" name="lan" value="eng">: n개 중 n개 선택 가능
<input type="checkbox" name="lan" value="chi">: name은 똑같이 맞추되, value 값을 다르게
<input type="checkbox" name="lan" value="kor" checked="checked">: default check

<textarea row="행" cols="열">입력 박스</textarea>

<select>: 선택
	<option>korea</option>
	<option>usa</option>
	<option>china</option>
</select>

<select multiple="multiple">: 멀티 선택
	<option>korea</option>
	<option>usa</option>
	<option>china</option>
</select>

<input type="submit">: 제출 버튼