1.html
웹 페이지의 시작과 끝을 알리는 태그이다.
2.head
3.body
문서의 몸통이자 대부분을 차지하는 태그다. 화면에 보이는 것들이 주로 들어간다고 보면 된다. h1태그부터 시작해서 br, p, span 등등 많이들어간다
4.title
웹페이지의 제목을 나타내는 태그다.
5.meta
head안에 웹페이지에는 보이지 않는 정보를 제공.
<meta charset="utf-8">
charset="utf-8" 웹페이지의 문자 인코딩 방식을 utf-8로 하는데 utf-8은 한국어를 뜻한다.
description, keywords, author, subject, classification
6.div
div태그는 division, 영역을 나눌 때 사용한다.
7.a
외부연결
하이퍼링크(hyperlink).
<a href="AutoLopp.kr">오토루프</a>
8.script
script 태그는 실행 가능한 코드를 웹 페이지에 넣기위해 사용한다.
javascript코드를 넣을 때 많이 사용함.
9.link
link태그는 해당 문서와 외부 소스(external resource) 연결설정.
외부 스타일시트를 연결할 때 사용된다.
<head>
<link rel="stylesheet" type="text/css" href="/examples/media/expand_style.css">
</head>
9.img
img태그는 이미지를 연결 사용한다.
그래서 반드시 src(url를 넣는 태그), alt(이미지를 로드실패했을 경우 보여주는 대체 문자).
10.span
span태그는 div와 비슷하지만 약간 다르다.
html 문서에서 인라인 요소(inline-elements, 필요한 만큼의 공간을 차지하고 한줄 전체를 차지하지 않음) div는 반대로 블럭요소(block-elements, 한줄을 다 차지함)
11.p
p태그는 paragraph, 문단을 뜻하며 사용도 뜻대도 문단을 나눌 때 사용한다.
12.li
li태그는 list, 리스트에 포함되는 아이템들을 정의할 때 사용한다.
리스트 태그 종류에는 순서가 있는 리스트(ordered list, ol) 순서가 없는 리스트(unordered list, ul), 메뉴 리스트(menu)들이 있다.
만약 별 마커 표시가 없다면 · 가운뎃점으로 표시되고 순서는 알파벳, 숫자로 표현된다.
물론, css로 바꿀 수 있다.
13.ul
앞서 설명햇듯이 순서가 없는 리스트를 ul태그라고 한다. ul태그 안의 아이템들은 li태그로 사용한다.
14.style
style태그는 문서의 스타일 정보를 정의할 때 사용된다. css를 명시하고 있으며 html문서에는 여러개의 style 요소가 있을 수 있다.
14.br
line-break, 즉 줄바꿈을 뜻한다.
15.h2
h1~h6 태그는 제목(heading)을 정의할때 사용함.
16.input
input 태그는 사용자, 브라우저를 사용하는 사람이 입력할 수 있는 입력칸(input filed)를 정의할때 쓴다.
17.form
form태그는 사용자로부터 입력받을 수 있는 html입력 양식(form)를 정의할 때 사용
18.nav
navigation link 줄여서 nav 태그로 다른페이지 또는 현재 페이지의 다른 부분과 연결시켜준다.
19.footer
footer는 말 그래도 맨 밑에 있는 영역을 다룬다.
20.header
header태그는 문서나 특정 섹션의 헤더부분을 정의할 때 사용한다.
21.iframe
iframe태그는 인라인 프레임(inline frame)을 정의할 때 사용한다. html문서에 다른 문서를 포함시킬 때 사용한다.
22.button
클릭할 수 있는 버튼을 만든다.
23.strong
strong태그는 해당 내용의 중요성을 강조할 때 사용한다. 그럼 글자가 굵은 텍스트로 표현된다.
24.i
itallinc인지 보통 이탤릭체로 표현된다.
'WEB 관련' 카테고리의 다른 글
| VUE js 숫자 콤마 찍기 (0) | 2024.03.17 |
|---|---|
| HTML5 게임엔진 링크 (0) | 2022.07.25 |
| Babylon.js GLTF 티스토리 연동 테스트 (0) | 2022.07.24 |
| Three.js GLTF 티스토리 연동 테스트 (0) | 2022.07.23 |
| Three.js 티스토리 테스트 (0) | 2022.07.23 |
AutoLoop
컴퓨터 하드웨어 소프트웨어 정보 각종 유틸리티 해외정보 가상화폐 코인 주식 차트 마케팅 컨설팅 자료모음 및 설명
