前端学习前置必备基础知识 html+css day 01

仗剑恬雅人

已于 2023-07-04 14:47:11 修改

阅读量43

点赞数 2

分类专栏： 0基础自学前端文章标签： vscode html5 css ide

于 2023-07-04 14:33:50 首次发布

本文链接：https://blog.csdn.net/qq_45897045/article/details/131534251

版权

0基础自学前端专栏收录该内容

13 篇文章 0 订阅

订阅专栏

网页显示的过程: （用户角度）
- 用户根据网站地址进行搜索网址，eg：www.baidu.com
- DNS服务器进行地址解析，可将输入的网址转化为ip地址
- ip地址可找到服务器地址，服务器中已提前存放资源 eg：静态资源：html，css，js
- 将服务器中资源下载到浏览器中，渲染引擎解析代码，呈现给用户
网页显示的过程: （程序员角度）
- 开发项目
- 打包部署到服务器
服务器
- 什么是服务器？本质类似于电脑一样的主机，特点：24小时不关机，没有显示器，一般用Linux，CentOS
网页的组成
- HTML
  - 网页的内容结构（骨架）
- CSS
  - 网页的视觉体验（样式）
- JS（前端灵魂）
  - 网页的交互处理（动态）
浏览器的渲染引擎
- 核心部分：渲染引擎，又称“浏览器内核”，负责解析网页语法，显示网页
  - 浏览器常用内核：Webkit,Blink....
HTML基础知识
- 超文本标记语言（html）：是一种创建网页的标记语言
- 什么是标记语言？
  - 由无数标签组成
  - 对某些内容进行特殊标记，以供解释器识别处理
  - 标签和内容组成为元素
- 何为超文本？
  - 不仅可以插入普通文本，还可以插入图片，音频，视频等
  - 还可以表示超链接
- HTML文件扩展名：.html
- HTML网页结构
  <html>
  <head>
  </head>
  <body></body>
  </html>
元素
- HTML官方文档：Web 开发技术 | MDN
- 元素的组成：<开始标签>内容 <结束标签> eg：<title>Document</title>
- 元素的属性： <h1 属性名="属性值">我是标题</h1> eg：<input type="text">
- 元素属性的分类：
  - 公共属性：class,id,title
  - 私有属性：
认识URL，URI (重要)
- URL代表统一资源定位符（通俗讲是一个给定的独特资源在web上的地址），俗称网络地址
- URI代表统一资源标识符，用于标识web中使用的逻辑或物理资源
- URL的标准格式：
  - 【协议类型】：// 【服务器地址】：【端口号】/【文件路径】【文件名】？【查询】#【片段ID】
    例如：http://192.168.2.0:8080/abc/qyh/hh.jpg
    通过IP地址可以找到服务器，端口号可以区分服务器中不一样的服务，
    文件的路径可区分不同服务,片段id可以直接跳转到当前页面
- URL是URI的子集
课后作业
- 软件和应用程序的区别？
  - 1. 软件是计算机数据的无所不包的术语，而应用程序是一种执行特定任务的软件
  - 2. 应用程序是可执行的，而软件可能是也可能不可执行
  - 3. 应用程序通常是特定于操作系统的，而软件则不一定如此
  - 4. 应用程序通常需要用户交互才能运行，而软件不一定需要

仗剑恬雅人

关注

2
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
前端学习前置必备基础知识 html+css day 01

网页显示的过程: （用户角度）用户根据网站地址进行搜索网址，eg：www.baidu.com DNS服务器进行地址解析，可将输入的网址转化为ip地址 ip地址可找到服务器地址，服务器中已提前存放资源 eg：静态资源：html，css，js 将服务器中资源下载到浏览器中，渲染引擎解析代码，呈现给用户网页显示的过程: （程序员角度）开发项目打包部署到服务器服务器什么是服务器？本质类似于电脑一样的主机，特点：24小时不关机，没有显示器，一般用Linux，CentOS 网
复制链接

扫一扫