본문 바로가기

HTML12

[HTML] HTML의 기본 태그: 제목(h), 문단(p), 리스트(ol, ul, dl, li) HTML의 기본 태그를 알아봅니다. [ Contents ] 1. 제목 태그 jangThang jangThang jangThang jangThang jangThang jangThang 제목 태그는 'Heading'의 약자로 h를 사용합니다. 중요도에 따라 h1 ~ h6까지 있으며, h1이 가장 큽니다. 주로 h1을 제목으로 사용하고, h2~h6은 부제목으로 사용합니다. 특히 은 페이지의 제목이므로, 꼭 1개만 사용해야 좋습니다. (웹 크롤러가 태그를 페이지의 제목으로 인식하고, 페이지의 주제 및 내용을 분류합니다.) 세부적인 특징으로는 '굵게(bold)' 표시되며, h태그가 끝나면 자동으로 줄바꿈이 됩니다. 그리고 제목 하단에는 여백이 넉넉하게 주어집니다. 2. 문단 태그 star가 되고나서 Tistory.. 2022. 4. 24.
[HTML] HTML의 태그 구성 요소와 문서 기본 구조 HTML의 가장 기본적인 문서 구조와, 태그의 구성요소에 대해서 알아보겠습니다. [ Contents ] 1. HTML 태그의 구성 요소 콘텐츠 HTML은 '태그' 안에 내용을 담습니다. 예를 들어 위에 쓰인 제목은 1. HTML의 태그 구성 요소 로 쓸 수 있습니다. 태그의 종류는 크게 2가지로, '시작 태그만 있는 경우(empty, single-sided)'와 '시작 태그와 종료 태그가 모두 있는 경우(container, double-sided)'가 있습니다. 속성이 있는 태그는 '속성값'을 지정할 수 있습니다. 속성은 해당 태그에 필요한 추가적인 정보를 의미합니다. 예를 들어, 하이퍼링크 태그에는 '링크'가 필요하고, 이미지 태그에는 '이미지 링크'가 필요합니다. 태그와 속성값은 대소문자 구분이 없으.. 2022. 4. 23.
[HTML] 하이퍼 텍스트 마크업 언어란? HTML에 대해서 알아보고, 마크업 언어의 특징과 예시를 살펴보겠습니다. [ Contents ] 1. HTML HTML: 웹 페이지의 구조, 형태, 내용을 담당하는 마크업 언어 Hyper Text Markup Language의 약자로, 본래에는 웹페이지를 서로 연결하는 '하이퍼 링크'에서 시작했습니다. 웹 초기에는 단순히 웹페이지들이 하이퍼 링크로 연결되어 있었을 뿐이죠. 웹이 발전하면서 표, 이미지, 동영상 등이 추가되었고 지금과 같이 다채로운 웹페이지가 탄생했습니다. HTML은 웹페이지의 구조와 내용을 담당하며, 주로 '뼈대'라는 표현을 많이 씁니다. 페이지 내 콘텐츠 요소를 적절한 위치에 HTML로 추가합니다. 2. 마크업 언어란? 마크업 언어(Markup language): 를 이용해서 문서 및 .. 2022. 4. 23.

티스토리툴바