HTML标签和标签的属性
程序员文章站
2022-04-29 17:46:20
...
排版标签
排版标签主要和css搭配使用，显示网页结构的标签，是网页布局最常用的标签。
标题标签
<head> head 头部. 标题
段落标签
<p> paragraph 段落
水平线标签
<hr/> horizontal 横线
换行标签
<br/> break 打断 ,换行
div span标签（重点）
div 就是 division 的缩写 分割， 分区的意思 其实有很多div 来组合网页。
span, 跨度，跨距；范围
<div> 这是头部 </div> <span>今日价格</span>
文本格式化标签
标签属性
<标签名 属性1="属性值1" 属性2="属性值2" …> 内容 </标签名>在上面的语法中，
1.标签可以拥有多个属性，必须写在开始标签中，位于标签名后面。
2.属性之间不分先后顺序，标签名与属性、属性与属性之间均以空格分开。
3.任何标签的属性都有默认值，省略该属性则取默认值。
图像标签
<img src="">
链接标签
anchor 的缩写 。基本解释 锚, 铁锚 的
锚点定位（难点）
通过创建锚点链接，用户能够快速定位到目标内容。
创建锚点链接分为两步：
1.使用“<a href=”#id名>“链接文本"</a>创建链接文本。
2.使用相应的id名标注跳转目标的位置。
<a href="#privateLife">3.个人生活</a>
<h3 id="privateLife">个人生活</h3>
base 标签
base 可以设置整体链接的打开状态
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>base标签</title>
<base target="_blank">
</head>
<body>
<a href="http://www.baidu.com">百度</a> <br />
<a href="http://www.jd.com">京东</a> <br />
<a href="http://taobao.com">淘宝</a> <br />
<a href="http://sohu.com">搜狐</a> <br />
</body>
</html>
注释标签
单行注释 ctrl + /
多行注释 ctrl + shift + /
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>标签及标签的属性</title>
</head>
<body>
<hr width="1360" color="red" />
<!--图片标签-->
<img src="D:\webQ\Markdown语法\jun.jpg" width="200" height="160" alt="网络罢工了" title="自拍照" border="0">
<hr width="1360" color="red" />
<br/>
<!--链接标签
target :跳转方式
1._self 默认值 原窗口
2._blank 新窗口
-->
<a href="http://www.baidu.com" target="_blank">百度一下</a> <br />
<a href="新闻测试.html">新闻页面</a> <br/>
<hr />
<!--特殊字符-->
----- 特殊字符 ---
<!--小于 大于-->
5<10 同时 8>2 <br />
</body>
</html>