本笔记记录最基本的标签和使用例程，在些记录下来，方便以后巩固，也方便其它同行参阅和简单例子，×××长城从小做起，html 5这么琐碎的东西，还得一步步来，没有什么其它好办法吧！

   另外，我的编程环境如下配置：html 5编辑IDE使用是Brackets,php使用Notepad ++.部署是用的xammn.

例程1：hello world





    
    第一个教程



    
hello world

说明：

  •  声明为 HTML5 文档

  •  元素是 HTML 页面的根元素

  •  元素包含了文档的元（meta）数据

  • </strong> 元素描述了文档的标题</p></li> <li><p><strong style="border:0px;margin:0px;padding:0px;"><body></strong> 元素包含了可见的页面内容</p></li> <li><p><strong style="border:0px;margin:0px;padding:0px;"><h1></strong> 元素定义一个大标题</p></li> <li><p><strong style="border:0px;margin:0px;padding:0px;"><p></strong> 元素定义一个段落</p></li> </ul> <p>例程2：标题</p> <pre class="brush:html;toolbar:false"><!DOCTYPE html> <html> <head>     <meta charset="utf-8">     <title>第二个例子     

    我的标题1

        

    我的标题2

        

    我的标题3

        

    我的标题4

        
    我的标题5
        
    我的标题6

    例程3：html 段落

    



    
    第二个例子



    
    我的标题1
    
    
    这是第一个段落
    
    
    这是第二个段落

    例程4：html链接

    



    
    第二个例子



   网易

    例程5 html 图像

    



    
    第二个例子



   

    例程6:在网页上加上一条线

    



    
    第二个例子



    
    
    
    
    段落1
    
    
    
    
    段落2
    
    

    例程7：给程序加上注释

    



    
    第二个例子



    
    
    
    
    
    
    段落1
    
    
    
    
    段落2
    
    

    例程8 字体格式化输出

    



    
    第二个例子



    加粗文本

    
    斜体文本

    
    电脑自动输出

     这是  下标 和  上标

    例程9 html css

    

 
 
我的例程 



访问网易!
居中对齐

    例程10 表格

    

 
 
我的例程 



    
        头部1
        头部2
    
    
        第1行第1列
        第1行第2列
    
    
        第2行第1列
        第2行第2列
    

    例程11 无序列表

    


    
    我的例程



    
      
        
    • 第一
      • 
        
    • 第二
      • 
        
    • 第三
      • 
    

    例程12：有序列表

    


    
    我的例程



    
      
    
    1. 呵呵
      2. 
    
    2. 呵呵
      3. 
    
    3. 呵呵
      4. 
    
    
    
    
    
  • 呵呵
    • 
    
  • 呵呵
    • 
    
  • 呵呵
    • 
    

    例程13：块区域

    


    
    我的例程



 
  
    这是一个在 div 元素中的标题。
    
  
    这是一个在 div 元素中的文本。