<head>안에 들어갈 태그
● <meta>태그
<meta>태그는 본 문서의 키워드 혹은 제목, 요약을 나타내는 태그이다.
●<title>태그
이런식으로 제목을 나타내는 태그이다.
●<link>태그
<link>태그는 css파일을 연결할때 사용되는 태그이다.
●<style>태그
<style>태그안에 원하는 css내용을 넣으면 외부 css파일을 사용하지 않고도 html 파일안에서 사용 가능하다.
●<script>태그
<script>태그는 script를 불러와서 사용 할 수 있게 해주는 태그이다.
<body>안에 들어갈 태그
●<h1>,<h2>,<h3> 제목태그
헤드라인 요소로써 웹페이지에 대한 개요를 판단 할 수 있게 하는 기준이 된다.
(문서의 구조를 결정)
●<p>,<br>,<hr> 태그
<p>태그는 텍스트를 묶는 문단 태그이다.
<br>태그는 강제적 줄바꿈을 하는 태그이다.
<hr>태그는 horizon의 약자같은데 이 약자대로 수평선을 그려주는 태그이다.
●<a>,<img> 태그
<a>태그는 하이퍼링크태그로서 링크를 넣을때 사용하는 태그이다.
<img>태그는 이미지를 출력하는 태그이다.
==>위 두 태그는 각각 속성이 필수적으로 들어가야 하는 태그들이다.
●목록태그 <ul>,<ol>,<li>
<ul>태그는 순서가 없는 목록
<ol>태그는 순서가 있는 목록
이 두 태그는 하위에 항상 <li>태그를 가지고 있어야 한다.
●<div>태그
<div>태그는 레이아웃을 짜는 태그이다.
<table>태그
●<table>태그는 표를 만드는 태그로써 속성으로 어떠한 테이블인지 요약 할 수 있는summary를 가질 수 있다.
●테이블의 행은 <tr>
셀은 <td>로 나타나게 되고 rowspan과 colspan을 속성으로 가질 수 있다.
●<caption>태그는 표의 제목을 나타내는 태그이다.
<th>는 열의 제목을 나타내는 태그이다.
<form>태그
●<form>태그
<form>태그는 action과 method속성을 가지고 있으며 action속성은 <form>태그의 정보를 넘겨주는 위치(페이지)를 말하며 method는 정보를 넘겨주는 방식을 설정해준다.
method에는 "POST"방식과 "GET"방식이 있는데
→"GET"은 주소끝에 ?달고 우리가 친게 url에 뜬다.=>검색같은곳에 쓴다 POST보다 빠르다.
→"POST" 겉으로는 안보이게 url에 담아서 보낸다. =>우리가 친게 url에 뜨지 않는다.
●<input>태그
사용자의 입력부분을 처리하는 태그이다.
●<textarea>태그
input의 "text"타입과는 다르게 한줄이 아닌 긴 내용을 입력하는것이 가능하다.
●<select>태그
<select>태그는 셀렉트 박스를 출력해주는 태그로써 <option>을 하위요소로 둔다.
●<fieldset>
<fieldset>은 form태그들을 묶어주는 태그로써 이름은 <legend>태그로 명명한다.
'A. 언어 > HTML' 카테고리의 다른 글
[HTML] 선그리기 <hr>태그 (0) | 2017.07.14 |
---|---|
[HTML] 링크걸기 (0) | 2017.07.07 |
[HTML] <div>와 <span>의 차이 (0) | 2017.07.07 |