web的标准

a. 结构 html
b. 表现（样式）css
c. 行为 js

标题 标签

<hx>   </hx>

<h1>  </h1> 一级标题
......

<h6>  </h6> 六级标题

段落 标签

<p> </p>

水平线标签 - 就是一条线而已

<hr/> 单标签

来个练习

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>练习</title>
</head>
<body>

<h1> 王者荣耀站撸最厉害的五大英雄，新手要注意，遇到他们别硬上 </h1>
东方头条 05-05 14:08

<hr/>

<p>在王者荣耀中，有那么几个英雄站撸是非常厉害的，游戏遇到他们，
    最好别单独去和他们打，不然会很容易吃亏的，特别是一些新手玩家要注意了！</p>
<p>改版后的老夫子，拥有很强的控制技能，三技能可以把敌方英雄栓住，一技能可以把敌方拉过来，
    同时还有短暂的晕眩效果。最主要的是，老夫在把被动叠起来后，伤害非常高，一般的英雄都会吃不消。</p>
<p>赵云，打不死的小强，有时候我们在游戏中看见残血的赵云，上去就是打不死他，
    这完全是由他的被动所体现出来的效果，每损失一定最大生命值获得额外名作效果。</p>

</body>
</html>

WX20170505-163916@2x.png

换行标签 （折行）

<br/> 单标签

文本标签

<font>  </font> 这个标签用来包裹文字的，不太流行

常用的几个对比标签 提倡用前者

加粗  <strong> </strong>     <b>  </b>  
倾斜   <em> </em>      <i>  </i> 
下划线  <ins> </ins>      <u> </u>      
删除线 <del> </del>    <s> </s>

图像标签

WX20170505-204812@2x.png

图像的属性

src   ------   图片的路径属性

width -----   宽度      宽度和高度只要改一个就可以等比例缩放

height  ---  高度

title  ---- 提示文本   

alt   ---- 替换文本    如果图片加载不出，就用文字替换

border --- 边框 

相对路径

相对路径 是 站在 文件自身的角度出发，去寻找图片等过程。

同级的相对路径。 文件和图片处于同级。直接写图片的名字就可以了。

下一级的相对路径 image里放1.png

WX20170505-205054@2x.png

上一级的相对路径 ../ 或者 ../../../

绝对路径 (完全没有用)

链接

<a href="http://www.baidu.com"> baidu </a>

//target 是目标 _blank是我们想要一个链接，点击的时候启动新的窗口
<a href="http://www.baidu.com" target="_blank"> baidu </a>

base标签

我们的页面链接好多，希望点击的时候启动新的窗口，所以统一设置。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <base target="_blank">
</head>



<body>


<a href="http://www.baidu.com"> baidu </a>

<a href="http://sohu.com"> souhu </a>


</body>
</html>

rel = 'nofollow' 给链接添加属性

不让百度蜘蛛去抓取这个链接

<a href="http://sohu.com" rel="nofollow"> souhu </a>