什么是浏览器
常见主流浏览器有5种: IE、谷歌、火狐、Safarri、欧朋;
浏览器主要有2个功能
1:将网页渲染出来给用户查看
浏览器内核也就是浏览器所采用的渲染引擎,渲染引擎决定了浏览器如何显示网页内容,以及页面格式信息.
2:让用户通过浏览器和网页交互
浏览器访问网页原理
浏览器请求数据的过程
查看服务器响应报文,可以打开谷歌浏览器自带的开发者工具,通过快捷键F12来进入操作,
HTML的作用
HTML软件就是用来给我们纯文本文件里面的文字添加语义的
告诉我们的浏览器记事本里的哪几个文字是什么含义
网页的固定格式:
第一个网页格式：
ima标签格式：
<ima src = ""><>
其实img标签中的src是英文source的缩写
所以img标签中的src就是用来告诉img标签, 需要显示的图片名称
br标签格式:
<br>
br标签作用: 换行
路径问题:
1.1同级
同级就是"图片"和".html文件"存储在同一个文件夹中
格式: src="QRCode.jpg"
含义: 在.html文件所在的文件夹中查找名称叫做QRCode.jpg的图片
1.2下级
下级就是"存储图片的文件夹"和".html文件"在同一个文件夹中
格式: src="images/QRCode.jpg"
含义: 在.html文件所在的文件夹中找到名称叫做images的文件夹
然后再在images文件夹中找到名称叫做QRCode.jpg的图片
1.3上级
上级就是"存储图片的位置"和存"储代码的文件夹"在同一个文件夹中
格式: src="../QRCode.jpg"
含义：在.html文件所在的文件夹中找到这个文件夹的上一级文件夹, 然后再在上一级文件夹中找到名称叫做QRCode.jpg
其中../代表找到当前文件夹的上一级文件夹
2.通过绝对路径赋值(了解)
绝对路径就是每次都从指定的盘符开始查找
格式: src="C:\Users\Jonathan_Lee\Desktop\HTML基础\QRCode.jpg"
含义: 在C盘下找到Users文件夹, 然后在Users文件夹中找到Jonathan_Lee文件夹, 然后在Jonathan_Lee文件夹中找到Desktop文件夹, 然后在Desktop文件夹中找到HTML基础文件夹, 然后在HTML基础文件夹中找到名称叫做QRCode.jpg的图片
a标签的基本使用:
a标签的作用: 就是用于控制页面与页面之间跳转的,
a标签的格式:
base标签:
base标签就是专门用来统一的指定当前网页中所有的超链接(a标签)需要如何打开
假链接:
1.就是点击之后不会跳转的链接我们称之为假链接
假链接的格式:
1.#
2.javascript:
4.两者之间的区别:
#的假链接会自动回到网页的顶部, 而javascript:的假链接不会自动回到网页顶部
无序列表：
无序列表格式:
无序列表应用场景:
1.新闻列表 2.商品列表 3.导航条
有序列表：
有序列表的作用: 给一堆数据添加列表语义, 并且这一堆数据中所有的数据都有先后之分
格式：
定义列表：
1：给一堆数据添加列表语义
2：先通过dt标签定义列表中的所有标题, 然后再通过dd标签给每个标题添加描述信息
格式：
表格标签的属性：
1.宽度和高度的属性可以给table标签和td标签使用
2.水平对齐和垂直对齐的属性
其中水平对齐可以给table标签和tr标签和td标签使用，垂直对齐只能给tr标签和td标签使用
表格标签基本使用：格式：
表格标签作用: 用来给一堆数据添加表格语义
细线表格：
在表格标签中想通过指定外边距为0来实现细线表格是不靠谱的, 其实它是将2条线合并为了一条线, 所以看上去很不舒服
caption标签：在表格标签中提供了一个标签专门用来设置表格的标题, 这个标签叫做caption.
只要将标题写在caption标签中, 那么标题就会自动相对于表格的宽度居中
单元格合并：
可以给td标签添加一个colspan属性, 来指定把某一个单元格当做多个单元格来看待(水平方向)
Label标签：
默认情况下文字和输入框是没有关联关系的, 也就是说点击文字输入框不会聚焦, 如果想点击文字时让对应的输入框聚焦, 那么就需要让文字和输入框进行绑定
Datalist标签：
select标签：作用: 用于定义下拉列表
textarea标签：
fieldset标签：可以给表单添加一个边框、legend标签：可以给边框指定一个标题
audio标签：作用: 播放音频
video标签的第二种格式：
marquee标签：作用: 跑马灯
字符实体：有特殊含义不能被直接显示出来的
网友评论