열정 실천

html의 모든 요소는 해당 요소가 웹 브라우저에 어떻게 보이는가를 결정하는 display 속성을 가진다. display 속성의 값으로 inline과 block, 그리고 두 가지의 장점을 합친 inline-block이 있다. inline ✔ html 태그의 내용 만큼만 차지 ✔ 태그를 연달아 썼을 때 한 줄에 나타남 ✔ width, height로 크기 조절을 할 수 없음 ✔ 좌우 margin, padding만 적용 가능 (상하는 불가능) 📌인라인 태그 종류 , , , , block ✔ 해당 라인의 모든 너비를 차지 ✔ 태그 요소마다 줄을 바꿈 ✔ width, height, 상하좌우 margin, padding이 모두 가능 -> 레이아웃을 작업하는 요소로 적합 ✔ 내용과 별개로 자신의 영역을 가짐 📌블록 ..

html에서 주석달기 * 해당 라인 전체 주석처리하는 단축키 : ctrl [cmd] + / html 문서 기본 형식 웹 프론트엔드 개발 시작 : '이 문서의 종류는 HTML입니다' 라는 정보 (태그로 해당 html 문서를 감싸준다) : html 문서에 대한 설정 정보가 담김 : 웹 페이지 화면에 표시될 자료들이 담김 태그 1. 문서 일부에 정보를 부여한다. 2. 여는태그 와 닫는태그 를 활용하여 정보를 표현할 범위를 지정한다. 3. 범위가 필요없는 태그는 로 표현한다. 다양한 태그 종류 줄바꿈 문단 구분 *paragraph 제목 표현 *heading - ~ 하이퍼링크 -> *href : hypertext reference 버튼 사진 -> 여러 태그를 담는 컨테이너 역할 text를 분할하는 역할 , 리스트..