[HTML] 태그 정리

attribute 옵션 : 각 태그의 속성값을 나타내며 태그마다 꼭 필요한 attribute가 있음

<h></h> : 제목(head)

<p></p> : 문단(paragraph) 태그

<br/> : 엔터 태그

강조

<em></em>

<strong></strong>

Anchor

<a href="주소"></a>

주소 : "웹페이지 링크" , "#id"(해당 id의 페이지로 감> , "mailto:메일주소"(메일보내기) "tel:번호"(전화걸기)

+ href 뒤 추가 attribute 옵션 -> target="_blank" (새탭을 열고 링크로 넘어감)

image

<img src="" alt=""/> 

alt = alternative text : 대체 텍스트 ( 이미지가 뜨지 않을 때 대체로 뜰 수 있는 텍스트)

Lists

<ol></ol> : 순서가 중요한 태그(ordered list)

<ul></ul> : 순서가 중요하지 않은 태그(unordered list)

-> ul과 ol의 자식요소는 li만 가능(li가 무조건 있어야 함) <li></li>

정의 List (distcription list)

1.용어를 정의할때 쓰는 리스트

2.key-value로 정보를 제공할 때

<dl> -> 자식요소는 div , dt ,dl 밖애 올 수 없다.

<dt></dt> : kiy값(discription term) ,dfn : 정의 -> 여러개 가능

<dd></dd> : 설명(discription data) -> 여러개 가능

</dl>

Quotation 인용

<blockquote cite="주소"> 명언(문단 전체를 인용할 때) <cite> 말한사람(출처) </cite>

<q></q> -> 문단 안에서 일부를 인용할때

Div , Span

자체는 아무 의미 없지만 CSS 스타일링 할 때 주로 사용됨(그룹핑)

-> 정말 아무런 태그가 떠오르지 않을 때 사용

Form - 사용자로부터 input을 받기 위해 사용

attribute - action ="API 주소" , method = "GET | POST"

 

출처 - 김버그님 HTML 강의듣고 개인적으로 정리한것