일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | ||
6 | 7 | 8 | 9 | 10 | 11 | 12 |
13 | 14 | 15 | 16 | 17 | 18 | 19 |
20 | 21 | 22 | 23 | 24 | 25 | 26 |
27 | 28 | 29 | 30 | 31 |
- 차이
- DOM
- Sass
- 개발자
- 프론트엔드
- css
- 자바스크립트
- Vite
- Browser
- 백준
- SSR
- TypeScript
- csr
- JavaScript
- React Query
- error
- 비동기
- http
- 취업
- 에러
- Git
- dynamic import
- React
- 코딩테스트
- Next.js
- 알고리즘
- 코딩
- html
- 공부
- 취업준비
- Today
- Total
minTech
(생활코딩) WEB1. HTML과 Internet(1) 본문
이 글은 생활 코딩의 강의를 보고 개인적으로 정리한 글입니다.
[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의 기본적인 태그 중 위 세 개를 배웠다. 배운 세 개의 태그를 이용해서 코드 두 줄만 적었는데도 벌써 내 프로젝트를 만드는 첫걸음을 뗀 느낌이었다. 빨리 다음 단계로 넘어가서 이 빈 화면을 가득 가득 채우고 싶은 마음이다!!
'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 |