html기본구조
<!doctype html>
<html>
<head><!-- 기본 정보-->
<meta chraset="utf-8"> <- tag가 아닌 속성(= 대입 연산자이며 수학의 =의 의미로 사용할 때에는 == (2개)를 사용한다.)
<title</title>
</head>
<body><!-- 페이지에 보이는 부분-->
</body>
</html>
*head와 body 사이에는 그 어떤 tag를 사용할 수 없다.
*html은 대소문자 구분하지 않으나 일반적으로 소문자로 작성한다.
html기본구조-제목
<!doctype html>
<html>
<head><!-- 기본 정보-->
<meta chraset="utf-8">
<title>html기본구조</title>
</head>
<body><!-- 페이지에 보이는 부분-->
<h1>1장 홈페이지 만들기</h1>
<h2></h2>
<h3></h3>
<h4></h4>
<h5></h5>
<h6></h6>
</body>
</html>
html기본구조-툴팁 달기
<!doctype html>
<html>
<head><!-- 기본 정보-->
<meta chraset="utf-8">
<title>html기본구조</title>
</head>
<body><!-- 페이지에 보이는 부분-->
<h1 title="h1 tag로 작성 하였습니다">1장 홈페이지 만들기</h1>
<h2></h2>
<h3></h3>
<h4></h4>
<h5></h5>
<h6></h6>
</body>
</html>
html기본구조-단락 나누기
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>P 태그 연습</title>
</head>
<body>
<h1>웹 접근성</h1>
<p>웹의 창시자인 팀 버너스 리 (Tim Beners Lee)의 "웹의 힘은 보편성에 있다.</p>장애에 구애없이 모든 사람이 접근할 수 있는 것이 필수적인 요소이다."라는 말로 웹 접근성을 설명한다.
</body>
</html>
html기본구조-수평선 긋기
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>P 태그 연습</title>
</head>
<body>
<h1>웹 접근성</h1>
<p>웹의 창시자인 팀 버너스 리 (Tim Beners Lee)의 "웹의 힘은 보편성에 있다.</p><hr> *닫는 태그는 없음
<p>장애에 구애없이 모든 사람이 접근할 수 있는 것이 필수적인 요소이다."라는 말로 웹 접근성을 설명한다.</p>
</body>
</html>
html기본구조-줄바꿈
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>P 태그 연습</title>
</head>
<body>
<h1>웹 접근성</h1>
<p>웹의 창시자인 팀 버너스 리 (Tim Beners Lee)의 <br> *닫는 태그는 없음 "웹의 힘은 보편성에 있다.</p>
<p>장애에 구애없이 모든 사람이 접근할 수 있는 것이 필수적인 요소이다."라는 말로 웹 접근성을 설명한다.</p>
</body>
</html>
'STUDY' 카테고리의 다른 글
| html 연습하기 (0) | 2019.03.18 |
|---|---|
| html 리스트 만들기 (0) | 2019.03.11 |
| html text 꾸미기 (0) | 2019.03.11 |
| html 들여쓰기, <>사용하기, pre태그 (0) | 2019.03.11 |
| html 연습 1 (0) | 2019.03.11 |