🎨HTML Lists
🧵< ul>
정렬되지 않은 목록(unordered list)
🧵< li>
각 목록 항목(each list item)
-기본적으로 작은 검은색 원으로 표시됨
-< ul>목록 항목 마커의 스타일을 정의하는데 사용
🧵< ol>
정렬된 목록(ordered list)
-기본적으로 숫자로 표시됨
-< ol>목록 항목 마커의 유형을 정의
🧵< dl>
설명 목록 정의(description list)
🧵< dt>
설명 용어 정의(description term)
🧵< dd>
설명 목록에서 용어 설명(to describe the term in a description list)
🎨HTML Block&Inline
🧵Block
항상 새 줄에서 시작하여 사용 가능한 전체 너비 차지
👇the block-level elements in HTML👇
🧵Inline
새 줄에서 시작하지 않으며 필요한만큼만 너비 차지
👇the inline elements in HTML👇출처:w3schools
🎨HTML Iframes
웹페이지 내에 웹페이지를 표시하는데 사용
🎨HTML File Paths
파일 경로는 웹사이트의 폴더 구조에서 파일의 위치를 설명함
🧵File Path Examples
🧵Absolute File Paths(절대)
절대 파일 경로는 파일의 전체 URL이다
🧵Relative File Paths(상대)
상대 파일 경로는 현재 페이지에 상대적인 파일을 가리킴
🎨HTML Entities
🧵유용한 Entities
🧵구별을 위한 부호 결합
🧵Some Mathematical Symbols Supported by HTML
참고: 더 많은 수학기호
🧵Some Greek Letters Supported by HTML
참고: 더 많은 그리스어
🎨HTML Charset
참고: Charset
🎨HTML URL Encode
참고: urlencode
URL Encoding Reference
🎨HTML Forms
< form>
- 입력양식에 필요한 태그
< /form>
🧵input type=
✔"radio" : 단일선택
✔"checkbox" : 다중선택
참고: HTML Forms
🎨Tips
🧵크롬 - 캐시기능
- 한 번 읽은 코드를 재사용해서 읽어들이는 기능
- 수정된 코드가 반영이 안되고, 이전 정보가 그대로 다시 보여주는 것. (그러므로 안좋겠굼)
👇👇👇👇👇
크롬들어가기👉마우스 오른쪽클릭👉'검사'클릭👉'설정'클릭👉Preferences의 Network에서 Disable cache체크!
🧵vs code
- emmet(자동완성기능)
- 설치과정에서 emmet 포함
- 대부분의 개발툴에서 자동완성으로 사용하는 프로그램 : emmet
참고
