HTML 소개

2704 단어
HTML은 Hypertext Markup Language의 약자입니다. 웹 콘텐츠의 구조를 구성합니다. 프로그래밍 언어처럼 논리를 처리할 수 없기 때문에 Ruby나 Java와 같은 프로그래밍 언어가 아닙니다. 예를 들어 HTML에서 if else 조건부 블록을 구현할 수 없습니다.

HTML은 엄밀히 말해 마크업 언어일 뿐입니다. HTML 문서는 콘텐츠를 래핑하는 태그 또는 마크업 요소로 구성됩니다. 일부 태그는 자동으로 닫히지만 일반적으로 여는 태그와 닫는 태그로 구성됩니다. doctype 선언 태그라는 문서를 정의하는 태그는 사용 중인 HTML의 유형을 웹 브라우저에 알리기 위해 문서 상단에 필요합니다.

HTML 태그는 이러한 태그 사이에 있는 모든 것이 HTML 마크업임을 브라우저에 알리는 데 사용됩니다. HTML 문서에 필요한 두 개의 다른 태그는 head 태그와 body 태그입니다. head 태그에는 HTML 문서 자체에 대한 데이터인 메타데이터와 웹 브라우저에 대한 기타 정보가 포함되어 있습니다. 본문 태그는 일반적으로 헤더 및 단락 태그와 같은 다른 태그를 포함하는 주요 내용을 포함합니다. 헤더의 범위는 h1에서 h6(가장 큰 것에서 가장 작은 것)이며 텍스트가 표시되는 방식을 변경하고 검색 엔진이 웹 페이지에 대한 정보를 결정할 수 있도록 합니다. 제목 태그는 일반적으로 페이지 내용을 설명하는 데 사용되는 웹 페이지의 상단 탭에 표시되는 텍스트를 포함하는 태그입니다.

<!DOCTYPE html>

<html>
  <head>

    <title>Webpage</title>
    <meta charset="UTF-8" />

  </head>
  <body>

  </body>
</html>


속성



HTML 속성은 너비 및 높이와 같은 속성이나 링크와 같은 추가 정보를 요소에 제공하는 데 사용됩니다. 그것들은 HTML 요소의 여는 태그에서 name="value"로 구현됩니다. 여기서 name은 속성 이름이고 value는 속성 값입니다.

코멘트



HTML 주석은 HTML 문서에서 유용한 메모로 사용됩니다. 다른 코드로 브라우저에 렌더링되지 않습니다. <!-- This is a comment --> .

이미지 및 목록



이미지는 src 속성<img src="image-url" alt="description of image">과 함께 img 태그를 사용하여 웹 페이지에 삽입할 수 있습니다. alt 속성은 이미지를 설명하는 데 사용되며 장애가 있는 사용자와 로드하는 데 문제가 있는 이미지에 유용합니다. HTML 목록에는 또 다른 일반적인 마크업 요소가 있습니다. 일반적으로 사용되는 유형은 정렬되지 않은 목록과 정렬된 목록입니다. 순서가 지정되지 않은 목록에는 글머리 기호로 표시되는 목록 항목 태그가 포함됩니다. 순서가 지정된 목록에는 번호가 매겨진 목록 항목 태그가 포함되어 있습니다.

<!-- Unordered Lists -->
<ul>
 <li></li>
 <li></li>
</ul>



<!-- Ordered Lists -->
<ol>
 <li></li>
 <li></li>
</ol>


결론



요약하자면 HTML은 웹 페이지와 웹 앱을 구축하는 데 필요한 도구이기 때문에 웹용으로 개발하는 데 필요합니다. 그것은 우리 웹사이트의 구조를 구성합니다.

좋은 웹페이지 즐겨찾기