Html概念

Previous Next

基础

  • 超链接：从一个网页指向一个目标的连接关系。
  • 统一资源定位器URL：是对”可以从互联网上得到的资源的位置和访问方法“的简洁表示，是互联网上标准资源的地址。

  • 互联网上每个文件都有唯一的URL。

  • 网站：在因特网上，根据一定规则，使用HTML等制作的，用于显示特定内容的相关网页的集合。

  • 静态网页：指没有后台数据库、不含程序和不可交互的网页
  • 交互性差，没有数据库，开发和维护工作量巨大
  • 动态网页：有数据库支撑的网页。
  • 交互性好，有数据库，开发和维护都比较方便
  • 前端技术
  • html概念：是客户端技术的基础，主要用于显示网页信息，它不需要编译，由浏览器解释执行。
  • javascript：一种多范式编程语言，主要用于web开发

  • css概念：一种用于控制网页外观和格式的语言

  • css+div布局与封装布局的区别

  • 封装布局：将代码封装成可复用的模块，具有高重用性和便于维护但性能较差

  • css+div布局：代码简单，性能好，可重用性和维护性较低

  • 超链接的target

  • _blank（在新窗口打开）
  • _self（当前窗口打开）
  • _parent（在父级浏览器打开）

  • _top（在顶级浏览器打开）

  • HTML5新增标签

  • image-20250622165955299

画布

  • 六个画图的步骤
  • 在body标记中插入canvas标记，并设置id、width、height。
  • 在body标记中插入script标记，并插入JavaScript 代码。
  • 通过id获取页面上canvas对象。
  • 创建具有绘图功能的环境对象context，参数为2d或3d。（使用getContext(”2d“)）
  • 在绘图环境对象内绘图。

CSS

  • 加载方式
  • 行内式：通过元素的style属性设置；优先级最高、代码冗余、难维护
  • 内嵌式：在head内部的style标签中定义；只对当前文件有效

  • 链入式：在外部css文件中定义，由\标签链入

  • 三个基础的选择器（使用场景、作用、区别）

  • 伪类选择器
  • :hover：鼠标悬停
  • :link：未访问
  • :visited：已访问
  • :active：正被点击
  • 盒子模型（也叫框模型）
  • 将HTML元素看成盒子，每个矩形由外边距、边框、内边距、元素内容组成
Html Css