- html은 프로그래밍 언어가 아니다.
- hyper-text-markup-language
- 웹사이트에서 각 요소가 무엇을 뜻하는 지 알려주는 언어
- tag를 이용해서 작성
- html은 tag로 이루어져있음
index.html
- 웹 서버들이 index 파일을 제일 먼저 찾도록 설계되었기때문에 디폴트값으로 설정되어 있음
tag
<name attribute="value">Content</name>
<이름 속성="값">내용</이름>
ex) <human gender="male">Human</human>
tag의 종류
https://coding-with-jina.tistory.com/category/HTML ☜ 여기서 찾아보기
'HTML' 카테고리의 글 목록
차곡차곡 쌓아가는 역경과 고난의 삽질 기록장
coding-with-jina.tistory.com
<!DOCTYPE html>
- 구글 크롬으로 하여금 이 문서가 html 문서임을 알려주는 태그
- self-contained 태그로 혼자 스스로 열고 닫는 태그라 </>로 닫지 않아도 됨
<html>
- <html></html>로 문서를 열고 닫음
- <html>태그 안에서 크게 <head></head>와<body></body> 2가지 부분으로 나뉨
<head>
- <head> 부분은 브라우저에게 나의 웹사이트에 관한 정보를 제공할 뿐 유저에게 보여지지 않음
- <head> 안에 넣을 수 있는 태그는 title, style, script, meta 태그 등이 있다.
- <head> 태그 안에는 <title>태그를 넣으면 웹페이지 창 제목이 됨
<meta>
- <head> 태그 안에 들어가는 태그
- meta : 엑스트라, 추가 정보라는 뜻
- 이 정보는 브라우저를 위한 정보 / 유저를 위한 정보가 아님
- meta 태그의 종류는 다양하고 어떤 태그는 트위터, 네이버 등 특정 플랫폼을 위해 존재함
<meta charset="utf-8">
- charset 이라는 건데, Character encoding이라는 뜻
- charset 중에서 UTF-8을 주로 사용
- 즉 브라우저에게 내가 작성하는 문서가 어떤 character(언어)로 작성되었는지 알려줌
<meta name="desctiption" content="웹사이트의 설명">
- content : 만일 구글에서 검색했을때 웹사이트들이 출력되서 나오는데 밑에 간략하게 나오는 설명글
<body>
- <body> 부분은 유저에게 보여지는 부분
- <body>안에 사용가능한 태그는 많음(태그의 종류에 링크해놓은 것보면 됨)
'Coding With Jina > HTML' 카테고리의 다른 글
| [HTML] ID & Class (0) | 2020.05.12 |
|---|---|
| [HTML] Sematic & Non Semantic Tags (0) | 2020.05.12 |
| [HTML] 오디오/비디오 태그 (0) | 2020.05.07 |
| [HTML] Form 태그 (0) | 2020.05.07 |
| [HTML] list 와 table (0) | 2020.05.07 |