-
让品牌有温度、有情感
专注品牌策划15年
html页面结构
发布时间：2023-04-04 18:19:14
稿源：
创意岭 阅读：
88
大家好！今天让创意岭的小编来大家介绍下关于html页面结构的问题，以下是小编对此问题的归纳整理，让我们一起来看看吧。
开始之前先推荐一个非常厉害的Ai人工智能工具，一键生成原创文章、方案、文案、工作计划、工作报告、论文、代码、作文、做题和对话答疑等等
只需要输入关键词，就能返回你想要的内容，越精准，写出的就越详细，有微信小程序端、在线网页版、PC客户端
创意岭作为行业内优秀的企业，服务客户遍布全球各地，如需了解SEO相关业务请拨打电话175-8598-2043，或添加微信：1454722008
本文目录:
一、HTML文档结构一般包括哪三部分啊?
一般的HTML是以<html>标记开始，以</html>标记结束的，文档里面分成两部分：
头部标签<head>...</head>：标记之间的内容用于描述页面的头部信息，如页面的标题、摘要、关键词等信息。
文档体：<body>...</body>标记之间的内容即为页面的主体内容。
如果硬要分三部分，可以在BODY里面用div区分网站的底部出来。
二、HTML5的页面结构和HTML4有什么不同
如果单单说页面结构，不介绍新的特性、功能的话，人见解，最大的变化恐怕是语意化了，html5增加了了很多语意化标签，比如header、footer、nav等等。这些标签有利于让浏览器或者蜘蛛（搜索引擎）更好理解你的页面想表达的内容。比传统html4使用表格或者div布局更加有利于SEO或者无障碍阅读。
其次，页面头部的文档类型声明也比html4更加简洁，文档类型的作用，主要是告诉浏览器此文档是什么种类，该如何解析。html4有很多种头部文档声明，比较乱，新手可能很难一下子理解（说实话我也不太理解），而html5则精简到了一种：<!DOCTYPE HTML>这样就使代码出错，和兼容问题得到了妥善解决。
个人觉得主要是这些改动吧，望采纳。
三、2． HTML文档的基本结构由哪些标记组成
<html>
<head>
<title>标题</title>
</head>
<body>
这里是内容，显示在页面中
</body>
</html>
上面就是HTML文档的基本结构。
HTML文档的基本结构
1 、<HTML>...</HTML>文档标记
这个标记是全部文档内容的容器，<HTML>是开始标记，</HTML>是结束标记，它们分别是网页的第一个和最后一个标记，其他标记代码都位于这两个标记之间。
2、<HEAD>...</HEAK>首部标记
首部标记<HEAD>...</HEAK>用于提供与Web页有关的各种信息。在首部标记中，可以使用<TITLE>...</TITLE>标记来指定网页的标题，<STYLE>和</STYLE>标记来定义CSS样式表，使用<SCRIPT>和</SCRIPT>标记来插入脚本，等等。
3、<BODY>...</BODY>正文标记
正文标记包含了文档的内容，文字、图像、动画、超链接以及其他HTML元素均位于该标记中。正文标记有下列属性。
Backgroud:指定文档背景图像的URL地址。
Bgcolor:指定文档的背景颜色。
Text:指定文档中的文本颜色。
Link：指定文档中链接的颜色。
VLink：指定文档中已被访问过的链接颜色。
ALink：指定文档中正被选中的链接颜色。
ONLoad：指定文档首次加载时调用的事件处理程序。
ONUNLoad：指定文档卸载时调用的事件处理程序。
4 、文档的基本结构
<HTML>
<HEAD>
<TITLE>这是我的第一张网页 </TITLE>
</HEAD>
<BODY>
这是我做的第一张网页。
</BODY>
</HTML>
2.1.4、注释标记
在HTML语言中，注释由开始标记<!--和结束标记-->构成，这两个标记之间的文字被浏览器解释为注释，而不在浏览器窗口中显示。例如：
<!-- 注释标记的作用主要就是对某句和某段代码进行注释 -->
四、html行为的组成结构
1、HTML——超文本标记语言，浏览器解析html标记后，展示内容
2、H5——HTML5(目前流行比较火）
3、网页的基本结构
3.1静态网页的拓展名htm或html
3.2新建网页的步骤：
1、新建文本文档，更改拓展名为htm或html
2、编写网页的基本结构，并报春
3、双击html文件，在浏览器中运行
3.3网页的基本结构
<html>
<head>
<title>网页的标题</title>
<body>网页显示的内容</body>
</head>
</html>
4、HTML语言的特点
标记，大部分的都是成对存在
不区分大小写 H5区分大小写
浏览器解析HTML标记
二、使用相关的标签进行排版
1、网页的标题
<title></title>
2、标题标签
<h1>....<h6>数字越大 标题越小
3、段落标记——<p>[/P]可以有也可以没有
4、换行——<br/> [/]可以有野可以没有
5、水平线——<hr/>
6、字体加粗<strong></strong> 斜体<em></em>
7、HTML中的注释和特殊的符号--P15页
注释：<!-- -->
特殊符号 空格 ； 大于号>； 小于号<；
引号"；版权符号©；
三、在网页上插入图片
<img src="图片地址" alt ""替换的文字
title ""鼠标悬浮停留时的文字 width ="宽" height"高"/>
ps：src属性必须有 其他的属性可以有可以没有
图片路径：相对路劲和绝对路径
1、相对路径，不出现有磁盘名字的路径
../表示上级目录
../../表示目录的上一级目录
2.绝对路径，有磁盘名字的路径
C:\Documents and Settings\Administrator\桌面
***网页中使用相对路径
四、超链接
1、通用语法：
<a href=路径target="-self丨blank"（前是当前页面打开，
后是新建宽口打开>超链接上的显示的文字</a>
2、作用：页面导航
3、锚链接P23.24
1>先设置锚记
<a name="锚记名" </a>
2>超链接访问当前页面中的锚记？
<a href="#锚记名”></a>
4、打开邮件发送邮件
<a href="mailto:邮箱名“>点我发送邮件</a>
以上就是关于html页面结构相关问题的回答。希望能帮到你，如有更多相关问题，您也可以联系我们的客服进行咨询，客服也会为您讲解更多精彩的知识和内容。
推荐阅读：
html+css网页制作（html css网页制作成品我的学校）
赣公网安备 50019002502384号
