1.1. HTML

1、为什么要有HTML？

    "Hello"

    "<h1>Hello</h1>"

    - 浏览器渲染时使用一套HTML规则，

    - 学习规则

2、服务器端写HTML时，

在任何语言的WEB框架中：html就做模版

    - .html

    - .tpl   template

    - .chmtl

3、发送请求和相应请求时

请求：请求头 + 请求内容

响应：

4、HTML规则

    - html/head/body/title/meta

    - div/p/a/h/span/b/br/hr/em/ul/ol/li/img/table

    - input/form/textarea/select

    - style/script/link

HTML, htyper text markup language  即超文本标记语言

超 文 本: 就是指页面内可以包含图片、链接，甚至音乐、程序等非文字元素。

标记语言: 标记（标签）构成的语言.

标签的构成和其属性

标签分类：闭合标签和非闭合标签

           闭合标签  ：<h1></h2>

           自闭和标签：<hr/>

  标签属性：

        通常是以键值对的形式出现<h1 style='color:red'>China</h1>

           只能出现在开始标签和自闭和标签

           属性值只能小写，且带着引号

         属性名和属性值一致的时候，直接写属性名即可，例如,readonly

标签分类：所有的标签统分为：

    块级标签：<p><h1><table><ol><ul><form><div>            

         总是在新行上开始，每次占用一整行的内容；

         宽度缺省是它的容器的100%，除非设定一个宽度。

        它可以容纳内联元素和其他块元素

  内联标签：<a><input><img><sub><sup><textarea><span>     

        和其他元素都在一行上；根据文本的大小占用大小

        宽度就是它的文字或图片的宽度，不可改变

        内联元素只能容纳文本或者其他内联元素

  特殊字符：&quot；   &lt; &gt；&quot；&copy;&reg;

实例包含：HTML基本组成，基本标签[快标签，内联标签的使用]，图形标签，超链接标签，列表标签

1 
        2   3   4   5     
        6   
        7     
        8     9     
       10     
       11   
       12   
       13       
       14   
       15     
       16   
       17     
       18   
       19    
       20     
       21   
       22     
       23   
       24  27      50  51  52    
这个是好标签，共计6个，h1~h6
 53    
这里是P标签，有换行和加空白行的作用
 54    
  
       55    
      
  
       56    
文字添加中线【推荐使用】
 57    
       
        文字添加中线【不推荐使用】
       
 58    
这里个加粗标签
 59    
斜字体
 60    
斜字体2
 61    
上角标23=8
 62    
特殊字符-空格:     大于符号 < 小于符号：> 版权符号: © 著作人：® 
 63    
下角标H20
 64     
       65    
      
       hello div
      
 66    
       67    hello span
 68    
       69     
 71    
       73    百度 
      
 74    
       75    神话 76    我是谁 77    警察故事 78    
      
       神话 79      
       
无序列表的学习
 80        
       
         81         
        
苹果
 82         
        
香蕉
 83         
        
句子
 84        
       
 85    
      
 86    
      
       我是谁 87    
       
有序列表的学习
 88    
       
         89         
        
一年级
 90         
        
二年级
 91         
        
三年级
 92     
       
 93    
      
 94    
      
       警察故事 95     
       
自定义列表的学习
 96        
       
         97            
        
         第一章
        
 98             
        
         神话
        
 99            
        
         第二章
        
100            
        
         我是谁
        
101            
        
         第三章
        
102            
        
         警察故事
        
103        
       
104    
      
105 
      111 
      
       112     
         113         
114         
115     
116     
         117         
118         
119     
120     
         121         
122         
123     
124 
       
        
         
水果
         
学生
        
        
         
苹果
         
小学生
        
        
         
香蕉
         
初中生
        
       
      

 

表单的操作

1   2  3  4     
         5      6  7  8     
       9     
      10       
      15     
      
       16         
       17         
       18         
       19         
       姓名  
       
       
20         性 别  21      
       22         男
       23         女
       
       
24         
       账号  
       
       
25         
       密码  
       
       
26         爱 好  27         
       28          
       篮球29          
       足球30          
       冰壶
       
31         
       32         输入框  
       
       
33         居住地  34         
       37         
       38             39                 大同40                 廊坊41                 朝阳42             43             北京市44             海南省45             河北省46         
       
47         
       
        48             
        
备注
49             
        50                 
        51                 
        简介
        
52         
       
53  
       54         请选择  
       
       
55         
         56         
       57     
      
58 59 

总结一下：

value:   表单提交项的值.对于不同的输入类型，value 属性的用法也不同：

type="button", "reset", "submit" - 定义按钮上的显示的文本

type="text", "password", "hidden" - 定义输入字段的初始值

type="checkbox", "radio", "image" - 定义与输入相关联的值　

input标签中默认：value=on;

HTTP协议

【更多参考】