Html标签

静态资源：html、css、javascript,所有用户访问得到相同的结果

html:用户展示页面（图片、按钮、文字），是最基础的网页开发语言

css:页面的布局加美化（颜色、大小）

javascript:动态效果

动态资源：jsp、servlet、php、asp....，返回不同的结果，如果用户请求的是动态资源，会转化为静态资源，再发给浏览器

网路通信三要素：

ip:电子设备在网络中的唯一标识

端口：应用程序在计算机中的唯一标识   0-65536

传输协议:传输规则（TCP(三次握手，安全，慢)、UDP(广播协议，传输快不安全)）

一：简单的html标签及实例

 练习1：常见的html标签

 效果图：

表格标签： table:定义表格    tr:定义行    （colspan:合并列  rowspan:合并行）

td:定义单元格   th:定义表头单元格（默认加黑）

图片的插入

结合css使用：

div：每一个div占满一整行，块级标签

span:文本信息在一行展示，行内标签

列表标签：ul ol,a herf超链接

 练习2：自定义网页

综合应用：

 类似于途牛网站的图片插入：

分部组件拆分（原途牛网站）

 代码实现以及简略效果图：

    
    

























            
        

            
        
    
        
        

            
        
    
    
            

                







            
        
        
        

            








                                
                    

                        超值热卖
                    
                    

                        超级自由行
                    
                    

                        旅游分期
                    
                    

                        特价机票
                    
                    

                        特价酒店
                    
                
            

        
    
        
        

            







        
    

当季热玩








    
        

            












                    
                                                

                        
                    
                    

                        
                        

                        ¥ 5999起
                    
                    

                        

                        ¥ 5999起
                    
                    

                        

                        ¥ 5999起
                    
                   
                
                    

                        

                        ¥ 5999起
                    
                    

                        

                        ¥ 5999起
                    
                    

                        

                        ¥ 5999起
                    
                
            

        
    
    
        

            
Copyright ©2006-2020 南京途牛科技有限公司 Tuniu.com | 营业执照 | ICP证：苏B2-20130006 | 苏ICP备12009060号 | 北京旅游网
        
    

 二：表单标签

代码练习：

    
    





    
    
    for="user">用户名：

    密码：

    
    性别： 男
           女

    爱好：逛街
         看电影
         敲代码

    城市：
            请选择
            西安
            北京
            上海
         

    自我描述：

    
    生日：

    年龄：

    当前时间：

    邮箱：

    
    图片:

    
    隐藏域：

    

    

    
    

圈出的为新方法：

 填入网页页面：

如果提交方式为get，并且input中，有name属性，则会将该行对应的name以及值传入服务器（相当于纽带）

 提交后的地址栏：http://localhost:63342/SqlTest/WebExercise/LabelExer/%E4%BD%B3%E7%90%A6.jpg?usename=123&password=123&gender=female&hobby=programming&province=%E8%A5%BF%E5%AE%89（中文的http会转化）&birthday=1999-01-23&age=21&nowtime=2020-02-03T23%3A20&email=2543900188%40qq.com&file=QQ%E5%9B%BE%E7%89%8720200108155005.jpg&id=abc(隐藏域设置的值)&x=106&y=43

三：练习注册小页面