🔍목록 관련 태그에 대해 정리해보자. ordered list의 약자. 순차적 목록을 뜻한다. 정렬된, 순서가 있는 보통 숫자 목록을 의미. type: 항목을 셀 때 사용할 카운터 유형 1: 숫자(기본값) a: 소문자 알파벳 A: 대문자 알파벳 i: 소문자 로마 숫자 I: 대문자 로마 숫자 start: 항목을 셀 때 시작할 수, 아라비아 숫자만 가능 reversed: 순서 역전 순서가 중요한 목록에 적용. ex) 레시피, 브레드크럼 🤔브레드크럼(BreadCrumbs) - 빵부스러기, 빵가루 사이트 구조와, 현재 페이지의 계층 구조를 링크 목록으로 나타낸 것. 사용자의 웹사이트의 탐색을 도와준다. See the Pen Untitled by astinaus (@astinaus) on CodePen. unord..

🔍HTML에 존재하는 수많은 태그들을 알아보자. 상당히 길어질 것 같다... h1, h2, h3, h4, h5, h6 Heading: 제목 웹 페이지를 하나의 책이라고 생각하면 제목 태그는 목차와 같다! HTML 논리 구조에서 매우 중요한 태그. 검색엔진은 h 태그에 기반하여 결과물을 보여준다. 제목 태그를 잘 작성해 검색엔진에 노출이 잘 되게 하는 것도 고려해야한다! 주의할 점 h1 태그는 한 페이지에 한번만 사용할 것을 권장. 스타일의 목적으로 h 태그를 사용하지 말것! h1 ~ h6은 순서대로 작성해야 한다. 대한민국 부산 서면 해운대 명지 광안리 광안리 해수욕장 광안대교 대한민국 서면 부산 해운대 명지 광안리 돼지국밥 광안대교 href: hypertext reference (경로참조) tel: 전..

🔍HTML은 어떻게 구성되어있는지 들여다보기 HTML 구성 HTML의 뼈대가 되는 구조이다. 크게 4가지 파트로 나눌 수 있겠다. HTML 버전이 무엇인지 브라우저에 알려주는 역할을 하는 선언 HTML5 이전 버전에서는 DTD를 참조해야 했지만, HTML5 버전 이후로는 참조할 필요가 없다. ... HTML 문서의 루트, 최상단 요소 lang 속성으로 해당 페이지의 주 언어가 무엇인지 설정 가능. 주 언어 설정은 검색엔진, 스크린리더, 번역 기능 등에 영향을 미치게 된다. 언어코드 언어 국가코드(국가) ko 한국어 KR(대한민국), KP(북한) en 영어 US(미국), GB(영국), PH(필리핀) zh 중국어 CN(중국), HK(홍콩), TW(대만), Hans(간체), Hant(번체) ja 일본어 de ..

🔍HTML은 요소(Elements)로 구성되어있다. 요소 분석 태그(Tag) 웹 문서에 정보를 정의해주는 형식 ' : 시작태그(여는태그), : 종료태그(닫는태그)'로 구성 내용 요소 안에 다른 요소가 들어갈 수 있다. 요소1 요소2 요소 빈 요소 / 셀프 클로징(Self-closing) XHTML 시절에는 Self-closing 문법 / (슬래시)가 강제되었으나, 현재는 / 를 넣어서 닫지 않아도 된다. 주석 프로그램 동작에 영향을 미치지 않는다. 코드에 대한 대략적인 설명을 작성해둔다. 기밀사항을 적어두는 것은 피해야 한다. (비밀번호, 하이퍼링크 등) 주석은 최소한으로 남기는 것이 좋다. ... ... 관계도