认识网页

问题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　　　　　删除线

语义：突出重要性的强调语境

路径分为：

绝对路径（了解）：指目录下的绝对位置，可直接到达目标位置，通常从盘符开始的路径（网址也叫绝对路径）

相对路径（常用）：

同级目录：当前文件和目标文件在同一目录中（./ ）

下级目录：目标在下级目录中(./文件夹名字/图)

上级目录：目标文件在上级目录中（../）

音频标签：

 <audio src="./music.mp3" controls></audio>
  属性名　　　　　　　　功能
　src　　　　　　　　音频的路径
controls　　　　　　显示播放的控件
autoplay 　　　　　自动播放（部分浏览器不支持）
loop　　　　　　　　循环播放
视频标签：
 <video src="./video.mp4"></video>
  属性名　　　　　　　　功能
　src　　　　　　　　视频的路径
controls　　　　　　显示播放的控件
autoplay 　　　　　自动播放（谷歌浏览器中需配合muted实现静音播放）
loop　　　　　　　　循环播放
链接标签
 <a href="https://www.baidu.com">跳转百度</a>
开发网站的初期，我们还不知到跳转地址的时候，href的值书写#
href: 跳转地址
target属性
属性值　　　　　　　　效果
_self　　　　　　　　默认值，在当前窗口中跳转（覆盖原网页）
_blank　　　　　　　在新窗口中跳转（保留原网页）
 

随机推荐

  1. 回归分析 3.X 多元线性回归

    多元线性回归模型 参数估计 模型表示 我们先将模型 \[y_{i}=\beta_{0}+\beta_{1} x_{i 1}+\cdots+\beta_{p} x_{i k}+\epsilon_{i}, ...

  2. replace 常用积累

    1.替换有,或者.为: obj.keyword.replace(/,|./g,';') 2.替换元素标签类似于<em>文字</em>这种 let name=item.name. ...

  3. Codeforces 1492D、Genius's Gambit

    原题网址 https://codeforces.com/contest/1492/problem/D 题目大意 给定a,b,k,求x,y使得x和y的二进制表示都恰有a个0和b个1,且不能使用开头的0. ...

  4. class和struct区别

    类(class) 引用类型:将一个对象赋值给另一个对象时,系统不会对此对象进行拷贝,而会将指向这个对象的指针赋值给另一个对象,当修改其中一个对象的值时,另一个对象的值会随之改变. 结构体(struct ...

  5. Appium+RobotFrameWork测试环境搭建

    前提:搭建好robotframework环境 RF基于python2.7的版本实现的一套开源自动化测试框架 推荐使用Appium Desktop, 搭建Appium环境: 1. 搭建JDK 2. 搭建 ...

  6. Java控制流程（复习）

    流程控制语句 流程控制语句包括:顺序结构,分支结构,循环结构 分支结构 if语句: 第一种: if(关系表达式){ 语句体 } else{ 语句体2 } 第二种: if (){ } else if ( ...

  7. 【PDF】日本流行文化中的中国经典巨著：《三国志》与《三国演义》 | 陈曦子 |

    书本详情 标题:日本流行文化中的中国经典巨著:<三国志>与<三国演义> | 陈曦子 |年份:2019出版社:暨南大学出版社ISBN10:7566828355ISBN13:978 ...

  8. sys&faker&jsonpath模块、异常处理、多线程、多进程

    1.sys模块 sys.argv 能获取运行文件时,文件名后面所传参数.结果是一个列表. import sys print(sys.argv) #获取运行python文件的时候传入的参数,会连同文件名 ...

  9. iis url重写实现http 重定向到 https

    原文链接 http://www.360doc.com/content/21/0915/21/67180130_995651104.shtml 1.在iis上安装 url重写组件 2. 修改web.co ...

  10. 14.java 中缀表达式转后缀表达式

    思路如下: 1.初始化两个栈,运算符栈和中间结果栈 2.从左至右扫描 3.遇到数时直接压入s2 4.遇到运算符时,比较其与s1栈顶的优先级,有如下几种情况: 1)s1为空或栈顶为"(&quo ...