본문 바로가기

전체 글14

HTML 태그 HTML 태그 HTML 태그 HTML 태그(tag)는 HTML 요소(element)라고도 부르며, HTML 문서를 구성하는 기본 단위입니다. : HTML5에서 새롭게 추가된 태그 태그 설명 주석(comment)을 정의함. 해당 문서(document)의 타입을 정의함. 다른 콘텐츠와 연결되는 하이퍼링크(hyperlink)를 정의함. 축약형(abbreviation)이나 머리글자로만 된 단어(acronym)를 정의함. 머리글자로만 된 단어(acronym)를 정의함. HTML5에서는 더 이상 지원하지 않으며, 대신 요소를 사용함. 문서나 글의 저자 또는 회사와 연락할 수 있는 정보를 명시함. 문서에 포함되는 애플릿(웹 페이지에 포함되어 작은 기능을 수행하는 프로그램)을 정의함. HTML5에서는 더 이상 지원하지.. 2022. 1. 3.
HTML 자세히 알기 3 - 구조적 요소들#2 HTML 자세히 알기 2 - 구조적 요소들#1 HTML5의 구조적인 마크업 요소를 위한 div, section, article 에 대해 알아봅니다. div, section, article 요소 소개 : 이미 너무나도 잘 알고 있고 가장 많이 이용하는 통상적인 컨텐츠 그릇입니다. 이 이상 어떠한 의미론적인 뜻도 내포하고 있지 않으며, 단지 컨텐츠의 흐름만 형성하는 요소일 뿐입니다. : 통상적인 문서 또는 어플리케이션의 섹션(구획)을 형성하는 요소로, 대부분 항상 heading 요소들과(가끔은 heading 요소들을 로 감싸기도 한다), 그리고 때때로 요소와도 함께 사용되기도 합니다. 홈페이지의 뉴스 부분처럼 페이지의 주요 부분인, 긴 글의 세부사항과 같은 관련 컨텐츠의 묶음, 또는 탭 키 사용을 요하는 인.. 2021. 12. 30.
HTML 자세히 알기 2 - 구조적 요소들#1 HTML 자세히 알기 2 - 구조적 요소들#1 HTML5 엘리먼트 중에서 와 에 대해 알아봅니다. 그리고 과 이것의 자식 요소인 도 함께 살펴 본 후, 와 비교하여 보도록 합니다. nav, aside, figure 소개 : 다른 페이지로의 이동(일반적으로 ‘사이트 네비게이션’이라 한다.) 또는 같은 페이지에서 섹션으로 이동(흔히, 긴 글에 사용되는 ‘컨텐츠 내용 목록’을 일컫는다.)을 위한 네비게이션 링크 목록을 담는 섹션입니다. 이것은 주요한 네비게이션 구역이지, 단지 링크만 포함하는 의미없는 그룹을 말하는 것이 아닙니다. 그리고 대개 “skip navigation” 링크를 사용하고 있을 것입니다. : 주위의 내용과 분리는 되지만 아주 약간의 관련성이 있는 컨텐츠를 구성하는 페이지의 섹션을 말합니다. .. 2021. 12. 30.
HTML 자세히 알기 1 - Elements HTML 자세히 알기 1 - Elements body 태그 안에 HTML Elements 를 작성하게 되며, 본문 영역에 사용되는 태그들이 웹 서비스를 나타내는 구조에 해당합니다. HTML 태그의 종류는 다음과 같은 것이 있습니다. Headings h1~h6 Paragraphs p Lists dl, ul, ol Links a, image-map Images img Tables table, tr, th, td, caption, col Forms input, select, textarea address address structure div Headings – h1~h6 헤딩 태그는 문서의 주요 타이틀에 사용하며, 중요도가 높은 제목일 수록 낮은 hx 값을 갖습니다. 다시 말해, 대제목, 중제목, 소제목, .. 2021. 12. 30.