2023.06.16 코딩 공부 시작 !
Today's Summary
오늘 익힌 html 여러 태그들
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>상단 타이틀</title>
</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) <p> 본문의 문단 작성 시 사용
14) <br> 줄 바꿈
15)
16) </p>
17) <blockquote> 인용; 문단 단위 텍스트
18) <p>
19) <br>
20) </p>
21) </blockquote>
22) <q cite = "출처 url" > 인용; 짧은 인용문
23) </q> </p>
24)
25) <p> <del>삭제 테스트</del> <ins>추가 텍스트</ins> </p>
26) <p> <sub> 아래 첨자</sub> </p>
27) <p> <sup>위 첨자</sup> </p>
28)
29) </body>
30) </html>
첫 결과물..ㅎㅎ
사진 설명을 입력하세요.
/짠 개발자 도구에 들어가면 이렇게 웹에 대한 코딩 한 줄 한 줄 정보가 모두 뜬다.
/<!-- 주석내용 --> 주석은 웹브라우저에는 뜨지 않음. 개발자 도구엔 뜨니 코드에 메모나 설명 남길 때 사용한다.
'💻 > 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 |
