<!-- 规范：
1.命名规范：文件名字、类名、变量名等。写得时候不要有中文、空格、特殊字符，可以带有数字下划线。驼峰命名法（首字母小写，后面单词首字母大写） 或者使用下划线分隔单词。
2.所有html的标签都要小写。
3.子级和父级之间要有缩进，为一个TAB键。
4.所有的标签都要正确的闭合。（有始有终），单标签加斜线表示结束标记。
5.注释
-->
<!-- DOCTYPE 不是标签 -->
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>标签和规范</title>
</head>
<body>
<!-- HTMl 超级文标记语言 -->
<!-- h1标签，语义就是一个标题 -->
<!-- h1:像我这么NB的还有5个h2~h6 -->
<h1>幸年波是个骚猪</h1>
<!-- <h2>幸年波是个骚猪</h2>
<h3>幸年波是个骚猪</h3>
<h4>幸年波是个骚猪</h4>
<h5>幸年波是个骚猪</h5>
<h6>幸年波是个骚猪</h6> -->
<!-- span 是专门存放文字的一个容器 -->
<span>蓝鸥战地记者</span>
<span>2016-11-22 12:00</span>
<!-- hr的作用是分割线 -->
<hr/>
<!-- p标签代表段落 -->
<p>
幸年波说还有谁比我帅得给我站出来，然后夏伏阳马上就从蓝欧跳出来说骚猪你别叫，跟爸爸叫骚你还太嫩。
</p>
<!-- div 重要！重要！重要！ 非官方世界上最好的标签 这个我认了 -->
<!-- 可以把一些气得标签或者文字看成一个整体 -->
<div style="margin-left: 100px">
<span>我是span1</span>
<!-- br标签 换行标签 -->
<br/>
<span>我是span2</span>
</div>
<!-- 组合标签 -->
<!-- 列表标签（无序列表） ul和li必须是配套使用，中间不能有其他标签的穿插 li标签里面可以嵌套别的标签 -->
<ul>
<li>我是第一个li</li>
<li>我是第二个li</li>
<li>我是第三个li</li>
</ul>
<!-- 有序列表 -->
<ol>
<li>我是第一个li</li>
<li>我是第二个li</li>
<li>我是第三个li</li>
</ol>
<!-- 自定义列表 <dl> 标签用于结合 <dt> （定义列表中的项目）和 <dd> （描述列表中的项目）。-->
<dl>
<dt>我是标题</dt>
<dd>我是内容。。。。。。。。。。。。。。。。。。。。。。</dd>
<dt>我是标题</dt>
<dd>我是内容。。。。。。。。。。。。。。。。。。。。。。</dd>
<dt>我是标题</dt>
<dd>我是内容。。。。。。。。。。。。。。。。。。。。。。</dd>
<dt>我是标题</dt>
<dd>我是内容。。。。。。。。。。。。。。。。。。。。。。</dd>
</dl>
<!-- a标签:锚点 定义超链接 可以跳转到指定的网页，通过设置href属性来设置要跳转的地址 可以通过设置target="_blank"在新的窗口打开连接 -->
<a href="http://www.baidu.com" target="_blank">点击我跳转页面哦</a>
<br/>
<a href="HTMLToOne.html">别点我啊</a>
<a href="#">666</a>
<a href="">999</a>
<!-- img标签 可以显示一张图片 显示的图片必须通过src 属性设置 src可以设置网址必须是张图片 -->
<!-- alt属性：文本替代方案，是当图片无法显示时显示alt的文字 -->
<!-- 设置本地图片 -->
<!-- 相对路径：从本HTML文件的位置开始查找 向下用/ 向上..
例如../dog.jpg
绝对路径：从根目录（硬盘）开始查找，一般不常用，绝对路径在移植代码的时候容易出现bug（路径不一致）
例如/Users/lanou/Desktop/SHHX161121-18/XHTML+CSS/dog.jpg
-->
[站外图片上传中……(2)]
</body>
</html>
网友评论