初学前端笔记,与诸位共勉

182 阅读5分钟

这是我的第一篇掘金博客,开启掘金写作之路。

HTML

1.HTML简介

网页

  1. 网站是指因特网根据一定的规则,使用HTML等制作的用于展示特定内容相关的网页合集。
  2. 网页是指网站中的某一页,通常是HTML格式的文件,需要通过浏览器来阅读。
  3. 网页是构成网站的基本元素,通常由图片、链接、文字、声音、视频等元素组成。通常我们看到的网页,常常以html的后缀结尾,因此网页俗称HTML文件。

HTML

  1. HTML是指超文本标记语言,是用来描述网页的一种语言。
  2. HTML不是一种编程语言,而是一种标记语言,标记语言由一套标记标签组成
  3. 超文本的解释
    1. 可以加入图片、声音、动画、多媒体等内容。(超越了文本限制)
    2. 可以从一个文件跳转到另一个文件。(链接文件)

浏览器

  1. 浏览器是网页显示,运行的平台。
  2. 浏览器的内核(渲染引擎 ):负责读取网页内容,整理信息,计算网页的显示方式并且显示网页。

Web标准

  1. Web标准是由W3C组织和其他标准化组织而制定的一系列标准的集合。

  2. 为什么需要WEB标准?

    1. 因为使用的浏览器有所差异,它显示的页面和排版可能有区别。所以诞生了web标准。
  3. WEB标准的优点

    1. 让WEB发展前景更加广阔。
    2. 内容能够被更多的设备访问。
    3. 更容易被搜索引擎搜索到。
    4. 降低网站的流量费用。
    5. 使网站更容易维护。
    6. 提高页面的浏览速度。
  4. 构成

    1. 主要由结构、表现、行为三方面构成
    2. 结构:结构用于对网页元素进行整理和分类。主要指HTML。
    3. 表现:表现用于设置网页元素的版式、颜色、大小等外观。主要指CSS。
    4. 行为:行为是指网页模型的定义以及交互的编写。主要是指JavaScript。
    5. WEB标准提出的最佳体验方案:结构,表现,行为相分离——结构写在HTML文件中,表现写在CSS文件中,行为写在JavaScript文件中。

2.HTML语法规范

1.基本语法规范

  1. HTML标签是由尖括号包围的关键词
  2. HTML标签通常是成对出现的,称之为双标签,第一个标签是开始标签,第二个标签是结束标签
  3. HTML还存在少数的单个标签,称之为单表签,例如
  4. 标签关系有包含关系(父子关系)和并列关系(兄弟关系)

2.基本结构标签

  1. 骨架标签——页面内容书写部分!

3.HTML常用标签

1.标题标签

2.段落标签

3.换行标签

4.文本格式化标签

5.div和span标签

6.图像标签和路径

7.相对路径和绝对路径

  1. 相对路径:根据当前文件所在位置为参考,建立的目录路径
  2. 绝对路径:从根目录到文件的整个完整的路线,叫做绝对路径

8.超链接标签

  1. 在HTML中,a标签用于定义超链接,作用是从一个页面链接到另一个页面。

9.注释和特殊字符

10.表格标签

  1. 表格标签是用来展示数据的。
  2. 合并单元格 3. 合并单元格的步骤
    1. 先确定跨行还是跨列。
    2. 找到目标单元格。写上合并方式 = 合并的单元格数量。
    3. 删除多余的单元格。

11.列表标签

  1. 表格标签是用来显示数据的,列表标签是用来布局的。
  2. 列表的分类
    1. 无序列表!
    2. 有序列表!
    3. 自定义列表!

12表单标签

  1. 表单标签的作用:收集用户信息在网页中,我们需要跟用户进行交互,收集用户资料,此时就需要表单。

  2. 表单的组成:表单域,表单元素,提示信息!

    1. 表单域:是一个包含表单元素的区域!

    2. 表单元素(表单控件):表单元素就是允许用户在表单中输入或选择的内容控件

      1. input:输入表单元素

        1. i==input单标签的作用是用于收集用户信息==

        2. input type="属性值"

        3. 属性值:用来指定不同的表单控件【type属性值类型】

          属性作用
          button可点击按钮:多数情况下,用于通过JavaScript启动脚本
          checkbox多选按钮
          file输入字段和浏览按钮(提供文件上传)
          password密码字段
          radio单选按钮
          reset重置按钮:会清楚表单中的所有数据
          submit提交按钮:把表单数据发送到服务器
          text单行的输入字段:用户可以输入文本,默认宽度为20个字符
        4. 【input标签的其他属性值】

          属性属性值作用
          name用户自定义定义input元素的名称:后台可以通过这个name属性找到表单。页面中的表单很多,name的作用就是用于区别不同的表单
          value用户自定义规定input元素的值:表单元素刚打开显示的默认值
          checkedchecked规定此input元素首次加载时应该被选中
          maxlength正整数规定输入字段的最大程度
      2. select:下拉表单元素

      3. textarea:文本域元素