• 8月5日前端基础复习


    复习前端基础相关知识

    ctrl+tab 切换文档
    ctrl+tab 切换程序
    alt+F4 关闭程序
    F2 重命名
    F5 刷新页面
    windows+D 显示桌面
    windows+E 打开资源管理器
    ——————

    浏览器发送过去,就是请求报文,
    服务器返回的信息就是响应报文。
    在服务器上应该存在我们请求的页面的数据。
    ————————
    HTML:超文本标记语言。
    html是一个网页文件的扩展名。和txt,jpg,mp3是一样的。html文件就是网页文件。
    后缀名和文件之间是没有直接关系的。后缀名仅仅决定了文件的打开方式。真正决定文件方式的是它的内容。
    html负责描述文档的语义,无法描述文档的样式。/

    <!DOCTYPE>
    <html>
    <head>
    <meta http-equiv="Content-Type"content="text/html.charset=UTF-8" />
    <title></title>
    </head>
    <body>哈喽,我的。哈哈哈哈
    </body>
    </html>

    ——————————————

    浏览器和服务器
    服务器就是计算机,只不过比咱们用的笔记本配置牛逼了很多,并且24小时不关机,不断电。
    服务器上存储着网页的相关文件,一旦有访问者浏览网站,服务器就将发送这些文件给访问者。
    服务器一旦关机,网站就无法访问了。

    传输协议HTTP
    http:超文本传输协议。
    一句话概括:浏览器鱼服务器进行数据交互的一种规范。
    url:就是浏览器地址栏显示的内容
    格式:http://服务器的IP、端口号/请求的页面


    ————————

    单词本:Network;网络
    General:一般的,大体的
    request:请求
    response:响应
    headers:标题
    hypertext:超文本
    transfer:传递
    protocal:协议
    doctype:文档类型
    head:标题
    meat:变化
    body:身体
    notepad:笔记本,记事手册
    ——————————

    Html:本质上是一个标记语言。

    可以说两者没有什么区别,因为都是用来标记页面上的内容。相比之下,xhtml更加严谨。

    简单了解每种版本的区别:

    Strict :如果这个页面使用的文档类别是这种,

    1.0那么页面对标签的书写相对要严格一点,

    2.0所有的标签必须要是当前可以使用的标签(使用没有被废除的标签)

    4.2title标签:

    给页面设置一个标题。

    4.3head标签:

    这个标签一般没有什么特殊的效果,它的作用是用来包含meta以及title,在后面的学习中还会在这个标签中加css样式,以及js代码。

    5.0img标签:

    效果:在页面中插入一张图片。

    <img src=”图片的地址” />

    如果页面上包含一张图片,那么如果页面解析到这张图片的时候会再次发送一条请求。

    5.1标签的属性:

    一般是以键值对的形式出现。

    常用属性

    属性的作用

    src

    设置图片的路径

    alt

    如果图片不能正常显示,那么会用其中的文本代替这张图片

    title

    图片的提示信息

    6.0相对路径和绝对路径

    相对路径:一个文件相对于另外一个文件的路径如果想要在08img.html中找到图片,那么路径:<img src=”images/0.jpg” />

    绝对路径:以盘符为单位,一级一级往下找直到找到图片为止。

    例如:

    <img src=”D:前端与移动开发第二期基础班1-html基础-第1天-{html的概念、html的标签}4-源代码images.jpg”/>

    注意:相对路径对比绝对路径有优势:它可以移动到任何电脑上文件都可以正常显示。

    超级连接。

    跳转

    作用:在一个页面中跳转到另一个页面中。

    <a href=”http://www.baidu.com”>这是超级链接</a>

    如果在href属性中加入# ,  跳转会跳转到当前页。

    7.2定位

    作用:在页面之内进行跳转

    <a href="#part">点我进行第二个部分</a>

    <p id="part">这是第二个部分</p>

    复习单词;
    宽度
    height:高度
    strong:加粗
    font:文本
    background:背景
    border:边框
    ————————

    无序列表的的各个列表之间没有顺序级别之分,是并列的。
    <ul>
    <li>列表一</li>
    <li>列表二</li>
    <li>列表三</li>
    </ul>

    无序列表是ul。有序列表是ol

    一、在html中,一个完整的表单通常由表单控件(也称为表单元素),提示信息和表单域3个
    部分构成。

    表单:对于表单构成中的表单控件,提示信息和表单域,初学者可能比较难理解,对他们的
    具体解释如下:
    1.表单空间:包含了具体的表单功能项,如单行文本输入框,密码输入框,复选框,提交按钮
    ,重置按钮等。
    2.提示信息,一个表单中通常还需要包含一些说明性文字,提示用户进行填写和操作。
    3.表单域,他相当于一个容易,用来容纳所有的表单控件和提示信息,可以通过他定义处理
    表单数据所用程序的URL地址,以及数据提交到服务器的方法,如果不定义表单域,表单中的
    数据就无法传送到后台服务器。

    ————
    input控件的基本语法格式如下:
    <input type="控件类型">
    -在上面的语法中,<inout/>标记为单标记,type属性为其最基本的属性,其取值有多种,用
    于指定不同的控件类型,除了type属性之外,<input/>标记还可以定义为很多其他的属性,
    其常用属性如下表所示。

    ——————
    浏览器请求服务器的过程:
    1.在浏览器的地址栏上面输入url,敲击回车。
    2.浏览器发送一条请求到服务器,服务器接收请求并且处理
    3.服务器将数据传回到浏览器
    4.浏览器解析数据,并且显示在页面上。
    ————————————

    UTF-8:是世界上所有语言通用编码格式,不管你是英文还是中文,都可以在这个字库中找到

    Gb2312:是中文编码,里面存储了汉字,日语片假名。
    容量:UTF-8>GB2312
    在存储汉字的时候:
    GB2312占两个字节
    UTF-8 占三个字节
    约定:将来在整个学习的过程中我们最好使用UTF-8,因为它是通用的。

    不急不躁,不快不慢。持之以恒,相信自己。
  • 相关阅读:
    2017 业余程序员的回顾
    而立将近,可有不惑
    谈谈转行
    吃干抹净提上裤子就甩
    Autosizer应用程序窗口控制工具
    AutoCAD2007专业版
    Revit中如何添加水平仰视平面视图
    Revit中绘制带坡度管道
    Revit自定义快递访问工具栏
    Revit利用对正工具快速修改风管对齐方式
  • 原文地址:https://www.cnblogs.com/famensaodiseng/p/5741268.html
Copyright © 2020-2023  润新知