minTech

(생활코딩) WEB1. HTML과 Internet(1) 본문

HTML

(생활코딩) WEB1. HTML과 Internet(1)

pushzzeong 2023. 8. 22. 17:18

이 글은 생활 코딩의 강의를 보고 개인적으로 정리한 글입니다.  

[HTML에 들어가기에 앞서]

 HTML의 문법에 대한 본격적인 내용에 앞서 HTML의 정의와 장점에 대해서 간단하게 설명하였다. 

 

HTML(Hyper Text Markup Language)

 : 문서와 문서가 링크로 이루어져 있으며(Hyper Text), 태그로 이루어진(Markup) 언어(Language) 

 

HTML의 장점

1. 쉬움

2. 중요함

 

[HTML 수업을 시작하기 위한 준비물]

1. 웹 브라우저 (Web Browser)

2. 코드 편집기 - VS Code를 사용할 예정이다. 

3. 이번 수업의 목표 : 내가 가고 싶은 여행지(동남아, 일본 등)를 공유하는 웹 사이트를 만들고 싶다. 

 

이번 수업을 들으면서 정해진 루트를 그대로 따라하기보다는 내가 공유하고 싶은 것들을 하나 정해서 그것을 주제로 나만의 것을 만드는 것을 추천한다고 해서 나는 요즘에 내가 빠진 [여행]이라는 주제를 들고 나만의 프로젝트를 만들어야겠다고 생각했다. 

그래서 내가 가고 싶은 여행지의 정보에 대해 공유하는 웹 사이트를 만드는 것을 목표로 이 강의를 진행할 것이다. 

 

[HTML의 기본 문법 - 태그]

1. <strong></strong> : 글씨를 두껍게 만들어준다.

2. <u></u> : 밑줄을 그어준다.

3. <h1></<h1> : 제목을 만들어준다. 숫자가 커질수록 제목의 크기는 작아진다.

 

오늘 들은 강의 내용에서는 HTML의 기본적인 태그 중 위 세 개를 배웠다. 배운 세 개의 태그를 이용해서 코드 두 줄만 적었는데도 벌써 내 프로젝트를 만드는 첫걸음을 뗀 느낌이었다. 빨리 다음 단계로 넘어가서 이 빈 화면을 가득 가득 채우고 싶은 마음이다!! 

 

<h1>내가 가고싶은 여행지</h1>
<strong><u>1. 일본</u></strong>

 

 

 

'HTML' 카테고리의 다른 글

[HTML] 시맨틱 태그 (Semantic Tag)  (2) 2024.01.05
[생활코딩]HTML 수업(3)  (0) 2023.09.12
[생활코딩] HTML수업 (2)  (0) 2023.08.31
(생활코딩) HTML수업 (1)  (0) 2023.08.25
(생활코딩) WEB1. HTML과 Internet(2)  (0) 2023.08.24