html5笔记1：html基本例程-创新互联

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

创新互联网站建设提供从项目策划、软件开发，软件安全维护、网站优化(SEO)、网站分析、效果评估等整套的建站服务，主营业务为成都网站建设、网站制作，重庆APP软件开发以传统方式定制建设网站，并提供域名空间备案等一条龙服务，秉承以专业、用心的态度为用户提供真诚的服务。创新互联深信只要达到每一位用户的要求，就会得到认可，从而选择与我们长期合作。这样，我们也可以走得更远！

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

例程1：hello world

    
    



    
hello world

说明：

•  声明为 HTML5 文档

•  元素是 HTML 页面的根元素

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

•     

  我的标题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：有序列表

  
  
  
      
      
  
  
  
      
  
      
  呵呵
      
  呵呵
      
  呵呵
      
      
      
      
  呵呵
      
  呵呵
      
  呵呵
      
  
  

  例程13：块区域

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