• HTML基础知识


    一、什么是HTML

    HTML:超文本标记语言
    超文本:指页面内容包括图片,链接,视频等非文本信息。
    标记语言:指标记(标签)构成的语言。

    二、静态网页和动态网页的区别,z

    静态网页和动态网页区分的一个很重要的指标就是:程序是否在服务端运行。在服务端运行的程序,网页都是动态的,反之是静态的.也就是说,直接运行在客户端的网页,程序都是静态网页
    静态网页

    1、静态网页是放在服务器上的不能随便修改,想要修改静态页面必须修改页面后覆盖在服务器上的才可以。
    2、静态页面通常都有一个固定的URL,在服务器上都有一个对应的文件。常以html, htm结尾,不含?
    3、静态页面无法连接数据库
    4、现在的页面很多都使用了js,导致浏览器打开页面时候就占用了大量的内存,服务器是没有压力但是压力转移到客户端。
    

    动态网页

    1、动态页面一般是根据服务器生成的,不同的人访问相同的页面显示的内容是不一样的。
    2、动态页面的功能更加丰富,可以实现用户的登录,注册,交互等
    3、 动态页面以数据库为基础
    

    三、标签

    由于历史的原因,不同浏览器的渲染方式各不相同,甚至相同浏览器的不同版本都不一样,所以就会出现很多兼容性的问题。出现这种现象的原因就是缺乏一个统一的标准,后面W3C标准应运而生,后面的浏览器就都按这标准去渲染。但是历史遗留问题依旧存在,就是很多电脑装的都是老的浏览器版本,为了保证老浏览器能正常渲染这些新的网页,所以这就必须在网页中声名渲染方式。
    后面新的网页只要写上<!DOCTYPE html>标签就是按标准方式去渲染。
    

    四、head标签

    meta标签

    meta标签有两个属性,http-eqiv和name
    1、name主要是声名一些网页的相关介绍,和seo ,访客查看。

        <meta name="keywords" content="深圳大学,深大,深圳继续教育学院">
        <meta name="description" content="深圳大学梦开始的地方">
    

    2、http-eqiv http文件头,传递一些有用的信息帮助浏览器更好的渲染页面。

    <meta http-equiv="Refresh" content="2;https://www.baidu.com">
    

    非meta标签

    #五、body标签 ##基本标签 ``` n为1-6表示标题

    段落标签 ,加粗标签 表示斜体 在文字中间加一条删除线 上下角标
    换行


    水平线
    不进行任何操作,一个是块元素,一个是内联元素 ``` ##块标签和内联标签 1.块标签的特点: + 每个块标签都独占一行 + 默认宽度是整个屏幕,除非自己设置width + 块标签内可以包含内联标签和块标签 `常见的块标签有:

    ,

    ,
    ,