안녕하세요. 8월에 공부하면서 노트에 필기한 걸
이제서야 벨로그 파서 옮겨적고 있는 뒷북 레전드 Nimgnos입니다.🤓
아직은 아무것도 모르는 무지랭이 상태지만(다른 분들 포스팅 이해도 안감...^^)
열심히 해서 레벨업을 해보겠습니다. 아좌좌~!
💻 생활코딩>WEB1-HTML&Internet (10~13강)
📌 WEB의 accessibility(접근성)
- 이미지 삽입
<img scr"~~~jpg" width="100%"
태그 만으로는 의미가 불충분할 때 속성(attribute) 사용- 서로 포함 관계(부모-자식 태그)
<parent> <child></child> </parent>
- 목차 만들기
<li></li>: 리스트 태그. 항목이 어디부터 어디까지 연관되었는지 구분짓기 위한 부모태그<ul></ul>가 반드시 필요함.
<ul></ul>: 목록 태그(넘버링x)<Ul> <li>1. HTML</li> <li>2. CSS</li> </Ul>
<ol></ol>: 순서 목록 태그(자동으로 넘버링)<ol> <li>HTML</li> <li>CSS</li> </ol>🌟Ordered list(순서목록)↔️Unorder list(순서없는 목록)
- 표 생성 태그
<table> <tr> <td>head</td> <td>98.1%</td> </tr> <tr> <td>body</td> <td>97.9%</td> </tr> <tr> <td>html</td> <td>97.9%</td> </tr> </table>
- 본문을 설명하는 태그(*
<head></head>태그 아래에 두어야 함.)
<title></title>: 제목 태그
<meta charset="utf-8">: "utf-8로 문서를 읽어라". 웹브라우저가 내가 작업한 방식대로 열 수 있도록 세팅.
(*본문 내용은<body></boby>태그 아래에 두어야 함.)
📌 HTML 문서의 구조 ⭐️⭐️⭐️
<!doctype html>: 문서 시작(관용적)<html> ➡️ 문서 <head> ➡️ 제목/본문 설명 </head> <body> ➡️ 본문 </body> </html>```
🍀 회고
- html 문서의 기본적인 구조에 대해 배웠다. 그리고 아주 기본적인 태그들을 배웠는데 간단한 태그들인데도 실제 코딩값을 넣으니까 오타도 나고 뭔가 이상하고... 아직은 조금 헷갈리는데 이렇게 공부한 내용을 다시 회고하는 게 도움이 될 것 같다.
먹고 기도하고 코딩하라