-
HTMLCS 공부/프론트엔드 2023. 1. 17. 17:36
<!DOCTYPE html> <html lang="ko"> #언어 <head> #정보 <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> #Microsoft edge에서 보여짐 <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> #html의 제목 </head> <body> #출력 구조 </body> </html>태그
h1: 글자 태그 <h1></h1>
br: 줄바꿈 태그 <br>
img: <img src=""/>
link element: 경로의 css 파일 연결
script element: 경로의 js 파일 연결
상자 요소(box elements): 레이아웃을 만들기위한 요소, 한줄에 하나만 출력 가능(가로너비 최대), 상자 크기 지정 가능
ex) div, h1, h2, p, ul, header 등
글자요소(inline elements): 글자를 만들기 위한 요소, 한줄에 여러개 출력 가능, 상자 크기 지정 불가능
ex) span, a(다른 페이지로 이동), img 등