HTML5文件基本结构

最新推荐文章于 2024-03-14 22:19:54 发布

W94941

最新推荐文章于 2024-03-14 22:19:54 发布

阅读量1.1k

点赞数

本文链接：https://blog.csdn.net/W94941/article/details/101528351

版权

本文详细介绍了HTML5的基本结构，包括标题、段落、水平线、字体样式、注释和特殊符号、图像、超链接、列表、表格、媒体元素、iframe框架、表单及其各种元素和属性。HTML5提供了丰富的标签来构建网页内容，如表单验证、媒体播放、框架集成等，是现代网页开发的重要组成部分。

摘要由CSDN通过智能技术生成

HTML是一种超文本标记语言，如网页中的一个标题、一个段落、一张图片等都是利用一个个HTML标记完成的。HTML基本语法为：

<html>
<heabd></head>
<body></body>
</html>

标题标签表示一段文字的标题或主题，并且支持多层次的内容结构。HTML共提供了六级标题<h1>~<h6>并赋予了标题一定的外观，所有标题字体加粗，字体最大的为<h1>最小为<h6>。

段落标签：<p>……</p>表示一段文字等内容。一个段落可以包含多行文字，文字内容可以将随游览器窗口的大小自动切换。

换行标签：<br/>表示强制换行显示，该标签比较特殊，没有结束标签，直接使用表示换标签的开始和结束这种标签叫单标签。

水平线标签<hr/>表示一条水平线，该标签与换行标签一样，比较特殊没有结束标签，都是单标签，它主要用于让版面更加清晰直观，可以加在歌名或歌词之间。

当我们网页中需要字体加粗或倾斜时，我们就要用到<strong>(加粗)和<em>样式标签。<strong>标签不但能让字体加粗，它还有一个重要的“身份”，<strong>是一个带有语义的标签，它有强调、加强语气的作用。

当页面的HTML结构复杂或内容较多时，需要添加必要的注释方便代码阅读和维护，同时为了强调，需要注释掉的一些不必要的代码，当游览器遇到注释时会自动忽略注释内容。

注释语法：

<!--注释内容-->

特殊符号：由于有一些符号已成为HTML的语法符号，如大于号（>）、小于号(<)……因此，这些特殊符号要在页面中显示必须要使用相应的HTML代码表示，而这些特殊符号在html对应的代码中被称为字符实体。这些实体符号都以“&”开头，以“;”结束。如表所示：

图像标签语法如下：

<img src="图像地址"alt="图像的代替文字"title="鼠标悬停提示文字"width="图片宽度"height="图片高度"/>

注意：其中src属性表示图片路径，alt属性指定的代替文本，表示图片无法显示时替代显示的文本，这样就不用担心网页丢失的内容用户看不见。所以alt属性在制作网页时和src属性配合使用。

title属性可以提供额外的提示或帮助信息，当鼠标移至到图片上时显示提示信息。

width和heigth两个属性分别表示图片的宽度和高度，如果不设置那么图片默认显示原始大小。

超链接包含两部分，一是链接地址，即链接目标，可以是某个网址或文件的路径，对应的<a>标签的href属性；用于建立页面间的导航链接，链接可分为页面间链接、锚链接、功能性链接，在此不做解释。

简单来说列表就是信息资源的一种展示形式。在html5中的列表可以分为三种类型：无序列表、有序列表、定义列表。他们的不同之处如下：

无序列表由<ul>和<li>标签组成，使用<ul>作为无序列表的声明，使用<li>标签作为每个列表的起始，结构语法如下：

<ul>
	<li>第1项</li>
	<li>第二项</li>
	<li>第三项</li>

关注