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>
网友评论