웹사이트를 만들고 싶다면 HTML 학습은 필수입니다. 드림위버와 같은 도구를 사용하여 웹사이트를 제작하더라도 기본 HTML 지식을 이해하면 웹사이트 제작 과정에서 좀 더 편안한 마음을 가질 수 있고 더 나은 웹사이트를 만드는 데 도움이 됩니다.
이번 글에서는 HTML의 중요한 구성 요소인 요소에 대해 알아 보겠습니다. 요소는 HTML 문서를 구성하고 브라우저에 웹 페이지 렌더링 방법을 알려주는 데 사용됩니다. 일반적으로 요소는 시작 태그, 콘텐츠 및 종료 태그로 구성됩니다.
1. "라벨"이란 무엇입니까?
태그는 요소의 시작과 끝을 나타냅니다.
모든 태그의 형식은 동일합니다. 즉, 미만 기호 "<"로 시작하고 보다 큼 기호 ">"로 끝납니다.
일반적으로 태그에는 두 가지 유형, 즉 시작 태그(예: <html>)와 종료 태그(예: </html>)가 있습니다. 이들 사이의 유일한 차이점은 마지막 태그에 추가 슬래시 "/가 있다는 것입니다. 첫 번째 태그와 마지막 태그 사이에 내용을 배치하여 내용을 표시합니다.
HTML은 주로 다양한 요소로 구성되어 있으므로 HTML을 배운다는 것은 다양한 요소를 활용하는 방법을 배우는 것을 의미합니다.
예를 들어, b 요소의 기능은 <b>와 </b> 태그 사이의 텍스트가 굵게 표시되어야 함을 브라우저에 알리는 것입니다. (여기서 "b"는 "굵게"를 의미합니다.)
예시 1:
<b>이 문장은 굵은 글씨로 표시됩니다. </b>
이 예는 브라우저에 다음과 같이 표시됩니다.
h1, h2, h3, h4, h5 및 h6 요소의 기능은 제목을 표시하는 것입니다(여기서 h는 "제목"을 의미함). 그중 h1은 첫 번째 수준 제목이고 글꼴이 가장 큽니다. h2는 두 번째 수준 제목이며 글꼴은 첫 번째 수준 제목보다 약간 작으며 h6은 마지막 수준인 여섯 번째 수준 제목입니다. 제목이며 글꼴이 가장 작습니다.
예 2:
<h1>제목입니다</h1>
<h2>자막입니다</h2>
이 예는 브라우저에 다음과 같이 표시됩니다.
속담처럼 모든 것에는 예외가 있습니다. HTML에는 예외가 있습니다. 즉, 일부 요소에는 후행 태그가 없습니다. 후행 태그가 없는 이러한 요소를 빈 요소라고 하며 다음 줄 바꿈 태그와 같이 특정 텍스트 내용과 아무 관련이 없습니다: <br />.
2. 라벨의 문자는 대문자여야 합니까, 아니면 소문자여야 합니까?
대부분의 브라우저는 태그가 대문자인지, 소문자인지, 대소문자가 혼합되어 있는지 상관하지 않습니다. 따라서 <HTML>, <html> 또는 <HtMl>은 브라우저에 동일하게 표시됩니다. 그러나 라벨을 작성하는 올바른 방법은 소문자를 사용하는 것입니다. 그러니 라벨을 소문자로 쓰는 습관을 들여보세요.
3. 라벨을 어디에 붙일까요?
HTML 문서에 태그를 작성해야 합니다. 웹사이트에는 여러 개의 HTML 문서가 포함될 수 있습니다. 인터넷 서핑 과정은 실제로 다른 HTML 문서를 여는 과정입니다.