HTML

imsmile2000 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 등