목록웹프로그래밍/HTML_CSS_Javascript 기초 (7)
bdfgdfg
HTML에서 요소는 h1~h6, p, a, b, span, table등의 요소롤 표현하기 위한 태그를 의미하며 컨테이너는 div,article,header,footer, aside, nav등 요소를 담기위한 박스,영역을 위한 태그를 의미한다. 또한 html태그에는 Block레벨과 Inline레벨이 존재하는데 Block레벨은 요소가 웹상에서 한줄을 차지하는 것을 의미. -> h1~h6,p,table태그등 Inline레벨은 컨텐츠 영역의 크기만큼만 차지하는 것을 의미. -> a,b, span태그등 한줄을 차지한다는 의미는 해당 태그들은 단순 사용시 나란히 요소가 나열되지 못함을 의미한다. Inline레벨은 너비등의 수정이 불가능하기에 display를 block, inline-block 또는 float를 이용..
Auto Rename Tag - 태그 수정할 때 닫는 태그도 자동으로 수정 Live Server ★★ - 수정된 html/css등 내용을 저장하면 바로 확인가능 ESLint + Prettier - ESLint는 js의 문법오류등이 있을 때 확인이 쉬움 - Prettier는 코드 스탈일 관련
HTML - 웹페이지 와 그 내용을 구조화 하기 위한 마크업 랭귀지. 기본 태그 HTML은 머리(head)와 몸(body)로 이루어져있다고 생각하면 편하다. head는 HTML의 전반적인 특성을 설정하는 곳이다. body는 화면에 그려질(render) 내용들을 넣는 곳이다. 태그 의미 웹 문서의 유형을 html로 지정 모든 html 태그들의 최상위 태그 h1 h1 h1 h1 h1 h1 네이버 링크 1 2 3 버튼 div는 html 소스를 묶어놓는 것. 간단한 html 작성법. 이외에도 태그는 많고 각 태그별 사용법도 다르지만 검색해서 보면 된다. CSS(Cascading Style Sheet) CSS는 무선의 콘텐츠와 레이아웃 그리고 글꼴등의 시각적 요소들로 표현되는 문서의 외관을 분리하기 위한 목적. ..