标签和规范

<!-- 规范：
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>
  <!-- span是专门存放文字的一个容器 -->
  <span style="color:blue">娱乐圈B姐</span>
  <span style="color:gray">20169-11-21 17：30</span>
  <!-- hr 的作用是分割线 -->
  <hr/>
  <!-- p标签代表的是段落。 -->
  <p>规范的股份佛挡杀佛反倒是</p>
  <!-- div 重要！（世界上最好的标签）是一个容器。可以把一些其他的标签或者文字看成一个整体-->
  <div>
  <!-- br 的作用就是换行 -->
   <span>我是span1</span><br />
   <span>我是span2</span>
  </div>
  <!--组合标签-->
  <!--列表标签（无序列表）ul和li必须是配套使用，中间不能有其他标签
   li里面可以嵌套别的标签
  -->
  <ul>
   <li>我是1</li>
   <li>我是2</li>
   <li>我是3</li>
  </ul>
  <!--有序列表-->
  <ol>
   <li>我是1</li>
   <li>我是2</li>
   <li>我是3</li>
  </ol>
  <!--自定义列表 dt是标题 dd是内容-->
  <dl>
   <dt>我是标题</dt>
   <dd>我是内容我是内容我是内容</dd>
  </dl>
  <!--a标签是链接标签 也叫锚点。可以跳转到指定的网页
   可以通过设置href属性来设置要跳转到的地址  可以通过设置targer="_blank"在新的窗口打开链接
  -->
  <a href="http://www.baidu.com" target="_blank">点我呀</a>
  <a href="HTML初识.html" target="_blank">别点我</a>
  
  <!--img标签，可以显示一张图片，显示的图片可以通过src属性来设置，src可以设置网址（必须是张图片）-->
  ![AKL](http://upload-images.jianshu.io/upload_images/3523104-51e6f9cea4e49b1d.jpeg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
  <!--src的也可以设置本地图片。
   相对路径：从本HTML文件的位置开始查找，向下就写/  ，向上就是..
   绝对路径：从根目录（硬盘）开始查找，一般不常用，绝对路径在移植代码的时候容易出现BUG（路径不一致。）
  -->
  <!--alt 文本替代方案，当图片加载失败之后可以显示alt里面的文字-->
  [站外图片上传中……(2)]
    </body>
</html>
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容