[패스트 캠퍼스 강의] 무작정 시작하기

강의

[패스트 캠퍼스 강의] 무작정 시작하기

seulye 2024. 2. 19. 16:49

DOCTYPE

<!DOCTYPE html>
<html lang="en">
  <head>

  </head>
  <body>
    
  </body>
</html>

문서의 HTML 버전을 지정

DOCTYPE(DTD, Document Type Definition)은 마크업 언어에서 문서 형식을 정의하며, 웹 브라우저가 어떤 HTML 버전의 해석 방식으로 페이지를 이해하면 되는지를 알려주는 용도.

아무것도 안 쓰면 HTML5 (표준).

<!DOCTYPE html PUBLIC "-//W3C//DTD XTML 1.0 Trans ...

라고 써있으면 XHML이다.

<html> 문서의 전체 범위

HTML 문서가 어디에서 시작하고, 어디에서 끝나는지 알려주는 역할.

<head> 문서의 정보를 나타내는 범위

웹 브라우저가 해석해야할 웹 페이지의 제목, 설명, 사용할 파일 위치, 스타일(CSS) 같은 웹 페이지의 보이지 않는 정보를 작성하는 범위.

<body> 문서의 구조를 나타내는 범위

사용자 화면을 통해 보여지는 로고, 헤더, 푸터, 내비게이션, 메뉴, 버튼 이미지 같은, 웹페이지의 보여지는 구조를 작성하는 범위.

lang="en" 영어

lang="ko" 한국어

// css 연결
<link rel="stylesheet" href="./main.css" />
<style>
      div {
        text-decoration: underline;
      }
</style>

// javascript 연결
<script src="./main.js"></script>

<title>

HTML 문서의 제목을 정의. 웹 브라우저 탭에 표시됨.

<link>

외부 문서를 가져와 연결할 때 사용. (대부분 CSS 파일)

rel : 가져올 문서와 관계(relationship)

href : 가져올 문서의 경로

Favorite Icon = Favicon(파비콘)

HTML Favicon을 적용할 때는 이름을 favicon이라고 지정하는 것을 권장. favicon.ico 혹은 favicon.png 파일이 주로 사용됨.

<style>

스타일(CSS)을 HTML 문서 안에서 작성하는 경우에 사용.

<script>

src : 자바스크립트 파일 가져오는 경우.

자바스크립트를 HTML 문서 안에서 작성하는 경우.

<meta>

meta : 정보

HTML 문서(웹페이지)의 제작자, 내용, 키워드 같은 여러 정보를 검색엔진이나 브라우저에게 제공.

name="viewport" : 모바일 환경. initial-scale=1.0 1배로 보여줌.

name : 정보의 종류 / content :정보의 값

charset="UTF-8" : 문자 인코딩 방식

index.html은 root 경로에 있어야 함.

<img>

src : 다운로드 받은 경로, 웹 상의 이미지 경로

alt : 이미지를 출력할 수 없는 상황에서 이미지 대신 출력할 대체 텍스트

경로

- 상대 경로

./ 주변 (생략 가능)

../ 상위 폴더

- 절대 경로

http(https) 원격의 다른 사이트

/ (//) 최상위. 루트.

'강의' 카테고리의 다른 글

[패스트캠퍼스 강의] NODEJS (0)	2024.03.18
[패스트 캠퍼스 강의] HTML 핵심 정리 (0)	2024.02.20
[패스트 캠퍼스 강의] HTML 개요 (0)	2024.02.20
[패스트 캠퍼스 강의] 웹에서 시작하기 (0)	2024.02.19
[패스트캠퍼스 강의] VSCODE (0)	2024.02.19

현재글[패스트 캠퍼스 강의] 무작정 시작하기

Slowly, Steadily, Surely 👩‍💻

Today :
Yesterday :

일	월	화	수	목	금	토
				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

Slowly, Steadily, Surely 👩‍💻