나다이_꾸준히걷기

HTML 핵심 요소 정리 태그 : : 블록(상자) 요소 : 특별한 의미가 없는 구분을 위한 요소.(Division) 태그 : : 블록(상자) 요소 : 제목을 의미하는 요소.(Heading) : h1, h2, h3, h4, h5, h6 숫자가 작을수록 더 중요한 제목을 정의 태그 : : 블록(상자) 요소 : 문장을 의미하는 요소(Paragraph) 태그 : : 이미지를 삽입하는 요소.(Image) : src, alt 필수 속성 태그 : : 블록(상자) 요소 : 순서가 필요없는 목록의 집합을 의미.(Unordered List) : 무조건 자식태그로 태그가 1개이상 존재해야함 태그 : : 블록(상자) 요소 : 목록 내 각 항목(List Item) : 무조건 부모태그로 태그와 함께 해야함 태그 : Naver :..

글자와 상자 : 요소가 화면에 출력되는 특성, 크게 2가지로 구분. 1. 인라인(Inline) 요소 : 글자를 만들기 위한 요소들. 2. 블록(Block) 요소 : 상자(레이아웃)를 만들기 위한 요소들. 태그 : : 대표적인 인라인 요소 : 본질적으로 아무것도 나타내지 않는, 콘텐츠 영역을 설정하는 용도. : 요소가 수평으로 쌓임 : 인라인 요소는 포함한 콘텐츠 크기만큼 자동으로 줄어듬(가로, 세로 모두) : style의 width (요소의 가로길이), height (요소의 세로길이) : span 태그에 css 속성을 설정해줘도 글자는 가로 세로 높이를 가질수 없으므로 변화하지 않는다. : style의 margin (요소의 외부 여백을 지정하는 css속성) : style의 padding (요소의 내부 여..

상대 경로 그리고 절대 경로 ./ (생략 가능) : 현재 폴더(주변에서 찾기) ../ : 상위 폴더 http (https) : 완성된 주소 / (//) : 최상위 경로(root) 예) http://localhost:5500 (단, 뒤의 포트번호는 변경 가능하고 포트번호마다 다른 프로젝트 일 수 있음) 의 파일 및 폴더 구조 : project - images - logo.png - css - main.css - index.html 경로 index.html에서 나타내는 logo.png의 경로 상대 경로 : ./images/logo.png 또는 images/logo.png 절대 경로 : /images/logo.png 또는 https://sample.Website.Address/images/logo.png ma..