前端开发：HTML常见标签
1.注释标签
注释不会显示在界面上
.
目的是提高代码的可读性
.
ctrl + / 快捷键可以快速进行注释 / 取消注释 . <!-- 我是注释 -->
2.标题标签
有六个
,
从
h1 - h6.
数字越大
,
则字体越小
<h1> hello </h1> //我们所写的csdn的格式中的标题一到标题6，就是如此；<h2> hello </h2><h3> hello </h3><h4> hello </h4><h5> hello </h5><h6> hello </h6>
3.段落标签
如果一段文本直接调在html上的时候，他不会划分段落，必须使用段落标签；字符串string类型中的回车会被解析成空格
<p>这是一个段落</p> //将文本内容划分为一段一段的；
4.换行标签
<br/> 是规范写法 . 不建议写成 <br>br 是 break 的缩写 . 表示换行br 是一个单标签 ( 不需要结束标签 )br 标签不像 p 标签那样带有一个很大的空隙 .也就是行间距很小
5.格式标签
加粗
: strong
标签 和
b
标签
倾斜
: em
标签 和
i
标签
删除线
: del
标签 和
s
标签
下划线
: ins
标签 和
u
标签
<strong> strong 加粗 </strong><b> b 加粗 </b><em> 倾斜 </em><i> 倾斜 </i><del> 删除线 </del><s> 删除线 </s><ins> 下划线 </ins><u> 下划线 </u>
6.图片标签
img标签必须带有src(sorce—源的意思)属性，表示图片的路径；
<img src = "./rose.jpg" >采用绝对路径或相对路径alt: 替换文本 . 当文本不能正确显示的时候 , 会显示一个替换的文字 .title: 提示文本 . 鼠标放到图片上 , 就会有提示 .width/height: 控制宽度高度 . 高度和宽度一般改一个就行 , 另外一个会等比例缩放 . 否则就会图片失衡.border: 边框 , 参数是宽度的像素 . 但是一般使用 CSS 来设定<img src = "rose.jpg" alt = "图片加载失败 " title = " 这是一朵鲜花 " width = "500px" height = "800px"border = "5px" >使用绝对路径来搞网络上的资源<img src = "https://images0.cnblogs.com/blog/130623/201407/300958475557219.png"alt = "" > //这个只是例子，我的此图片可能过期
1.
属性可以有多个
,
不能写到标签之前
2.
属性之间用空格分割
,
可以是多个空格
,
也可以是换行
3.
属性之间不分先后顺序
4.
属性使用
"
键值对
"
的格式来表示
.
7.超链接标签
<a href = "http://www.baidu.com" target="_self" > 百度 </a>href: 必须具备 , 表示点击后会跳转到哪个页面 .百度是将超链接放到这两个字里，我们在网页上点新闻会自动跳转也是这个原理；target: 打开方式 . 默认是 _self. 如果是 _blank 则用新的标签页打开 .那个下滑线是必须的
外部链接：<a href = "http://www.baidu.com" target="_self" > 百度 </a>内部链接 : 网站内部页面之间的链接 . 写相对路径即可 .<a href = "2.html" > 点我跳转到 2.html </a>空链接 : 使用 # 在 href 中占位<a href = "#" > 空链接 </a>下载链接 : href 对应的路径是一个文件 . ( 可以使用 zip 文件 )<a href = "test.zip" > 下载文件 </a>//是.zip会直接下载，.txt会打开；网页元素链接 : 可以给图片等任何元素添加链接 ( 把元素放到 a 标签中<a href = "http://www.sogou.com" ><img src = "rose.jpg" alt = "" ></a>锚点链接 : 可以快速定位到页面中的某个位置<a href = "#one" > 第一集 </a><p id = "one" > 第一集剧情 <br> </p><p id = "two" > 第二集剧情 <br> </p>禁止 a 标签跳转 :<a href="javascript:void(0) ; "> 或者 <a href="javascript: ; ">