HTML常用标签

最新推荐文章于 2023-04-02 14:32:57 发布

chenqianblog

最新推荐文章于 2023-04-02 14:32:57 发布

阅读量311

点赞数

分类专栏： HTML 文章标签： html HTML常用标签

本文链接：https://blog.csdn.net/chenqianblog/article/details/54649658

版权

HTML 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

HTML学习笔记
============================================================
HTML基础：
HTML是一种用于描述网页结构的超文本标记语言。

HTML基本框架：
<!DOCTYPE html>
<html>
<head>
<title>网页标题</title>
</head>
<body>
正文内容
</body>
</html>

HTML排版标记:
段落标记：<p></p>
标题标记：<h1></h1>

...
<h6></h6>
水平线标记：<hr/>
换行标记：<br/>

HTML字体标记：
字体标记：<font color="颜色" size="字号" face="字体名称"></font>
字体颜色取值：red
字号取值范围：1-7
字体名称取值：黑体
[以上取值均为实例，在实际应用中可灵活改变]
加粗标记：<b></b>
倾斜标记：<i></i>
上标标记：<sup></sup>
下标标记：<sub></sub>
下划线标记：<u></u>
删除线标记：<s></s>

HTML转义字符：
与字符：&
空格字符： 
引号字符："
大于字符：<
小于字符：>
乘号字符：×
除号字符：÷
版权字符：©
商标字符：®
注意事项：如果两个均为数字，则可直接使用大于小于标签，因为不影响

HTML清单标记
有序列表：
<ol>

<li></li>
<li></li>

</ol>
无序列表：
<ul>

<li></li>
<li></li>

</ul>
分类列表：
<dl>
<dt></dt>
<li></li>
<li></li>
<dt></dt>
<li></li>
<li></li>
</dl>

HTML图形标记：
<img src="文件路径名称" border="1" width="宽度" height="高度"/>
边框属性：这里的border=""的值并不是指边框宽度，而是只有无边框
显示失败属性：alt=""
鼠标悬浮属性：title=""

HTML链接标记：
基本链接：<a href="" target=""></a>
打开属性：target=""
_blank：空白新页面打开
_self:在相同的框架中打开被连接文档
_parent:在父框架集中打开被链接的文档
_top:在整个窗口中打开被链接的文档
framename：在指定的框架中打开被连接的文档
链接属性：href=""
协议名+文件名
http://www.baidu.com
mailto:www@www.com

HTML锚记标签：
定义锚点：<a name="锚点名称"></a>
链接锚点：<a href="#指定锚点"></a>
属性解析：#表示链接的位置在当前的网页范围内

HTML表格标签：
基本框架：
<table>
<tr>
<th></th>
</tr>
<tr>
<td></td>
</tr>
</table>
属性详解：
tr：表格行标记
td：表格列标记
th：表格表头标记
表格边框：
外部边框：表格最外层的最大的
单元格边框：每个单元格外层的边框
cellpadding：设定单元格中的内容到每个单元格边框的距离
cellspacing：设定单元格边框到其表格外部边框的距离
单元格对齐：
<td align="center"></td>
居中对齐：center
靠左对齐：left
靠右对齐：right

HTML框架标签：
框架标签与body标签属于同级关系，在使用时要避免同时使用
基本框架：<frameset rows="">
<frame src="" name="指定框架名"></frame>
<frame src="" target="指定框架名"></frame>
</frameset>
基本属性：
rows="30%,70%"表示按行划分，上下关系，占比
cols="30%,70%"表示按列划分，左右关系，占比
也可以使用绝对宽度方式：rows="120,*"
补充知识：
./ 表示当前目录
../ 表示上级目录

未完待续...

欢迎支持错误和补充