前端开发：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:;">