HTML基础标签详解-优快云博客

本文链接：https://blog.youkuaiyun.com/okaeri/article/details/76034782

一、HTML文件基础标签

HTML是一种超文本标记语言， “ 超文本 ” 就是指页面内可以包含图片、链接，甚至音乐、程序等非文字元素。超文本标记语言的结构包括 “ 头”部分（英语：Head）、和“主体”部分（英语：Body），其中head部分提供关于网页的信息，body部分提供网页的具体内容。以下是一个很简单的HTML文件。

<html>

<head>
<title>我的第一个 HTML 页面</title>
</head>

<body>
<p>body 元素的内容会显示在浏览器中。</p>
<p>title 元素的内容会显示在浏览器的标题栏中。</p>
</body>

</html>

title标签：用来定义浏览器的标题。

p标签：用来定义段落元素（段落的行数依赖于浏览器窗口的大小，调节浏览器窗口的大小将改变段落中的行数），一个p标签中会省略换行和多余的空格成为一段。

br标签：在p标签中使用实现换行。<br />

h1~h6标签：网页内容的加粗标题标签，字体依次减小，仅用于生成标题，生成粗体用其他标签或CSS。

>align属性：设置标题在页面中的位置。

hr标签：定义水平线。<hr />

注释标签：

>bgcolor属性：设置背景颜色。

a标签：定义链接。

>href属性：定义链接的地址。

img标签：定义图像，通过height、width、src定义图像相关信息。

二、Html文件结构

元素：从开始标签到结束标签的代码，如<p>...</p>，<br/>。

属性：用于丰富元素的信息，属性值需要包在单引号/双引号里，当属性中有双引号时只能用单引号。

style属性：提供一种改变所有HTML元素的样式的通用方法，替代废弃的属性和标签。通过使用 style 属性直接将样式添加到 HTML 元素，或者间接地在独立的样式表中（CSS 文件）进行定义。

表格：由 <table> 标签来定义，结合border属性可定义有边框的表格。每个表格均有若干行（由 <tr> 标签定义），每行被分割为若干单元格（由 <td> 标签定义）。字母 td 指表格数据（table data），即数据单元格的内容。数据单元格可以包含文本、图片、列表、段落、表单、水平线、表格等等。<th>定义表头信息。

列表：<ul>定义无序号的列表，<li>定义列表每一项，用小黑圆圈标记。<ol>定义有序号的列表，每一项是有序号的。<dl>标签为自定义列表，<dt>表示列表项，<dd>表示该项的定义。