12. 부모자식과 목록
- 리스트를 표현하는 <li>가 자식태그라면 항목의 범위를 그루핑해주는 <ul>은 부모태그.
- <ol> : ordered list. 넘버링 됨.
- <ul> : unorderd list.
- 꿀팁 : 컨트롤 키 누르고 커서 클릭하면 여러 군데에 동시에 입력 가능.
13. 문서의 구조와 슈퍼스타들 : 최빈태그
- 본문을 설명하는 태그
- <title> : 웹페이지의 제목으로 설정.
- <meta charset="utf-8"> : 아톰 화면 하단에 보면 utf-8이라고 돼있는데 그런 방식으로 문서를 썼으니 읽을 때도 같은 방식으로 읽어야 오류 없음.
- 고위직 태그
- 본문은 <body>로, 본문을 설명하는 태그는 <head>로 묶어주기로 약속.
- 이 태그들보다 상위에 올 수 있는 유일한, 최고위직 태그 : <html>
- 그리고 이 문서는 html 문서라는 뜻에서 맨 첫줄에 <!doctype html>이라고 써줌.
14. HTML 태그의 제왕
- <a> : anchor, 닻. 정보의 바다에서 어디에 닻을 내려야 하는가! 검색엔진의 존재를 위해 꼭 필요한 태그.
- <a href="링크"> : 링크 정보를 추가함. h(html의 hypertext가 링크)야 ref(reference, 참고)해!
- <a href="링크" target="_blank"> : 새탭에서 열림.
- <a href="링크" title="링크 내용" : 툴팁으로 클릭하기 전에 링크가 뭔지 알려줌.
15. 웹사이트 완성
- 링크 기능을 통해 다른 페이지와 연결
18. 웹호스팅 : github page
- 다른 사람이 내가 만든 웹페이지에 접속하게 하고 싶으면 웹서버가 필요함. 웹서버를 대신 제공해주는 게 웹호스팅. 깃헙이 무료로 이 기능 제공. free static web hosting
- 깃헙에 작업한 html 파일을 올리면 이걸로 웹페이지를 들어갈 수 있게 링크를 줌!
- settings - pages(github pages) - main (branch) / none
- 오류나면 레포지토리 이름에 ".html" 붙이기.
- [404 오류] If this is your site, make sure that the filename case matches the URL. For root URLs (like http://example.com/) you must provide an index.html file.
- 강의와 다른 내용으로 웹페이지를 만든다고 html 파일명도 다르게 저장했는데 문제가 됐다. index.html이 기본 페이지이기 때문에 무조건 포함돼야 하는 것. 그리고 .html의 대소문자를 맞춰줘야 한다.
- 필요해서 서치한 태그 : <del> 취소선.
'TIL' 카테고리의 다른 글
| [TIL-7] 생활코딩 WEB2 CSS-1~5 (0) | 2021.09.15 |
|---|---|
| [TIL-6] 생활코딩 WEB1-19~부록(완강) (0) | 2021.09.14 |
| [TIL-4] 생활코딩 WEB1-6~11 (0) | 2021.09.12 |
| [TIL-3] 생활코딩 WEB1-1~5 (0) | 2021.09.12 |
| [TIL-2] 베어유 첫코딩 13~15강 (CHAPTER 4) (1) | 2021.09.10 |