티스토리 뷰
html 웹브라우저에서 벌어지도록 디자인된 문서
표준화된 마크업 언어 사용하며 브라우저에 실현가능한 파일
HTML 구조
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="wight=device-width">
</head>
HTML 기본 템플릿 코드
<!doctype html>
html 문서 최상단에 항상 이 태그를 사용해야 함
<html lang="ko">
문서 범위 설정태그 해당태그로 오픈후 작성 해당태그로 닫아야함
- lang: 문서언어 설정 (ko,en등)
<head>
</head>
<body>
</body>
- head: html문서 전체를 대표하거나,html 문서 전체에 필요한 데이터를 넣음
= title, meta
- body
반응형 웹 관련 태그
viewport(뷰포트)
- widht: 초기 뷰포트 너비 설정 device-width또는 양의 정수( 디바이스 너비 또는 특정 너비)
- user~scalable: 웹페이지 확대 허용여부 설정
- initial-scale: 디바이스너비와 뷰포트 너비 비율설정
- maximum-scale: 최대 확대비율 설정
- minimum-scale: 최소 확대비율 설정
link
html문서에 필요한 외부데이터 가져오기위해 사용 (주로css,아이콘)
<link rel="stylesheet" href="style.css">
<link rel="icon" href="favicon.png">
- rel: html 문서와 외부 데이터와의 관계표시 (스타일시트,아이콘 등)
- href: 외부 데이터 파일 위치 지정( 파일경로)
style
css코드 html 내에 작성할 때 사용
script
javascript코드 html 내에 작성할 때 사용
이전에 작성해뒀던 나의 네이버 블로그에서 옮겨왔다.