<!doctype html>
<html lang=ko>
<head>
<meta charset="utf-8">
<title>내가 처음 만드는 html문서</title>
</head>
<body>
<h1>시간이란..</h1>
<p>
내일 죽을것 처럼 오늘살고 <br> <h1>영원히</h1><br> 살것 처럼 꿈꾸어라.</p>
<img src="images/아이유.gif"></img>
</body>
</html>
책을 서점에 가서 어떤책이 좋을까 고민하면서 살펴보다가 어떤 책을 사야하지 고민하던 중<Doit! HTML5+CSS3 웹표준의 정석> 이라는 책을 보게 되었다. 처음에는 이 책이 정말 괜찮을까 라는 생각과 다른 책을 더 찾아 볼까 라는 생각을 하다가 이대로는 공부를 시작하지도 못하겠다 싶어서 이 책으로 공부해서 html문서를 만들어보자!라는 생각으로 구입하게 되었다. 앞으로 3주동안 매일 이 책으로 공부를 할 예정이다.
[01 HTML 기본기 다지기] 부분을 공부했다.
- <!doctype html> html5 유형을 적용하기 위해 선언하는 구문이다. html 이전 버전들은 문서 유형 선언을 복잡하게 했다고 한다. 그런데 html5부터는 <!doctype html> 한줄에 선언된다고 하니 정말 다행이다.
- <head> 브라우저에게 정보를 주는 태그이다. 화면에는 보이지 않지만 웹 브라우저가 알아야 할 정보들을 모두 <head>와 </head>사이에 입력해 주면된다.
- <title> <head>와 </head>사이에 입력되고 문서 제목을 나타내는 태그이다. title태그는 내가 만드는 html문서의 제목을 나타내는 중요한 부분이다.
- <meta> 문자 인코딩을 하는 태그 html5에서는 한글과 영문을 포함한 모든 언어를 표현할수 있는 'utf-8'을 이용한다.
- <body> 화면에 표시되는 내용 <body>와 </body>사이에는 화면에 표시되는 내용들을 입력한다.
- <img src =" 이미지 주소"> 이미지를 업로드 하는 방법이다.
- <h1>태그 주로 제목을 표시하는 태그로 다른 텍스트보다 조금더 크고 진하게 표시된다.
- <p>태그 일반 텍스트로 표시된다.
- <br> 줄바꿈 태그
처음 배우는 언어에도 불구하고 첫번째 첫 단원이라 그런가 신기한 언어이고 생각보다 쉽게 느껴졌다.
책의 뒷장으로 갈수록 어렵겠지만 완벽하게 습득 할 것이다!!
'HTML' 카테고리의 다른 글
| [Chapter 3 - 연습문제] HTML5 공부 4일차!(2021-07-01) (0) | 2021.07.01 |
|---|---|
| [Chapter 3] HTML5 공부 3일차 (2021-06-30) (0) | 2021.07.01 |
| [Chapter2 - 연습문제] HTML5 공부 2일차 (2021-06-29) (0) | 2021.06.30 |
| [Chapter 2-2] HTML5 공부 2일차 (2021-06-29) (0) | 2021.06.30 |
| [Chapter 2-1] HTML5 공부 2일차 (2021-06-29) (0) | 2021.06.29 |