JS Bin - 설치하지 않아도 동작하는 것을 볼 수 있는 사이트
- <!DOCTYPE html> -관습적으로 적는 것
- <html>- 가장 상위에 적음
- <head>- 구글에서 검색할 때 나오는 타이틀, 부가 설명/ 북마크 추가 할 때 나오는 제목이나 아이콘들/ CSS 파일을 연결하기도함/ 메타 데이터만 있다
- <body>- 사용자에게 보여진다.
W3C라는 곳에서 만든 태그가 모든 브라우저에서 같은 기능으로 쓰인다.
HTML은 브라우저에서 사용 가능한 가장 기본적인 파일이다.
HTML에는 <head> <body> 태그 크게 2가지가 있다.
<head>에는 상세설명이 들어있고 <body>에는 사용자에게 보여지는 태그들로 이루어져 있다.
MDN 업데이트도 빠르다. 전세계인이 사용하는 페이지.
--HTML element page
--브라우저 호환 가능성 확인(중요) :모든 태그에서 지원되는지
잘못된 코드를 쓰면 ? - 브라우저가 똑똑하게 걸러준다.
validator - 유효한 태그를 쓰고 있는지 확인 할 수 있다/ 복붙해서 체크검사를 한다/ 에러가 나온다.
MDN -- Document and website structure
웹사이트 구조 예시 - header/ side bar / main contents/ foot bar
영어로 읽어보면서 구성 예시에 대해서 생각해보기
박스 안경을 쓴다
웹사이트를 바라볼 때 작은 단위로 나눈다 -- css 할 때 좋다. react 할 때 작은 단위부터 구현하는 것이 좋다.
숙제 - 위키피디아 html 사이트 박스로 나누기 - 함
'HTML' 카테고리의 다른 글
| Do it : HTML -4. 폼 관련 태그들 (0) | 2020.09.07 |
|---|---|
| Do it : HTML -2.텍스트 관련 태그 (0) | 2020.09.03 |
| Do it : HTML -1. 기본 다지기 (0) | 2020.09.02 |
| 드림 코딩 엘리 : 컴팩트한 HTML 태그 완성 (0) | 2020.08.31 |
| 생활코딩 : HTML 정리 -1. 태그 (by. 웹 어플리케이션 만들기) (0) | 2020.08.29 |