🌐HTML5 기본🌐

Kim-yujin·2022년 5월 15일

웹사이트제작

목록 보기

1/10

html5의 기본 용어

태그(Tag) / 요소 (Element) / 속성(Attribute)

요소

태그를 사용해 만들어진 객체

속성

태그에 추가 정보를 부여할 때 속성을 사용

<h1 title = "header">Hello HTML5</h1>
/*html태그의 데이터 표현 - h1태그의 속성*/
<img src = "image.png"/>
/*HTML5 태그의 데이터 표현 - img 태그의 src 속성*/

html 페이지 구조

<!DOCTYPE html>
<html>
<head>
	<title>HTML5 Basic Page</title>
</head>

<body>
		...
</body>
</html>

head 태그 내부에 넣을 수 있는 태그

meta : 웹 페이지에 추가 정보를 전달합니다.
title: 웹 페이지의 제목
script: 웹 페이지에 스크립트를 추가합니다.
link: 웹 페이지에 다른 파일을 추가합니다.

제목 글자 태그

h1 : 첫번재로 큰 제목 글자태그
h2 : 두번재로 큰 제목 글자태그
h3 : 세번재로 큰 제목 글자태그

본문 태그

p : 본문 글자 태그
br : 줄바꿈 태그
hr : 수평 줄 태그

앵커 태그

a : 앵커 태그 (하이퍼텍스트)

글자 형태 태그

b : 굵은 글자 태그
i : 기울어진 글자태그
small : 작은 글자 태그
sub : 아래에 달라 붙는 글자 태그
sup : 위에 달라 붙는 글자 태그
ins : 밑줄 글자 태그
del : 가운데 줄이 그어진 글자 태그

목록 태그

ul : 순서가 없는 목록 태그
oi : 순서가 있는 목록 태그
li : 목록 요소

<body>
	<h1>ol tag</h1>
   <ol>
   		<li>Facebool</li>
        <li>Tweeter</li>
        <li>Linked in</li>
   </ol>
       <ul>
   		<li>Facebool</li>
        <li>Tweeter</li>
        <li>Linked in</li>
   </ul>

정의 태그

dl : 정의 목록 태그
dt : 정의 용어 태그
dd : 정의 설명 태그

Kim-yujin

🐰노력하며 살아가기🐰

다음 포스트