목차
환영합니다
웹 프론트엔드 HTML 튜토리얼 HTML 기초: HTML_HTML/Xhtml_웹 페이지 제작의 기본 구조

HTML 기초: HTML_HTML/Xhtml_웹 페이지 제작의 기본 구조

May 16, 2016 pm 04:45 PM
기초적인 베이스 재산 문서 상표 표시 구조 표현하다

HTML의 기본 구조
하이퍼텍스트 문서는 문서 헤더와 문서 본문의 두 부분으로 나누어집니다. 문서 헤더에는 이 문서에 필요한 몇 가지 정의가 이루어지고, 문서 본문에는 표시할 다양한 문서 정보가 있습니다.

 


 헤드 정보

 
 문서 본문, 텍스트 부분
 

여기서 는 가장 바깥쪽 레이어에 있으며, 이는 이 태그 쌍 사이의 콘텐츠가 HTML 문서임을 나타냅니다. 또한 일부 홈페이지에서는 .html 또는 .htm 파일이 웹 브라우저에서 기본적으로 HTML 문서로 설정되어 있기 때문에 태그가 생략된 것을 볼 수 있습니다. 에는 문서의 전체 제목 등 문서의 헤더 정보가 포함됩니다. 헤더 정보가 필요하지 않은 경우 이 태그를 생략할 수 있습니다. 태그는 일반적으로 생략되지 않으며 텍스트 내용의 시작을 나타냅니다.
다음은 기본 하이퍼텍스트 문서의 소스코드입니다.

간단한 HTML 예제



환영합니다







홈페이지를 처음 만들어보는데 무슨 일이 있어도 열심히 노력하겠습니다!




━┓
 ┃파일 헤더
━┛
━┓
 ┃


┃파일 본문

 ┃


━┛
하이퍼텍스트 태그
제가 처음 하이퍼텍스트를 접했을 때 가장 큰 장애물은 ""으로 둘러싸인 몇몇 문장이었습니다. 우리는 이를 태그라고 부릅니다. 이는 텍스트를 구분하고 표시하여 레이아웃과 텍스트를 구성하는 데 사용되는 요소입니다. 텍스트 형식과 다채로운 이미지.
1. 단일 태그
특정 태그는 단독으로 사용될 때 의미를 완전히 표현할 수 있기 때문에 "단일 태그"라고 합니다.
   
가장 일반적으로 사용되는 단일 태그는
로, 줄바꿈을 의미합니다.
2. 이중 태그
또 다른 유형의 태그는 "시작 태그"와 "종료 태그"의 두 부분으로 구성되며 시작 태그는 웹 브라우저에 알려야 합니다. 여기에서 시작하려면 이 태그가 나타내는 기능을 시작하고, tail 태그는 웹 브라우저에게 여기서 기능을 종료하라고 지시합니다. 시작 태그 앞에 슬래시(/)를 추가하면 꼬리 태그가 됩니다. 이 태그 유형의 구문은 다음과 같습니다.
내용 标签> "content" 부분은 이 태그 쌍의 영향을 받는 부분입니다. 예를 들어 특정 텍스트 표시를 강조 표시하려면
태그에 다음 텍스트를 넣으세요.    
1위 : 3. 라벨 속성
많은 단일 및 이중 태그는 초기 태그 내에 일부 속성을 포함할 수 있습니다.
   
속성 사이에는 순서가 없으며 속성을 생략할 수도 있습니다(즉, 기본값을 그대로 사용). 예를 들어 단일 표시
는 문서의 현재 위치에 수평선을 그리는 것을 의미합니다. , 일반적으로 창의 현재 줄 끝에서 왼쪽 끝부터 오른쪽 끝까지 그립니다. 일부 속성은 다음과 같습니다.

