웹사이트는 실제로 웹페이지로 구성되어 있습니다. 웹사이트가 무엇인지 이해하려면 먼저 웹페이지가 무엇인지 이해해야 합니다.
(1) 웹페이지는 실제로 서버에 있는 파일입니다. 웹페이지를 탐색할 때 이 파일은 로컬 컴퓨터에 다운로드된 다음 브라우저에서 분석되어 표, 그림, 제목과 같은 다양하고 아름다운 인터페이스를 렌더링합니다. , 목록 등
(2) 웹 페이지 파일에는 .html, .php, .jsp, .asp 등과 같은 다양한 접미사가 있습니다. 브라우저 주소에서 모두 본 적이 있을 것입니다.
(3) 그러나 웹페이지의 접미사가 무엇이든 그 본질은 동일하며 HTML 코드로 구성된 일반 텍스트 파일입니다.
(4) Notepad, Notepad++, Sublime Text 등을 사용하여 코드를 작성할 수 있습니다.
(1) 웹 사이트는 많은 웹 페이지와 많은 하위 폴더를 포함하는 서버에 있는 폴더로 생각할 수 있습니다.
(2) 사용자는 웹 사이트에 접속하여 파일의 내용을 읽습니다. 사용자는 데이터를 공유할 때 파일의 내용을 수정하거나 기존 파일을 삭제하거나 새 파일을 생성합니다.
현재 가장 일반적으로 사용되는 작성 소프트웨어는 Visual Studio Code이며, 향후 코드도 Visual Studio Code로 작성될 예정입니다.
HTML은 웹 페이지를 설명하는 데 사용되는 언어입니다. HTML은 웹에서 사용되는 일반적인 마크업 언어입니다. HTML을 사용하면 텍스트 형식을 지정하고, 이미지를 추가하고, 링크, 입력 양식, 프레임 및 표 등을 만들고, 브라우저에서 읽고 표시할 수 있는 텍스트 파일로 저장할 수 있습니다.
(1) HTML은 하이퍼텍스트 마크업 언어(HyperText Markup Language)를 의미합니다: 하이퍼텍스트 마크업 언어(HyperText Markup Language)
(2) HTML은 프로그래밍 언어가 아니라 마크업 언어이다.
(3) 마크업 언어는 마크업 태그의 집합입니다.
(4) HTML은 마크업 태그를 사용하여 웹 페이지를 설명합니다.
(5) HTML 문서에는 HTML 태그와 텍스트 내용이 포함되어 있습니다.
(6) HTML 문서는 웹페이지라고도 합니다.
(1) HTML 마크업 태그는 흔히 HTML 태그라고 불립니다.
(2) HTML 태그는 꺾쇠괄호로 둘러싸인 키워드 <tag>입니다.
(3) HTML 태그는 일반적으로 <tag>content</tag> 쌍으로 나타납니다.
(4) 태그 쌍의 첫 번째 태그는 시작 태그이고 두 번째 태그는 종료 태그입니다.
(5) 시작 태그와 끝 태그는 열린 태그, 닫는 태그라고도 합니다.
(1) HTML 태그와 HTML 요소는 일반적으로 동일한 의미를 설명합니다.
(2) 그러나 엄밀히 말하면 HTML 요소에는 시작 태그와 종료 태그가 포함됩니다.
(1) 웹 브라우저(예: Google Chrome, Internet Explorer, Firefox 및 Safari)는 HTML 파일을 읽고 이를 웹 페이지로 표시하는 데 사용됩니다.
(2) 웹 브라우저는 HTML 태그를 직접 표시하지 않지만 태그를 사용하여 HTML 페이지의 내용을 사용자에게 표시하는 방법을 결정합니다.
다음으로 간단한 HTML 예제를 통해 HTML의 구조에 대해 알아보겠습니다.
참고: Visual Studio Code를 입력한 후 새 파일의 접미사를 .HTML 로 변경하고 Enter를 눌러 기본 프레임워크를 만듭니다.
HTML 예제는 다음과 같습니다:
<!DOCTYPEhtml><html><head><metacharset=UTF-8><metaname=viewportcontent=width=device-width,initial-scale=1.0><title>문서</title></head><body>< /본문></html>
분석 예:
● DOCTYPE은 표준 범용 마크업 언어의 문서 유형 선언으로, 브라우저에서 웹 페이지를 올바르게 표시하는 데 도움이 됩니다. doctype 선언은 대소문자를 구분하지 않습니다.
●<html> 태그는 HTML 페이지의 루트 요소이며, 이 태그의 종료 태그는 </html>입니다.
●<head> 태그에는 문서의 메타데이터가 포함됩니다.
●<meta charset=utf-8>은 웹 페이지 인코딩 형식을 utf-8로 정의하여 브라우저에서 중국어 문자가 깨지는 문제를 해결할 수 있습니다.
●<title> 태그는 문서의 제목을 정의합니다.
●<body> 태그는 문서의 본문, 즉 웹 페이지에 표시되는 페이지 내용을 정의합니다. 이 태그의 끝 표시는 </body>입니다.