Programming/HTML&CSS

[HTML] HTML의 기본

dev seon 2023. 8. 5. 15:15

Do it! HTML5 + CSS 01장 복습

 

HTML이란

Hyper Text Markup Language

'하이퍼텍스트' 웹 사이트에서 링크를 클릭해 다른 문서나 사이트로 이동하는 기능

'마크업' 태그를 사용해 제목, 본문 등을 표시하는 것

즉, HTML은 웹 문서를 만드는 언어

HTML과 CSS를 배우면 웹 사이트, 앱 화면을 만들고 블로그를 수정할 수 있다. (+자바스크립트)

 

HTML 문서 기본 구조

태그 사용법

- 태그는 < >를 이용해 구분한다.

- 태그는 소문자로 쓴다.

- 여는 태그와 닫는 태그를 입력한다.

- 적당히 들여 쓴다.

- 태그는 속성과 함께 사용할 수 있다.

- 포함 관계를 명확히 해야 한다.

 

기본 태그

1. <!doctype html> : 문서 유형 지정, html임을 알려줌

 

2. <html> : 웹 문서 시작

 

3. <head> : 브라우저에 정보 제공

(1) <title> : 문서 제목, 방문자와 검색엔진이 페이지 전체의 내용 추측

(2) <meta> : 문자 세트를 비롯한 문자 정보 utf-8

(3) <body> : 실제 브라우저에 표시될 내용

 

웹 문서 업로드 방법

1. 호스팅 서버 준비 : 웹 문서를 서버 컴퓨터로 옮기기, 닷홈

2. FTP 프로그램 설치 : file transfer protocol 서버와 클라이언트 간의 파일 전송, FilleZilla