SIZE 속성은 선의 두께를 정의하고 속성 값은 정수입니다. 누락된 값은 1입니다. ALIGN 속성은 LEFT(왼쪽 정렬, 기본값), CENTER(가운데 정렬), RIGHT(오른쪽 정렬)일 수 있는 정렬을 나타냅니다. ) WIDTH 속성은 상대 값일 수 있는 행 길이를 정의합니다(" " 쌍으로 구성됨). 기호로 묶인 백분율은 전체 창을 채우는 것에 대한 백분율을 나타냅니다. 또는 절대값(WIDTH=300과 같이 정수로 표시되는 화면 픽셀 수)을 사용할 수도 있습니다. 기본값은 "100%"입니다. .
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.

뜨거운 기사 태그

메모장++7.3.1

메모장++7.3.1

사용하기 쉬운 무료 코드 편집기

SublimeText3 중국어 버전

SublimeText3 중국어 버전

중국어 버전, 사용하기 매우 쉽습니다.

스튜디오 13.0.1 보내기

스튜디오 13.0.1 보내기

강력한 PHP 통합 개발 환경

드림위버 CS6

드림위버 CS6

시각적 웹 개발 도구

SublimeText3 Mac 버전

SublimeText3 Mac 버전

신 수준의 코드 편집 소프트웨어(SublimeText3)

지뢰 찾기를 표시하는 방법은 무엇입니까? -지뢰 찾기의 난이도를 변경하는 방법은 무엇입니까? 지뢰 찾기를 표시하는 방법은 무엇입니까? -지뢰 찾기의 난이도를 변경하는 방법은 무엇입니까? Mar 18, 2024 pm 06:34 PM

지뢰 찾기를 표시하는 방법은 무엇입니까? -지뢰 찾기의 난이도를 변경하는 방법은 무엇입니까?

Word 문서에 수정 지시를 추가하는 방법 Word 문서에 수정 지시를 추가하는 방법 Mar 01, 2024 am 09:40 AM

Word 문서에 수정 지시를 추가하는 방법

Baidu 지도에 여러 위치를 표시하는 방법 여러 위치를 표시하는 방법 Baidu 지도에 여러 위치를 표시하는 방법 여러 위치를 표시하는 방법 Mar 15, 2024 pm 04:28 PM

Baidu 지도에 여러 위치를 표시하는 방법 여러 위치를 표시하는 방법

Windows 11/10에서 열 때 Word 문서가 비어 있습니다. Windows 11/10에서 열 때 Word 문서가 비어 있습니다. Mar 11, 2024 am 09:34 AM

Windows 11/10에서 열 때 Word 문서가 비어 있습니다.

트래픽을 유도하기 위해 Douyin에 태그를 추가하는 방법은 무엇입니까? 플랫폼에서 트래픽을 가장 쉽게 유도할 수 있는 태그는 무엇입니까? 트래픽을 유도하기 위해 Douyin에 태그를 추가하는 방법은 무엇입니까? 플랫폼에서 트래픽을 가장 쉽게 유도할 수 있는 태그는 무엇입니까? Mar 22, 2024 am 10:28 AM

트래픽을 유도하기 위해 Douyin에 태그를 추가하는 방법은 무엇입니까? 플랫폼에서 트래픽을 가장 쉽게 유도할 수 있는 태그는 무엇입니까?

TikTok 라벨 뒤에 있는 시계는 무엇인가요? Douyin 계정을 태그하는 방법은 무엇입니까? TikTok 라벨 뒤에 있는 시계는 무엇인가요? Douyin 계정을 태그하는 방법은 무엇입니까? Mar 24, 2024 pm 03:46 PM

TikTok 라벨 뒤에 있는 시계는 무엇인가요? Douyin 계정을 태그하는 방법은 무엇입니까?

Baidu 지도에 표시하는 방법 - Baidu 지도에 표시하는 특정 작업 Baidu 지도에 표시하는 방법 - Baidu 지도에 표시하는 특정 작업 Mar 04, 2024 pm 08:46 PM

Baidu 지도에 표시하는 방법 - Baidu 지도에 표시하는 특정 작업

JAX-RS 및 Swagger: RESTful API에 대한 상위 수준 문서 JAX-RS 및 Swagger: RESTful API에 대한 상위 수준 문서 Feb 29, 2024 pm 02:00 PM

JAX-RS 및 Swagger: RESTful API에 대한 상위 수준 문서

See all articles