HTML基础与标签详解：打造个性化网页布局
版权申诉
99 浏览量
更新于2024-06-28
收藏 45KB DOCX 举报
HTML全称为HyperText Markup Language，中文名为超文本标记语言，是网页设计的基础，用于创建网页结构和内容的标记语言。它扩展了文本的局限，通过一系列标签来定义和组织网页元素，使得网页不仅仅包含纯文本，还能包含图像、链接、音频等多种媒体形式。
HTML的核心思想在于利用标签（<标签>）来区分和控制网页的不同部分。每个标签都有特定的用途，例如`<head>`用于存放元数据，如页面标题 `<title>`，而`<body>`则包含实际显示在浏览器中的内容。标签通常成对出现，如`<head></head>`，但某些标签如`<hr/>`表示水平线，可以单独使用并在其内部结束。
在HTML中，标记具有可定制性，通过调整标签的属性值，可以实现内容的样式变化。例如，`<font>`标签用于修改文字样式，其属性包括`size`控制文字大小（范围1-7，7为最大）和`color`指定文字颜色，可以使用英文单词或16进制代码表示。注释标签`<!-- -->`用于添加文档级或块级注释，帮助开发者理解和维护代码。
标题标签（`<h1>`到`<h6>`）用于设置不同级别标题，它们自动生成不同字号和换行。水平线标签`<hr>`用于插入分隔线，其`size`属性控制线条粗细，`color`属性定义颜色。特殊字符如`<`、`>`、`&`等需要使用实体符号`<`、`>`、`&`来避免被浏览器误解。
列表是HTML的重要组成部分，`<dl>`（定义列表）用于展示一对对术语和定义，`<dt>`（定义项）对应术语，`<dd>`（定义描述）对应定义。有序列表`<ol>`则用于生成有序序列，`<li>`（列表项）包含具体的项目内容，可以通过`type`属性指定排序类型（默认为阿拉伯数字）。
HTML是一种强大的工具，通过理解并熟练运用这些基本结构和标签，开发者能够构建出功能丰富的网页。掌握标签的使用方法，以及如何根据需求调整属性，是成为一名合格前端开发者的基石。
_self : 在当前页面打开。
***定位资源
***如果想定位资源：定义一个位置
<a name=”top”>顶部</a>
**回到这个位置
<a href=”#top”>回到顶部</a>
9、表格标签（*****重要的很******）
<table>表格的范围
属性：border=”1” bordercolor=”blue”
cellspacing=”0”width=”40”height=”40”.
border:表格线 bordercolor:表格线颜色 cellspacing:单元格之间的距离。
<tr align=”left”>表示行</tr> <td>在行标签的里面表示行里面的单元格
</td>
在 tr 和 td 标签下属性：显示方式 align: left center right
***<th>表格实现居中加粗标签</th>
***表格标题写着 table 里面
***<caption>表格标题标签</ caption >
<tr>
*** 表示几行。
<td></td>
<td></td>
*** 表示每行的单元格。
剩余19页未读，继续阅读
111 浏览量
2023-09-19 上传
2021-06-19 上传
2021-10-11 上传
152 浏览量
2021-11-22 上传
