[HTML] HTML 주요 태그

인내심을 갖고 웹을 다시 처음부터 공부한다. 복무 기간동안 웹을 건드리질 않았기에..

▶︎ 인터넷과 웹의 역사

1960년에 미국에서 인터넷 발명.

1990년에 스위스 유럽입자연구소에서 웹 발명. (info.cern.ch가 최초의 웹사이트)

▶︎ 웹페이지를 만드는 코드 : HTML (HyperText MarkUp Language)

▶︎ HTML 주요 태그

<strong> </strong> : bold

<u> </u> : underline

<h1~h6> </h1~h6> : heading(제목)

<br> : 줄바꿈

<p> </p> : paragraph. 단락. 문단.

<img src=“”> : 이미지

<ul> </ul> : 리스트, <ol> </ol> : 마찬가진데 넘버링해줌.

(unordered list. ordered list)

<li> </li> : 리스트 항목

ul 태그와 li 태그는 함께 붙어다니게 코딩해줘야 한다.

<title> </title> : 웹페이지의 제목. 검색엔진의 서칭결과 기준의 비중이 높음.

<body> </body> : 본문

<head> </head> : 본문의 설명

그리고 이를 포함하는 <html>

<!doctype html> : 이 문서는 html이다. (<html> 위에 써줌)

<a href=“”> </a> : 페이지로 이동. target=“_blank” 속성은 새 페이지로 열어줌.

태그에서 기본적으로 match_parent를 갖는 태그 -> Block Element

ex) <h1>

태그에서 기본적으로 wrap_content를 갖는 태그 -> Inline Element

ex) <a>

일반적으로 가로를 뜻하는듯. 태그마다 각자 기본값이 있는데 이를 변경해주려면 CSS의 display:inline; or display:block; 이용.

<div> </div> : 디자인이라는 목적을 위해 사용하는 의미없는 그냥 태그. 의미도 없고 기능도 없음. 컨텐트를 태그로 어떻게든 묶어야 할 때 사용. 가로가 기본 BlockElement이여서 자동 개행됌.

<span> </span> : 디자인이라는 목적을 위해 사용하는 의미없는 그냥 태그. 의미도 없고 기능도 없음. 컨텐트를 태그로 어떻게든 묶어야 할 때 사용. 가로가 기본 Inline Element.

p.s

일반적으로 닫을 필요가 없는 태그들은 닫지 않아도 된다는 특징이 있다.

관련글