动力节点——HTML·个人笔记

（本人大三，大一学过HTML，css，有一些基础，视频2倍数一上午可以刷完。推荐这个视频介绍详细，评论区有路线学习接下来是css，jQuery。当然大家前端学习路线还有需要学习Vue，大家加油！欢迎留言学习Vue学习课程）

 

1.基础概念

网页三剑客：Dreamweaver负责代码编辑和 网页界面搭建；

                     Fireworks负责导出切片、图片；

                     Flash页面的视觉动效；

系统结构：

系统结构	优缺点	代表
B/S架构 （浏览器Browser—>服务器Server）	优点：升级方便，只升级服务器代码。维护成本低。 缺点：不炫酷，速度慢，体验不好。	京东、百度、天猫（企业使用：不需要太多用户体验增删改查；维护成本低）
C/S架构 (客户端Client—>Server)	（相反）	娱乐型系统：QQ、VX、ZFB

 W3C（World wide web 世界万维网联盟）：制定了程序员书写代码的规范----html/css/xml/http/https

HTML网站文档：w3school（出现较早，使用较多）、w3cshool

2.代码知识点整理

换行

---

水平线

预留格式
 
   
    for(i=0;i<10;i++){
        System.out.println("i="+i);
    }
 
   
删除字 插入字 粗体 斜体
 
   
102  右上角加字，10的2次方
 
   
10m  右下角加字，10m
 
   
字体标签
 
   
实体符号：
 
   
        b<a>c     bc
 
   
                     空格
 
   
 
  

Q1：3行3列的表格，居中，边框1px,宽占整个网页的60%，高150px

    
    

        

            
a
            
b
            
c

        
        

            
1
            
1
            
1
            
        
 
        

            
2
            
2
            
2
            
        
        
    

后面会出现thead，tbody，tfoot：便于以后Js代码编写

 Q2:加载图片，未加载出来显示“未加载成功”，加载出来图片鼠标悬停时显示“已加载”

 Q3：有序列表ol无序列表ul

 
    

        
apple
        
peach
        
boluo
    
    

        
apple
        
peach
        
boluo
    
    

        
apple
        
peach
    
    

        
apple
        
peach
    
    

        
apple
        
peach
    

 Q4:用户提交信息的表格表单处理

 
    

    

        

            
用户名：
            

        
        

            
 密码：
            

        
        

            

                
                
                       

                
            
        
    
    

 Q5：下图表格表单处理：

    
    

        

            

                

                    用户名：
                
                

                    
                
            
            

                

                    密码：
                
                

                                        
                
            
            

                

                    性别：
                
                

                    男
                    女

                
            
            

                

                    兴趣爱好：
                
                

                    跳舞
                    抽烟
                    喝酒
                
            
            

                

                    学历：
                
                

                    
                        本科
                        大专
                        研究生
                        博士

                    
                
            
            

                

                    简介：
                
                

                    
                
            
            

               
                

                    
                         
                    
                    
                
            
        
    

 后面视频中有讲到div、span，老师讲的很生动哦。其实它俩是把把页面分割开，也有利于后续css,js对它样式的修饰。

还有隐藏域的理解，数据提交时的过程，都需要认真理解并且再敲一遍代码加深。

 加油哦小伙伴们,学习链接放这啦HTML全套基础教程-html实战开发-深入浅出HTML_哔哩哔哩_bilibili

不迷路 点个关注再走吧~