목차
HTML 기초: HTML_HTML/Xhtml_웹 페이지 제작의 기본 구조
May 16, 2016 pm 04:45 PM
기초적인
베이스
재산
문서
상표
표시
구조
표현하다
HTML의 기본 구조
하이퍼텍스트 문서는 문서 헤더와 문서 본문의 두 부분으로 나누어집니다. 문서 헤더에는 이 문서에 필요한 몇 가지 정의가 이루어지고, 문서 본문에는 표시할 다양한 문서 정보가 있습니다.
헤드 정보
문서 본문, 텍스트 부분
여기서 는 가장 바깥쪽 레이어에 있으며, 이는 이 태그 쌍 사이의 콘텐츠가 HTML 문서임을 나타냅니다. 또한 일부 홈페이지에서는 .html 또는 .htm 파일이 웹 브라우저에서 기본적으로 HTML 문서로 설정되어 있기 때문에 태그가 생략된 것을 볼 수 있습니다. 에는 문서의 전체 제목 등 문서의 헤더 정보가 포함됩니다. 헤더 정보가 필요하지 않은 경우 이 태그를 생략할 수 있습니다. 태그는 일반적으로 생략되지 않으며 텍스트 내용의 시작을 나타냅니다.
다음은 기본 하이퍼텍스트 문서의 소스코드입니다.
환영합니다
홈페이지를 처음 만들어보는데 무슨 일이 있어도 열심히 노력하겠습니다!
━┓
┃파일 헤더
━┛
━┓
┃
┃
┃
┃파일 본문
┃
┃
┃
┃
━┛
하이퍼텍스트 태그
제가 처음 하이퍼텍스트를 접했을 때 가장 큰 장애물은 ""으로 둘러싸인 몇몇 문장이었습니다. 우리는 이를 태그라고 부릅니다. 이는 텍스트를 구분하고 표시하여 레이아웃과 텍스트를 구성하는 데 사용되는 요소입니다. 텍스트 형식과 다채로운 이미지.
1. 단일 태그
특정 태그는 단독으로 사용될 때 의미를 완전히 표현할 수 있기 때문에 "단일 태그"라고 합니다.
가장 일반적으로 사용되는 단일 태그는
로, 줄바꿈을 의미합니다.
2. 이중 태그
또 다른 유형의 태그는 "시작 태그"와 "종료 태그"의 두 부분으로 구성되며 시작 태그는 웹 브라우저에 알려야 합니다. 여기에서 시작하려면 이 태그가 나타내는 기능을 시작하고, tail 태그는 웹 브라우저에게 여기서 기능을 종료하라고 지시합니다. 시작 태그 앞에 슬래시(/)를 추가하면 꼬리 태그가 됩니다. 이 태그 유형의 구문은 다음과 같습니다.
내용 标签> "content" 부분은 이 태그 쌍의 영향을 받는 부분입니다. 예를 들어 특정 텍스트 표시를 강조 표시하려면
태그에 다음 텍스트를 넣으세요.
1위 : 3. 라벨 속성
많은 단일 및 이중 태그는 초기 태그 내에 일부 속성을 포함할 수 있습니다.
속성 사이에는 순서가 없으며 속성을 생략할 수도 있습니다(즉, 기본값을 그대로 사용). 예를 들어 단일 표시
는 문서의 현재 위치에 수평선을 그리는 것을 의미합니다. , 일반적으로 창의 현재 줄 끝에서 왼쪽 끝부터 오른쪽 끝까지 그립니다. 일부 속성은 다음과 같습니다.
SIZE 속성은 선의 두께를 정의하고 속성 값은 정수입니다. 누락된 값은 1입니다. ALIGN 속성은 LEFT(왼쪽 정렬, 기본값), CENTER(가운데 정렬), RIGHT(오른쪽 정렬)일 수 있는 정렬을 나타냅니다. ) WIDTH 속성은 상대 값일 수 있는 행 길이를 정의합니다(" " 쌍으로 구성됨). 기호로 묶인 백분율은 전체 창을 채우는 것에 대한 백분율을 나타냅니다. 또는 절대값(WIDTH=300과 같이 정수로 표시되는 화면 픽셀 수)을 사용할 수도 있습니다. 기본값은 "100%"입니다. .
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.

인기 기사
Repo : 팀원을 부활시키는 방법
3 몇 주 전
By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. 에너지 결정과 그들이하는 일 (노란색 크리스탈)
1 몇 주 전
By 尊渡假赌尊渡假赌尊渡假赌
헬로 키티 아일랜드 어드벤처 : 거대한 씨앗을 얻는 방법
3 몇 주 전
By 尊渡假赌尊渡假赌尊渡假赌
스플릿 소설을이기는 데 얼마나 걸립니까?
3 몇 주 전
By DDD

인기 기사
Repo : 팀원을 부활시키는 방법
3 몇 주 전
By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. 에너지 결정과 그들이하는 일 (노란색 크리스탈)
1 몇 주 전
By 尊渡假赌尊渡假赌尊渡假赌
헬로 키티 아일랜드 어드벤처 : 거대한 씨앗을 얻는 방법
3 몇 주 전
By 尊渡假赌尊渡假赌尊渡假赌
스플릿 소설을이기는 데 얼마나 걸립니까?
3 몇 주 전
By DDD

뜨거운 기사 태그

메모장++7.3.1
사용하기 쉬운 무료 코드 편집기

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

스튜디오 13.0.1 보내기
강력한 PHP 통합 개발 환경

드림위버 CS6
시각적 웹 개발 도구

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

뜨거운 주제
Gmail 이메일의 로그인 입구는 어디에 있나요?
7303
9


자바 튜토리얼
1622
14


Cakephp 튜토리얼
1342
46


라라벨 튜토리얼
1259
25


PHP 튜토리얼
1207
29



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

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

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

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

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

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

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