| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 1 | 2 | 3 | 4 | 5 | ||
| 6 | 7 | 8 | 9 | 10 | 11 | 12 |
| 13 | 14 | 15 | 16 | 17 | 18 | 19 |
| 20 | 21 | 22 | 23 | 24 | 25 | 26 |
| 27 | 28 | 29 | 30 |
- document.querySelector
- combinator
- 함수
- padEnd
- 공부일지
- Let
- object
- padStart
- 절대경로
- HTMLSTUDY
- Selector
- TiL
- 결합자
- CSS
- 상대경로
- 선택자
- appendChild
- Append
- 인자
- const
- 복합선택자
- 생활코딩
- HTML
- 속성선택자
- 코딩공부
- function
- advancedwebranking
- 연결자
- src
- argument
- Today
- Total
능히 할수있다!
생활코딩 WEB1 - HTML강좌 속 태그 정리 본문
생활코딩 강좌에서 알게된 이 사이트.
이 곳에 전세계 여러 웹페이지에 사용된 HTML 태그의 사용 빈도수를 조사한 자료가 있는데,
그 자료를 바탕으로 태그를 정리해보려 한다
∙HTML : <html></html>
페이지의 시작과 끝. HTML문서 전체를 감싸준다
∙HEAD : <head></head>
머리말 부분. <meta>, <title>등의 태그가 들어가고 CSS와 JavaScript를 연결해준다
한 문서에 하나의<head>태그만 존재
∙BODY : <body></body>
브라우저에 표현 될 내용들을 나타내는 곳. 한 문서에 하나의<body>태그만 존재
∙TITLE : <title></title>
웹사이트 상단에 표시 될 제목
∙META : <meta>
문서에 대한 메타데이터(데이터의 데이터)를 정의내림. <head>태그 내에 위치
∙DIV : <div></div>
Division. 단독으로는 아무 기능이 없고, 주로 CSS, JavaScript 작업을 위한 컨테이너로 활용
∙A : <a></a>
href 요소를 이용해 다른 사이트를 링크하는 데 사용
∙SCRIPT : <script></script>
JavaScript 코드 입력을 위해 사용
∙LINK : <link>
단독으로는 아무 기능이 없고, CSS같은 외부 파일을 연결하는 데 주로 사용함
<head>태그 내에 위치
∙IMG : <img>
Image. 이미지를 연결하는 데 사용함.
src(이미지 URL), alt(이미지 불러오는데 실패했을 때 메세지)속성을 부여해야함
∙SPAN : <span></span>
<div>와 같이 단독으로는 아무 기능이 없고, 주로 class, id 속성을 이용한 그룹화에 사용
∙P : <p></p>
문단을 구획하는 태그. <p>태그로 구획 된 문단 사이에는 일정 간격이 생기는데
간격이 정해져 있어 자유도가 떨어진다
∙LI : <li></li>
목록을 만드는 태그
∙UL : <ul></ul>
순서 없는 목록을 만드는 태그
한 페이지에 <li>태그가 여러개 사용될 때 부모태그로써 경계를 짓는 데 사용하기도 함
∙STYLE : <style></style>
HTML문서의 스타일 정보를 정의 내리는 데 사용. <head>내에 위치 함
∙BR : <br>
줄바꿈 태그. 줄바꿈의 역할만 수행하므로 별도의 닫는 태그 없이 사용
∙H1~H6 : <h1~h6></h1~h6>
Heading. 문서 내 제목을 정의할 때 사용하며, 숫자가 커질수록 글씨 크기가 작아짐
∙FORM : <form></form>
정보 제출을 위한 입력 양식을 정의하는 용도로 사용.
<form>태그 내에 <button>, <input>과 같은 요소들이 하나 이상 포함 됨
∙NAV : <nav></nav>
Navigation Links. 현재 페이지 내, 또는 다른페이지로의 연결되는 링크들을 정의 내리는데 사용
∙FOOTER : <footer></footer>
저작권 정보, 연락처 등 페이지 하단에 위치하는 요소들을 구획하는 데 사용
∙HEADER : <header></header>
제목, 로고 등 페이지 상단에 위치하는 요소들을 구획하는 데 사용
∙IFRAME : <iframe></iframe>
인라인 프레임(Inline frame)을 정의할 때 사용. 현재 HTML문서 내 다른 문서를 포함시킬 때 사용
∙BUTTON : <button></button>
클릭 가능한 버튼을 생성함. type 속성값을 이용하여 브라우저에 button이라는 정의를 내려 사용.
CSS를 이용하여 버튼 스타일을 변경 할 수 있음
∙STRONG : <strong></strong>
문서 내 중요한 내용을 굵은 텍스트로 표현하는 데 사용
∙I : <i></i>
문서 내 텍스트를 이탤릭체(기울임)로 표현
HTML Study
Overview This HTML usage data comes from 11.3 million index pages gathered from top twenty Google results, for about 30 million keywords - chosen by keyword volume. To learn more about this data, visit the FAQ section. Total 11,264,652 pages Doctype The
www.advancedwebranking.com
'STUDY > HTML, CSS' 카테고리의 다른 글
| [CSS]선택자(Selector)의 종류-2(속성) (0) | 2023.06.05 |
|---|---|
| [CSS]연결자(Combinators) (0) | 2023.06.05 |
| [CSS]선택자(Selector)의 종류-1(전체, 태그, 클래스, ID) (0) | 2023.06.05 |
| [HTML]<img> src 속성 (0) | 2023.06.05 |
| [HTML] 시맨틱 태그(Semantic Tag)란? (0) | 2023.04.24 |
