- html의 요소는 태그로 둘러싸여 있다
<p>Hello world</p>닫는 태그에는 슬래시( / )를 사용한다
html구조
<!DOCTYPE html>
<html>
<head> //페이지 전체의
<meta charset="utf-8">
<title>My test page</title>
</head>
<body>
<img src="images/firefox-icon.png" alt="My test image">
</body>
</html>-
html태그 : 페이지 전체의 컨텐츠를 감싼다
-
head태그 : html페이지에 사용자에게 보여지지 않는 요소를 모두 포함한다
-
body태그 : 페이지에 보여지는 모든 컨텐츠를 포함한다
-
title태그 : 페이지의 제목이자 브라우저의 탭에 보여지는 요소이다
-
제목 : h1 ~ h6단계의 제목을 갖는다
-
이미지 :
<img>태그로 src는 이미지 속성으로 이미지 경로나 주소를 표시한다 -
문단 :
<p>문단을 나눌때 사용한다 -
목록:
<ul>,<ol>ul은 순서없는 목록, ol은 순서있는 목록을 나타낸다 목록의 항목은<li>태그 안에 놓아준다
<ul>
<li>technologists</li>
<li>thinkers</li>
<li>builders</li>
</ul>- 연결 :
<a href="https://www.naver.com/">Go naver!</a>a 태그로 웹 주소로 연결 할 수 있다 href속성값에 주소를 넣어준다
.jpg)