부모자식과 목록
<ol> ol=Ordered List 목록 범위 지정 + 숫자를 자동넘버링 해주는 태그
<li>생</li> l=List 목록태그
<li>활</li>
<li>코</li>
<li>딩</li>
</ol>
부모태그는 자식태그를 포함하고 있다.
- <parent> 부모태그 <ol>~</ol>
- <child> 자식태그 <li>~</li>
같은 코드 여러번 반복해서 쓰고 싶으면?
- ctrl 누르면서 클릭(쓰고 싶은 부분) - 커서가 여러군데 생김
<li> 태그의 부모 태그
- <ul> ~ </ul> ul=Unordered List 목록 범위 지정(숫자 넘버링 안해줌 ·로 목록 표시)
· 생
· 활
· 코
· 딩
- <ol> ~ </ol> ol=Ordered List 목록 범위 지정(숫자를 자동넘버링 해줌)
1.생
2.활
3.코
4.딩
문서구조와 슈퍼스타들
<!doctype html>
<html>
<head>
<title>Naver</title>
<meta charset="utf-8">
</head>
<body>
<ol>
<li>생</li>
<li>활</li>
<li>코</li>
<li>딩</li>
</ol>
</body>
</html>
<! doctype>
- 어떠한 버전의 html이 사용됐는지 알려주는 태그.
- 문서에서 제일 먼저 선언해야 한다.
최고위층 태그 <html>~<html>
- <head>태그와 <body>태그를 다 포함하는 최고위층 태그
본문설명 태그 <head>~</head>
- 본문을 설명하는 태그들을 묶어주는 태그
- 웹페이지상에는 보이지 않지만 중요하다
제목태그 <title>Coding</title>
- 제목태그로 탭에 웹페이지 제목을 표시한다
정보태그 meta=metadate 정보에 대한 정보
- <meta charset="utf-8"> utf-8로 읽어라
- 속성 charset : 어떤 규칙으로 읽어라 character=문자 set=규칙
- 어떤 브라우저에서도 utf-8로 쓰여진 문서로 읽으라고 하는 것으로
- 한글작성 후 익스플로우로 열면 저렇게 열렸는데 저 태그를 쓴 후 로 제대로 열린다.
본문 태그 <body>~<body>
- 본문을 묶어주는 태그
'프로그래밍언어 > HTML' 카테고리의 다른 글
| [HTML] <meta> 태그의 속성들 (0) | 2020.11.14 |
|---|---|
| [HTML] 링크달기 <a>태그로 웹사이트 만들기 (0) | 2020.11.12 |
| [HTML] 줄 바꿈 태그와 이미지 태그(+속성) (0) | 2020.11.08 |
| [HTML] 기본 문법 태그(+검색하는 법) (0) | 2020.11.07 |
| [HTML] 웹페이지 기획 및 ATOM 설치 (0) | 2020.11.06 |
