찾다
웹 프론트엔드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으로 문의하세요.
PHP基础教程:从入门到精通PHP基础教程:从入门到精通Jun 18, 2023 am 09:43 AM

PHP是一种广泛使用的开源服务器端脚本语言,它可以处理Web开发中所有的任务。PHP在网页开发中的应用广泛,尤其是在动态数据处理上表现优异,因此被众多开发者喜爱和使用。在本篇文章中,我们将一步步地讲解PHP基础知识,帮助初学者从入门到精通。一、基本语法PHP是一种解释性语言,其代码类似于HTML、CSS和JavaScript。每个PHP语句都以分号;结束,注

lambda 表达式的语法和结构有什么特点?lambda 表达式的语法和结构有什么特点?Apr 25, 2024 pm 01:12 PM

Lambda表达式是无名称的匿名函数,其语法为:(parameter_list)->expression。它们具有匿名性、多样性、柯里化和闭包等特点。实际应用中,Lambda表达式可用于简洁地定义函数,如求和函数sum_lambda=lambdax,y:x+y,并通过map()函数应用于列表来进行求和操作。

深入解析MySQL.proc表的结构及用途深入解析MySQL.proc表的结构及用途Mar 15, 2024 pm 02:36 PM

MySQL.proc表是MySQL数据库中存储存储过程和函数信息的系统表,通过深入了解其结构及用途,可以更好地理解存储过程和函数在MySQL中的运行机制,并进行相关的管理和优化。下面将详细解析MySQL.proc表的结构及用途,并提供具体的代码示例。1.MySQL.proc表的结构MySQL.proc表是一个系统表,存储了所有存储过程和函数的定义和相关信息

internet的基本结构与技术起源于什么internet的基本结构与技术起源于什么Dec 15, 2020 pm 04:48 PM

internet的基本结构与技术起源于ARPANET。ARPANET是计算机网络技术发展中的一个里程碑,它的研究成果对促进网络技术的发展起到了重要的作用,并未internet的形成奠定了基础。arpanet(阿帕网)为美国国防部高级研究计划署开发的世界上第一个运营的封包交换网络,它是全球互联网的始祖。

如何在MySQL中设计商城的评价表结构?如何在MySQL中设计商城的评价表结构?Oct 31, 2023 am 08:27 AM

如何在MySQL中设计商城的评价表结构?在一个商城系统中,评价是非常重要的功能之一。评价不仅可以提供给其他用户参考,还可以帮助商家了解用户对商品的反馈和意见。设计一个合理的评价表结构对于商城系统的运行和用户体验至关重要。本文将介绍如何在MySQL中设计商城的评价表结构,并提供具体的代码示例。首先,我们需要建立两个基本的表:商品表和用户表。商品表(produc

如何使用HTML和CSS实现一个具有固定导航菜单的布局如何使用HTML和CSS实现一个具有固定导航菜单的布局Oct 26, 2023 am 11:02 AM

如何使用HTML和CSS实现一个具有固定导航菜单的布局在现代网页设计中,固定导航菜单是常见的布局之一。它可以使导航菜单始终保持在页面顶部或侧边,使用户可以方便地浏览网页内容。本文将介绍如何使用HTML和CSS实现一个具有固定导航菜单的布局,并提供具体的代码示例。首先,需要创建一个HTML结构来呈现网页的内容和导航菜单。以下是一个简单的示例

Python中常见的流程控制结构有哪些?Python中常见的流程控制结构有哪些?Jan 20, 2024 am 10:38 AM

Python中有四种常见的流程控制结构,分别是顺序结构、条件结构、循环结构和跳转结构。下面将一一介绍并提供相应的代码示例。顺序结构:顺序结构是程序从上到下按照预定的顺序执行的结构,没有特定的关键字或语法。示例代码:print("这是顺序结构示例1")print("这是顺序结构示例2")print("这是顺

探秘Linux文件系统的内部结构探秘Linux文件系统的内部结构Mar 21, 2024 am 10:03 AM

标题:探秘Linux文件系统的内部结构Linux操作系统以其稳定性和灵活性而闻名,文件系统作为其核心之一,扮演着关键的角色。深入了解Linux文件系统的内部结构不仅有助于我们理解操作系统的工作原理,还可以帮助我们更好地进行系统管理和优化。本文将以详细的代码示例和解释,探讨Linux文件系统的内部结构。一、文件系统简介文件系统是计算机用于组织和存储文件以及对文

See all articles

핫 AI 도구

Undresser.AI Undress

Undresser.AI Undress

사실적인 누드 사진을 만들기 위한 AI 기반 앱

AI Clothes Remover

AI Clothes Remover

사진에서 옷을 제거하는 온라인 AI 도구입니다.

Undress AI Tool

Undress AI Tool

무료로 이미지를 벗다

Clothoff.io

Clothoff.io

AI 옷 제거제

AI Hentai Generator

AI Hentai Generator

AI Hentai를 무료로 생성하십시오.

뜨거운 도구

스튜디오 13.0.1 보내기

스튜디오 13.0.1 보내기

강력한 PHP 통합 개발 환경

SublimeText3 중국어 버전

SublimeText3 중국어 버전

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

SublimeText3 Linux 새 버전

SublimeText3 Linux 새 버전

SublimeText3 Linux 최신 버전

메모장++7.3.1

메모장++7.3.1

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

드림위버 CS6

드림위버 CS6

시각적 웹 개발 도구