zoukankan      html  css  js  c++  java
  • day42

    今日作业:
    1.总结学习方法,心态调整,铭记三句话
    2.HTTP协议默写
    3.前端标签分类有几种
    4.自己从头到尾将HTML标签敲一遍争取全部记忆
    
    #1.
    学习方法:(磨练自身)
    一.学习知识点的方法? 
    
    1.知道它是什么?
    2。它有什么用?
    3.你要如何用它?
    4.用它能帮我们解决问题的方法!!
    
    解决问题的思路: 
    1.遇到问题不要立刻问别人!!!
        给自己设置一个解决问题的时间限
            30之内 自己解决
                百度 查资料 查文档
            30之外 60分之内
                问一些旁边的同学 学的好同学
                相互讨论解决问题
                (问一下 他的思路 如何解决)
            60之外
                问老师 
    
    
    心态调整:(快速调整心态) 
        :学习阶段遇到的心态历程!!
        
        1.老子一定能学会 凭啥学不会
    	
    	2.哎呦 卧槽 有点难 好像学不会
    	
    	3.我靠 怎么还不毕业 老子要出去挣大钱(*****)
    	
    	4.卧槽 怎么毕业了 我什么都不会
     
     ---> 经历并走过。。。  
    
    铭记三句话(建议):
        1.20岁超越30岁 40岁 50岁的人
        2.衣锦还乡
        3.技多不压身
        
    
    #2.
    HTTP协议:
        超文本传输协议 (传输数据类型有音频 , 视频 , 图片 ,文本等)
    	规定了服务端与浏览器数据传输的数据格式 (统一标准!!)
    
    特性: 
        1.基于TCP/IP作用于应用层之上的协议
    
        2.基于请求响应
            请求对应响应 (请求 与响应 一一对应!!)
        
        3.无状态
            不保存客户端状态
            无论来多少次 都当你如初见
            
            cookie  session (客户端 服务端保存用户数据)
            
        4.无连接 (不会保存链接)
            长连接  websocket  聊天室 (保留链接)
    
    传输的数据格式: 
        
        请求格式:
            请求首行(请求方式 协议版本)
            请求头(一大堆k:v键值对)
            
     (换行 / 回到行首 -- 》  --》 必须要有空格
            请求体(敏感信息  密码 身份证号)
        
        响应格式:
            响应首行(请求方式 协议版本)
            响应头(一大堆k:v键值对)
            
            响应体(给用户看的数据)
            
    3.响应状态码
    		用数字来表示一串文字需要表达的意思
    		1XX:服务端已经成功接收到了你的请求 正在处理 你可以继续提交其他数据
    		2XX:服务端成功响应了相应的数据(200)
    		3XX:重定向
    		4XX:(404请求资源不存在) (403你当前不符合某一些条件 无法正常访问)
    		5XX:服务器内部错误(500)
    
    #3.
    前端标签分类: 
        1.双标签(h1,a)
        2.自闭合标签(img)
    
        二:
        1.快儿即标签 (h1~h6 p  br  hr   div) 
            独占一行
            1.块儿级标签内可以嵌套其他块儿级和行内标签
    		2.注意:p标签虽然是快儿级标签  但是他的内部不能嵌套任何快儿级标签  只能嵌套行内标签(******)
    		
        2.行内标签   (s i u b   span)
            内部文本多大 就占多大
    		行内不能嵌套行内和块儿级
    
    #4.head / body 标签
    head标签:
        title 定义网页标题
        style 内部支持写css代码 
        link  引入外部css 样式文件
        script  内部可以直接写js代码  也可以引入外部js文件
        meta    定义网页元信息
        
    body内标签:
        h1~h6  标题标签
        p      段落标签 (即:一个p就是一行内容)
        s       删除线  (即:商品价格上的双线)
        b       加粗
        u       下划线
        i       斜体
        br      换行      (空一行)
        hr      一条分割线 (划分页面)
                         
                         
    body特俗标签符号:  页面展示的数据都有对应的代码!!!
        &nbsp     (一个) 空格  (小说内空格)
        &amp      & (特殊符号)
        &yen       ¥
        &gt        >
        &lt        <
        &copy      ©
        &reg;      ®
                     
    body内重要的标签
    	div  一块区域  你可以往这块儿区域内填写任何内容
    	span    ?? 
    	div和span是前期构建网页的基本骨架
                     
                     
    a  链接标签
    		1.跳转功能     href参数控制跳转的地址
    			这个地址如果在你的机器上如果没有被点击过那么默认是蓝色
    			只要点过一次之后  之后颜色 都是紫色
    			
    			a标签默认是在当前窗口跳转
    			你可以指定 新建窗口打开
    			target = "_self"
    			target = "_blank"
    			
    		2.锚点功能  (定位)
    			给a标签设置id值
    			然后在href中书写对应的a标签id值 点击即可跳转到对应的位置
    			<a href="" id="a1">文章开头</a>
    			<div style="background-color: orange;height: 1000px"></div>
                <a href="" id="a2">文章中部</a>
    			<a href="#a1">回到顶部</a>
    			<a href="#a2">回到中部</a>
    		
        img  图片标签
    		src  
    			1.图片地址  网上的地址也可以是你的本地图片地址
    			2.url(网址)  自动朝该网址发送get请求 获取图片资源
    		
    		
    		alt
    			当图片加载不出来的时候 展示的提示信息
    			
    			
    		title
    			鼠标悬浮上去之后展示的提示信息
    			
    		width和height  
    			这两个参数 你只需要设置一个 就可以   默认是等比例缩放
    			两个都调整的话 图片就会失真 (比列失调)
    			
    			
    列表标签
    	无序列表
    		ul
    			li
    		
    		type参数
    			disc(实心圆点,默认值)
    			circle(空心圆圈)
    			square(实心方块)
    			none(无样式)	
    			
    有序列表(了解)
    		ol
    			li
    		
    		type参数
    
    			1 数字列表,默认值
    			A 大写字母
    			a 小写字母
    			Ⅰ大写罗马
    			ⅰ小写罗马			
    			
    标题列表(了解)
    		dl
    			dt  小标题  (不黑加粗 / th加粗)
    			dd  小章节
    
  • 相关阅读:
    随笔1
    随笔
    shared_ptr<> reset
    c++模板库(简介)
    rockmongo用法
    随笔
    TEXT宏,TCHAR类型
    sprintf
    基于SOA的银行系统架构
    大纲6 信息化规划与管理
  • 原文地址:https://www.cnblogs.com/shaozheng/p/11844617.html
Copyright © 2011-2022 走看看