Visual Studio Code/ 여러 태그들

728x90

2023.06.16 코딩 공부 시작 !

Today's Summary

오늘 익힌 html 여러 태그들

<!doctype html>

<html>

<head>

</head>

<body>

태그가 들어갈 곳

</body>

</html>

-대략적인 커다란 틀이라고 볼 수 있다. 이제 여기에 <> 각종 태그들을 추가한다.

-html 기본구조 -> DTD, html, title, body

1) <!DOCTYPE html> DTD 문서형 정의

2) <html lang= "ko"> 언어

3) <head>

4) <meta charset="UTF-8 "> charset 메타데이터 정의, 현재는 UTF-8 사용

5) <meta http-equiv="X-UA-Combatible" content="IE=edge"> 인터넷 익스플로어 사용하므로

6) 뷰포트는 아직 보류ㅎㅎ

7) <title>여름</title> html 문서 제목

8) </head>

9) <body>

10) <hn> 중요, 강조에 따라 n :1부터 시작 / 순서대로, 건너뜀 x

11) <hn>

12)

13) 본문의 문단 작성 시 사용

14) 줄 바꿈

15)

16)

17) <blockquote> 인용; 문단 단위 텍스트

18)

19)

20)

21) </blockquote>

22) <q cite = "출처 url" > 인용; 짧은 인용문

23) </q>

24)

25) <del>삭제 테스트</del> <ins>추가 텍스트</ins>

26) 아래 첨자

27) 위 첨자

28)

29) </body>

30) </html>

첫 결과물..ㅎㅎ

사진 설명을 입력하세요.

/짠 개발자 도구에 들어가면 이렇게 웹에 대한 코딩 한 줄 한 줄 정보가 모두 뜬다.

/ 주석은 웹브라우저에는 뜨지 않음. 개발자 도구엔 뜨니 코드에 메모나 설명 남길 때 사용한다.

728x90

'💻 > HTML' 카테고리의 다른 글

[HTML] <pre> <p> 태그 차이 / <div><span> 태그 차이 (0)	2024.08.02
HTML로 로그인 창 뼈대 만들어보기 (0)	2024.01.07
나무위키st 목록표 만들어보기 (0)	2024.01.07
링크와 이미지 넣기 - src속성, alt속성, 이미지 링크(img) (0)	2024.01.07
목록 만들기 <ul,ol,dl 태그> (0)	2024.01.07

내 블로그 - 관리자 홈 전환	`Q` `Q`
새 글 쓰기	`W` `W`

글 수정 (권한 있는 경우)	`E` `E`
댓글 영역으로 이동	`C` `C`

이 페이지의 URL 복사	`S` `S`
맨 위로 이동	`T` `T`
티스토리 홈 이동	`H` `H`
단축키 안내	`Shift` + `/` `⇧` + `/`

Soony's House

Visual Studio Code/ 여러 태그들

'💻 > HTML' 카테고리의 다른 글

티스토리툴바

개인정보

단축키

내 블로그

블로그 게시글

모든 영역

Visual Studio Code/ 여러 태그들

'💻 > HTML' 카테고리의 다른 글

관련글

티스토리툴바

개인정보

단축키

내 블로그

블로그 게시글

모든 영역