详解HTML常用标签

详解HTML常用标签

HTML标签对大小写不敏感,但推荐使用小写

HTML标签一般是成对出现的,左边标签一般叫开始标签,右边标签叫结束标签,有始有终,除了些个别是单闭合标签。

单闭合标签简称单标签 也叫空标签

1.单标签

标签功能
<br/>插入一个简单的换行符
<hr/>定义水平线定义,把上下内容分开
<area/>定义图像内部的区域
<bace/>定义页面中所有链接的默认地址或目标
<img/>定义图像
<input/>定义输入的控件
<link/>定义文档与外部资源的关系
<meta/>定义HTML文档的元信息
<basefont/>页面中文本默认字体、颜色或尺寸 不建议使用
<param/>对象的参数
<col/>表格中一个或多个列的属性
<frame/>框架集的窗口或框架
<embed/>外部交互内容或插件

2.双标签

标签功能
<span></span>span标签是没有语义化的标签(使用较多)
<p></p>给一段文字加上语义化
<textarea></textarea>表单中多行文本域的标记符
<form></form>表单控件的标记符
<title></title>标题的标记符
<body></body>文件主体部分的标签
<table></table>表格标签
<td></td>单元格的标签
<tr></tr>表格的行标签
<h1></h1>标题字(最大)
<h6></h6>标题字(最小)
<b></b>字体加粗
<strong></strong>字体加粗(强调)
<i></i>斜字体
<em></em>斜字体(强调)
<dfn></dfn>斜字体(表示定义)
<u></u>字体下面的底线(底线)
<ins></ins>底线(表示插入文字)
<strike></strike>横线
<s></s>删除线
<del></del>删除线(表示删除)
<kbd></kbd>键盘文字
<tt></tt>打字体
<xmp></xmp>固定宽度字体(在文件中空白、换行、定位功能有效)
<plaintext></plaintext>固定宽度的字体(不执行标志符号)
<listing></listing>固定宽度小字体
<font size=1></font>字体的大小
<font color=00ff00></font>字体的颜色

3.链接

HTML使用超级链接与网络上的另一个文档相连,几乎可以在所有的网页中找到链接,点击链接可以从一张页面跳转到另外一张页面。

超链接可以是一个字,一个词,或者一组词,也可以是一幅图像,可以点击这些内容来跳转到新的文档或者当前文档中的某个部分,当把鼠标遇到链接上时会出现一只小手。

链接将以以下几种形式出现:

  • 一个为访问过的链接显示==蓝色==字体并带有下划线

  • 访问过的链接显示为==紫色==并带上下划线

  • 点击链接时,链接显示为==红色==并带上下划线

    注意:如果为这些超链接设置了 CSS 样式,展示样式会根据 CSS 的设定来显示

    基本语法:

    <a href="#">链接文字</a>

标签功能
<base href="地址">设置好连接路径
<a href="地址"></a>外部连接
<a href="地址" target="_blank"></a>外部连接(原有的窗口不会被覆盖)
<a href="地址" target="_top"></a>外部连接(全窗口连接)
<a href="地址" target="页框名"></a>外部连接(在指定页框连接)

4.图像/音乐

使用标签定义 HTML 页面中的图像。标签有两个必需的属性:srcalt

注意: 加载页面时,要注意插入页面图像的路径,如果不能正确设置图像的位置,浏览器无法加载图片,图像标签就会显示一个破碎的图片。

标签功能
<img src="图片地址">插入图片
<img src="图片地址" alt="图片未加载出来时提示的文字"插入图片,如果图片没显示则会出现alt中的文字 如果显示 则不会出现
<img src="图片地址" width="100"; height="100">插入图片并设置图片的宽和高
<bgsound src="MID音乐文件地址">背景音乐的设定

在HTML中,表示版权符号的特殊符号是© <!-- &copy; -->

  • 3
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值