드림코딩HTML 2

드림 코딩 엘리 : 컴팩트한 HTML 태그 완성

현업 개발자 엘리의 팁 뭐든지 나누어 보자. 프론트/백엔드 모두 박스화 생각하면서 만들자, 클레스, 함수를 만들 때도 세분화와 박스화를 할 수 있을지 생각하자. 큰 그림을 먼저 보자. 박스 태그/ 아이템 태그 -- 태그는 둘 중 하나 box - 섹션이 나눠지는 태그들 - 아무곳에서나 쓰일 수 있는 태그 - 반복된 재사용 가능한 형식이 묶여져 있는 태그 -문단을 정의하는 태그 구성할 때 섹션 태그를 이용해서 나누어준다 -- div로 무작위로 나누지 않는다. block - 한줄에 하나. - bolck 태그이다. inline - 공간이 허용하면 바로 옆에 배치 가능. - inline 태그이다. 부르는 이름 정리 element=node라고도 불린다. 태그 한쌍+ 내용이 element가 된다. attribute ..

HTML 2020.08.31

드림코딩 엘리 : HTML 기초, 박스모델, MDN

JS Bin - 설치하지 않아도 동작하는 것을 볼 수 있는 사이트 -관습적으로 적는 것 - 가장 상위에 적음 - 구글에서 검색할 때 나오는 타이틀, 부가 설명/ 북마크 추가 할 때 나오는 제목이나 아이콘들/ CSS 파일을 연결하기도함/ 메타 데이터만 있다 - 사용자에게 보여진다. W3C라는 곳에서 만든 태그가 모든 브라우저에서 같은 기능으로 쓰인다. HTML은 브라우저에서 사용 가능한 가장 기본적인 파일이다. HTML에는 태그 크게 2가지가 있다. 에는 상세설명이 들어있고 에는 사용자에게 보여지는 태그들로 이루어져 있다. MDN 업데이트도 빠르다. 전세계인이 사용하는 페이지. --HTML element page --브라우저 호환 가능성 확인(중요) :모든 태그에서 지원되는지 잘못된 코드를 쓰면 ? - 브..

HTML 2020.08.31