No.1.1
认识网页
问题1：网页由哪些部分构成？
文字、图片、音频、视频、超链接
问题2：我们看到的网页背后本质是什么？
前端程序员写的代码
问题3：前端的代码是通过什么软件转换成用户眼中的页面？
通过浏览器转化（解析和渲染）成用户看到的网页
常见五大浏览器
IE浏览器、火狐浏览器、谷歌浏览器、苹果电脑（Safari浏览器、（欧朋）Opera浏览器）
浏览器市场份额
谷歌占比最大
浏览器渲染通过浏览器内核（渲染引擎）
渲染引擎不同，导致解析相同代码时的速度、性能、效果也不同的
什么是Web标准？
三个构成：html（结构），css（表现），JavaScript（行为）
HTML骨架结构由哪些标签组成？
html标签：网页的整体
head标签：网页的头部
body标签：网页的身体
title标签：网页的标题
开发工具：Visual Studio Code、Webstorm、Sublime、Dreamweaver、Hbuilder
快捷键：Vs Code中 Ctrl+/ 注释
HTML标签与标签之间的关系可分为：
父子关系（嵌套关系）
<head>
<title></title>
</head>
兄弟关系（并列关系）
<head></head>
<body></body>
快捷键： Ctrl+D 选中一个内容按ctrl+d可以选中相同的内容
文本格式化标签介绍
场景： 需要让文字加粗、下划线、倾斜、删除线等效果
标签 说明 标签 说明
b 加粗 strong 加粗
u 下划线 ins 下划线
i 倾斜 em 倾斜
s 删除线 del 删除线
语义：突出重要性的强调语境
路径分为：
绝对路径（了解）：指目录下的绝对位置，可直接到达目标位置，通常从盘符开始的路径（网址也叫绝对路径）
相对路径（常用）：
同级目录：当前文件和目标文件在同一目录中（./ ）
下级目录：目标在下级目录中(./文件夹名字/图)
上级目录：目标文件在上级目录中（../）
音频标签：
随机推荐
- codeforce F. Multicolored Markers
http://codeforces.com/contest/1029/problem/F 这道题真的一点都不难-------------------- 对于大矩形面积a+b,从差距最小的因数开始遍历, ...
- Windows 下安装 Bun：像 Node 或 Deno 一样的现代 JavaScript 运行时
背景 最近前端工具链又火了一个项目 Bun,可以说内卷非常严重.Bun 是一个新的 JavaScript 运行时,内置了打包器.转译器.任务运行器和 npm 客户端. Bun 是像 Node 或 De ...
- Centos7.6centOS7.8多网卡多IP配置
1.进入网卡配置文件 cd /etc/sysconfig/network-scripts/2.创建新网卡的配置文件 ifcfg-eth1 cp ifcfg-eth0 ifcfg-eth1这样副网卡配置 ...
- Unity C#for和foreach效率比较
下面是代码自己测试一下即可 using System.Collections; using System.Collections.Generic; using UnityEngine; public ...
- 链接mysql数据库报错：2003-cant connect to Mysql server on ‘localhost’(10038)
今天用navicat连mysql时候突然报错了 我百度了一下,知道了是mysql服务没开,但是我打开了服务,发现服务里面没有mysql,于是就去cmd以管理员身份打开命令提示符,切换到安装mysql的 ...
- 免费节假日 API
转载地址:http://timor.tech/api/holiday 获取指定日期的节假日信息 接口地址:http://timor.tech/api/holiday/info/$date@params ...
- [Docker-1自顶向下学习Docker
本文目录: 什么是DOCKER? 什么是容器? 什么是DOCKER镜像? DOCKER有什么使用场景和优势? 流程图一:从中央仓库拉取镜像并部署 流程图二:上传镜像到中央私库 结语 什么是DOCK ...
- [服务器]Windows Server 2008 64位1核1G安装SQL Server2008
本文为原创文章,转载请注明出处!我的博客地址:http://www.cnblogs.com/txwd 这台服务器是2017年初买的,那时候1核1G,3年要1500.不过现在便宜了,2核4G,3年也就1 ...
- Axure的认识与使用
[软件介绍] Axure RP 是一款产品经理必备的交互式快速产品原型设计制作工具,能够高效率的制作产品原型,快速绘制线框图.流程图.网站架构图.示意图.HTML 模版等. [工具使用] 1.环境与画 ...
- HIVE 调优思路和实践
1,数据存储调优 1.1 设置压缩: 设置中间数据/输出结果压缩传输,使用snappy格式. hive-site.xml: set hive.exec.compress.output = true # ...