1. HTML이란 무엇입니까?
HTML은 하이퍼텍스트 마크업 언어(Hypertext Markup Language)라고 불리며 마크업 언어입니다. 여기에는 일련의 태그가 포함됩니다. 이러한 태그는 네트워크의 문서 형식을 통합하고 분산된 인터넷 리소스를 논리적인 전체로 연결할 수 있습니다. HTML 텍스트는 HTML 명령으로 구성된 설명 텍스트입니다. HTML 명령은 텍스트, 그래픽, 애니메이션, 사운드, 표, 링크 등을 설명할 수 있습니다.
하이퍼텍스트는 하이퍼링크를 통해 텍스트, 그래픽 및 기타 정보 매체를 연결하는 정보를 구성하는 방법입니다. 이러한 상호 연관된 정보 매체는 동일한 텍스트일 수도 있고, 다른 파일일 수도 있고, 지리적으로 멀리 떨어져 있는 컴퓨터에 있는 파일일 수도 있습니다. 이러한 정보 정리 방식은 서로 다른 위치에 분산되어 있는 정보 자원을 무작위 방식으로 연결하여 사람들이 정보를 더 쉽게 찾고 검색할 수 있게 해줍니다.
● 간략한 설명
HTML은 HyperText Mark-up Language의 약자로 하이퍼텍스트 마크업 언어를 의미합니다.
HTML은 프로그래밍 언어가 아니라 마크업 언어입니다.
하이퍼텍스트(Hypertext)는 하이퍼링크(Hyperlink)를 말하고, 마크업(Markup)은 웹페이지를 만드는데 사용되는 언어이다.
이 언어로 작성된 파일은 파일 확장자가 .html 또는 .htm인 텍스트 파일로 저장됩니다.
HTML 문서는 웹 페이지라고도 합니다. HTML 파일을 편집기로 열면 텍스트를 사용하여 편집할 수 있습니다.
브라우저로 열면 브라우저는 태그 설명 내용에 따라 파일을 웹 페이지로 렌더링합니다. 표시된 웹 페이지는 한 웹 페이지 링크에서 다른 웹 페이지로 이동할 수 있습니다.
●HTML의 전체 중국어 이름에서 그 본질을 분석해 보겠습니다.
(1) 하이퍼텍스트
즉, 이는 일반 텍스트를 넘어 HTML 문서가 텍스트(텍스트)를 포함할 수 있을 뿐만 아니라 이미지, 오디오 및 비디오, 표, 목록, 링크, 버튼, 입력 상자 등과 같은 고급 콘텐츠도 포함할 수 있음을 의미합니다.
하이퍼링크는 인터넷의 링크로, 많은 웹 페이지를 연결하고 서로 얽혀 "네트"를 형성할 수 있습니다. 하이퍼링크가 없으면 인터넷도 없습니다.
(2) 마크업 언어
HTML은 컴퓨터 언어이지만 프로그래밍할 수 없으며 웹페이지의 콘텐츠를 마크업하는 데에만 사용할 수 있습니다. HTML은 다양한 태그를 사용하여 다음과 같은 다양한 콘텐츠, 형식, 레이아웃 등을 표시합니다.
<img> 태그는 이미지를 나타냅니다.
<a> 태그는 링크를 나타냅니다.
<table> 태그는 테이블을 나타냅니다.
<input> 태그는 입력 상자를 나타냅니다.
<p> 태그는 텍스트를 나타냅니다.
<strong> 태그는 텍스트 볼드 효과를 나타냅니다.
<div> 태그는 블록 수준 레이아웃을 나타냅니다.
요약
HTML은 웹 페이지를 개발하는 데 사용되는 컴퓨터 언어로, 태그(표시된 지침)를 통해 텍스트, 오디오 및 비디오, 그림, 표, 버튼, 입력 상자 및 기타 콘텐츠를 표시합니다. 즉, HTML은 웹 콘텐츠의 형식을 지정하고 레이아웃하는 데 사용됩니다.
2. HTML 버전 개발 내역:
HTML이 탄생한 이후 지속적인 개발을 거쳐 많은 HTML 버전이 시장에 등장했습니다. HTML 버전에 대한 간략한 소개는 다음과 같습니다.
3. HTML 콘텐츠
●HTML 태그
위에서 언급했듯이 HTML은 다양한 태그를 사용하여 콘텐츠의 형식을 지정하는 마크업 언어입니다.
(1) HTML 태그는 <html>과 같이 꺾쇠 괄호로 묶인 키워드로 구성됩니다.
(2) 몇몇 태그를 제외하고 대부분의 HTML 태그는 <b> 및 </b>와 같이 쌍으로 나타납니다.
(3) 쌍으로 나타나는 태그 중 첫 번째 태그를 시작 태그, 두 번째 태그를 종료 태그(닫는 태그)라고 합니다.
HTML의 다양한 태그에는 다양한 의미가 있습니다. HTML을 배운다는 것은 실제로 각 태그의 의미를 배우고 실제 시나리오의 필요에 따라 적절한 태그를 선택하여 아름다운 웹 페이지를 만드는 것을 의미합니다.
●HTML 문서 구조
HTML 페이지의 기본 구조는 다음과 같으며, 웹 페이지를 생성하는 데 필요한 다양한 태그(doctype, html, head, title, body 등)가 포함되어 있습니다.
<!DOCTYPEhtml><html><head><metacharset=UTF-8><title>HTML 문서 구조 예</title></head><body><h1>이 위치는 제목입니다</h1><p> 이 위치는 문단입니다</p><p>이 위치는 또 다른 문단입니다</p><ahref=http://c.biancheng.net/target=_blank>이 위치는 C의 홈페이지를 가리키는 링크입니다 언어 네트워크 </a><ul><li>HTML 튜토리얼</li><li>CSS 튜토리얼</li></ul><inputtype=textplaceholder=text content/></body></html>
구문은 다음과 같이 설명됩니다.
<!DOCTYPE html>: 이는 문서를 HTML 문서로 선언하는 데 사용되는 문서 유형 선언입니다(기술적으로는 태그가 아님). doctype 선언은 대소문자를 구분하지 않습니다.
<html> </html>: 이 태그는 HTML 페이지의 루트 태그입니다. 다른 모든 태그는 <html> 및 </html> 태그 사이에 정의되어야 합니다.
<head> </head>: 이 태그는 제목, 인코딩 형식 등과 같은 HTML 문서의 일부 정보를 정의하는 데 사용됩니다.
<meta charset=UTF-8>: 현재 웹 페이지가 UTF-8 인코딩을 사용함을 나타내는 데 사용됩니다. UTF-8은 전 세계적으로 허용되는 인코딩 형식이며 대부분의 웹 페이지는 UTF-8 인코딩을 사용합니다.
<title> </title>: 이 태그는 웹 페이지의 제목을 정의하는 데 사용됩니다. 웹 페이지의 제목은 브라우저의 탭 표시줄에 표시됩니다.
<body> </body>: 이 태그는 단락, 제목, 그림, 링크 등과 같이 브라우저를 통해 볼 수 있는 웹 페이지의 모든 콘텐츠를 정의하는 데 사용됩니다.
<h1> </h1>: 이 태그는 제목을 정의하는 데 사용됩니다.
<p> </p>: 이 태그는 단락을 정의하는 데 사용됩니다.
<a> </a>: 이 태그는 링크를 정의하는 데 사용됩니다.
<ul> </ul>: 이 태그는 목록을 정의하는 데 사용됩니다.
<li> </li>: 이 태그는 목록 항목을 정의하는 데 사용됩니다.
<input type=text />: 입력 상자를 정의하는 데 사용됩니다.
HTML 문서는 텍스트 파일이므로 모든 텍스트 편집기를 사용하여 HTML 파일을 만들고 수정할 수 있습니다.초보자의 경우 Windows 메모장, Linux Vim 및 Mac OS TextEdit과 같이 시스템과 함께 제공되는 텍스트 편집기를 사용하는 것이 가장 좋습니다. 특정 기반이 있으면 Notepad++, Sublime Text, VS Code 등과 같은 전문 텍스트 편집기를 선택할 수 있습니다.
또한 HTML 문서를 브라우저에서 직접 열고 콘텐츠를 찾아보려면 먼저 HTML 문서를 .html 또는 .htm 형식으로 저장해야 합니다. 예를 들어 위의 샘플 코드를 index.html이라는 파일에 저장하면 다음 그림과 같이 브라우저에서 실행 결과를 볼 수 있습니다.
●HTML의 특징
(1) 단순성: 하이퍼텍스트 마크업 언어 버전 업그레이드는 상위 집합 방식을 채택하여 더욱 유연하고 편리합니다.
(2) 확장성: 하이퍼텍스트 마크업 언어의 광범위한 적용으로 인해 향상된 기능과 추가된 식별자에 대한 요구가 생겼습니다. 하이퍼텍스트 마크업 언어는 시스템 확장을 보장하기 위해 하위 클래스 요소 방법을 채택합니다.
(3) 플랫폼 독립성 : 개인용 컴퓨터가 대중화되어 있지만 MAC 등 다른 기계를 사용하는 사람들이 많다. ).
(4) 보편성: 또한 HTML은 인터넷의 보편적 언어이며 간단하고 보편적인 올인원 마크업 언어입니다. 이를 통해 웹 페이지 제작자는 텍스트와 이미지가 결합된 복잡한 페이지를 만들 수 있으며, 이러한 페이지는 사용되는 컴퓨터나 브라우저 유형에 관계없이 인터넷상의 다른 사람 누구나 볼 수 있습니다.