HTML 기본 태그 정리

HTML은 HEAD, BODY로 이루어진다.

 

Head는 title, CSS 내용을 적는 곳.

 

Body는 실제 정보를 적는 곳.

 

HTML 태그

 

<p>: paragraph 즉 문단을 작성하는 태그. 

<h#>: h1~h5까지 있다. h1이 가장크고 숫자가 커질 수록 Text 크기가 작아진다. 상황에 맞게 쓰자.

<br />: 개행. NewLine

<a>: 하이퍼링크 태그. 속성으로 href, target이 있다.

      href: 클릭 시 이동할 주소

      target: _self는 현재 창에서 이동. _blank는 새 창에서 링크 주소로 이동.

 

<li>: List 작성 태그

ol: 순서가 있는 리스트

ul: 순서가 없는 리스트 

 

<form>: 폼 태그. 각종 폼을 삽입할 수 있다.

name: form 태그 이름

action: 폼의 값을 보낼 url

method: GET/POST > 해당 url로 Data를 보낼 방식

 

input 태그 및 type 속성을 통해 어떤 폼을 삽입할 지 결정한다.

<form>
	<p>
		<strong>아이디</strong>
		<input type="text" name="name" value="아이디 입력">
	</p>
	<p>
		<strong>비밀번호</strong>
		<input type="password" name="password" value="비밀번호 입력">
	</p>
	<p>
		<strong>성별</strong>
		<input type="radio" name="gender" value="M">남자
		<input type="radio" name="gender" value="F">여자
	</p>
	<p>
		<strong>응시분야</strong>
		<input type="checkbox" name="part" value="eng">영어
		<input type="checkbox" name="part" value="math">수학
	</p>
	<p>
		<input type="submit" value="제출">
	</p>
</form>

<div>: 레이아웃을 결정하는 데 쓰이며, CSS에서 활용하는 데에 주로 쓰인다. id, class 등으로 컨트롤 한다. 

<span>: div와 비슷하나 개행 효과가 없다.