>웹 프론트엔드 >HTML 튜토리얼 >HTML 기초: HTML_HTML/Xhtml_웹 페이지 제작의 기본 구조

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

WBOY
WBOY원래의
2016-05-16 16:45:041471검색

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으로 문의하세요.