HTML-01

用户409379271368
210 阅读2分钟

  1. 什么是网页?

    web page

  2. 什么是网站?

    多个相互联系的网页组成

  3. 网页的显示过程 ---用户角度

    浏览器输入地址 ---> DNS服务器解析 ---> 通过IP地址找到对应的服务器 ---> 请求静态资源(HTML,CSS,JS) --->服务器返回资源下载到浏览器中 ---> 浏览器渲染引擎解析HTML与CSS, JS引擎解析JS代码 ---> 浏览器展示界面

  4. 网页的显示过程 ---前端角度

    开发项目 ---> 打包,部署项目到服务器里面

  5. 服务器是什么?

    本质就是一台主机

    特点:

    • 24小时不关机
    • 没有显示器
    • 一般装的是linux系统

  6. 网页的组成

    • HTML
    • HTML+CSS
    • HTML+CSS+JS

  7. 浏览器内核(渲染引擎)

    浏览器内核将代码渲染成丰富多彩的页面

    不同的内核有不同的解析和渲染规则, 浏览器适配

  8. 常见的浏览器内核

    • Trident: IE, 早期360安全浏览器
    • Gecko: 火狐
    • Presto -> Blink: Opera
    • Webkit: 360极速浏览器, 搜狗高速浏览器, 小程序
    • Webkit ->Blink: 谷歌, edge

  9. 什么是HTML

    超文本标记语言, 不属于编程语言, 属于计算机语言

    超文本: 不仅仅是文本, 还有音频, 视频, 图片, 超链接

    标记语言: 由一个个标签组成, 除div和span之外每个标签都有自己独特的语意, 使用标签将内容标记起来, 这样浏览器就知道按什么样式去渲染这段内容

  10. HTML结构

    <html>
  <head>元数据(描述网页)</head>
  <body>
    (展示内容)
    <h1>Hello World</h1>
  </body>
</html>

  11. 元素

    developer.mozilla.org/zh-CN/docs/…

    网页的一部分, HTML就是由一个个元素组成的

  12. 元素的组成

元素的组成.PNG

  1. 标签的分类

    单标签: 无结束标签, img, input, br, hr

    双标签: 包含开始标签和结束标签, h1-h6, p, a

  2. 元素的属性

    键值对, 属性名 = 属性值

元素的属性.PNG

公共属性; class, id

元素特有: img的src, a的href

  1. 元素的嵌套

    父子关系, 兄弟关系

  2. 注释

    <!-- 注释 --> ctrl+/
avatar
文章
阅读
粉丝