课程设计记录Day2 HTML中的一些常用标签补充

1.遗留的标签

1.1 图片标签

img 目前都是单标签的形式 碰到双标签的形式，千万不要认为是别人写错了，在以前，双标签就是规范
src属性：值为需要展示图片的路径
alt属性：图片展示不出来的时候显示的文字
title属性：提示文字。
不仅仅存在img标签中，只是img标签比较常用，其他的大部分的标签都有该属性
width属性：设置图片的宽度，高度会进行自适应等比缩放
height属性：设置图片的高度，但是一般不会设置，随着width进行自我调整

1.2 超链接

a 双标签的形式
href属性，放置的是跳转的路径
target属性：表示的跳转的方式
_blank新建一个空白页进行跳转

2.路径

是所有需要用到路径的都需要了解
img标签中的src
a标签中的href
link标签的href
script标签中的src …
只要涉及到资源部分，都需要用到路径

2.1 绝对路径（比较好理解） 从盘符开始

 绝对路径的两种写法，一种是本地的绝对路径，一种是服务器的绝对路径

2.1.1 本地的绝对路径

C:\Users\Administrator\Desktop\koala.jpg

 不要通过hbuilder直接浏览器启用，应该使用文件右键的形式启动。因为搭建了简单的服务器，导致路径产生错误

2.1.2 服务器的绝对路径

https://pics5.baidu.com/feed/00e93901213fb80e14cefefd424bde29b938941b.jpeg?token=7b033e3f6d53ee036963a344ac38f3e9&s=BA830CC9C473ADC61299B00A030060D3

2.2 相对路径（较难理解）

 相对于当前的文件出发，下一级直接写文件夹，上一级写../

3.SEO

非常多的标签。这些怎么用？
非常容易被忽略，但是价值是极高的一个问题。 50W 至少是Y起步，这个问题非常容易被忽略，导致公司需要花大量的财力去解决该问题。有的公司直接去请了seo的工程师
全称：搜索引擎优化。 就以百度搜索引擎为例。
百度搜索了一段内容（王者荣耀）。点击了王者荣耀的官网，王者是需要给百度一定费用的。费用：1-1000 元/次
百度出了一个平台：“百度竞价系统”
百度爬虫（百度小蜘蛛）：时刻的去爬你的网站，将你网站中的关键字收集到爬虫数据库
根据标签进行收集，进行一个算法，算出最终的权重

总结出来一句话，在合适的地方用合适的标签，不要瞎用。一旦瞎用，就会破坏seo小爬虫的运行机制。导致网站“自然排名“下降。如果自然排名靠后了，肯定就要多花钱冲到第一位。

4.标签的分类

按照书写形式划分：单标签和双标签
单标签：br hr img input meta..
双标签：div span i b s u h1...

按照展现的形式划分（表格标签除外）：行内标签（在一行中显示） 块级标签（自己独占一行）
行内标签：在一行中显示，不能使用CSS设置标签的宽和高的 i b s u a sub sup…
行内块标签：在标准的定义中，行内块标签属于行内标签的子集：可以设置元素的宽和高，并且可以在一行中显示 img input
块级标签：自己独占一行，可以使用CSS设置标签的宽和高 div p pre h1-h6 ul ol li…

总结：标签自己的展现的形式，但是，我们可以使用CSS进行修改标签的表现形式