HTML
浏览器:
作用:
1、发送请求
2、接收响应
3、解析响应代码
分类:
谷歌、火狐、IE、苹果、欧鹏
内核:作用:相当于浏览器的发动机。
发展:
1、只有结构(HTML)单调。
2、加入样式。(css)页面更加美观,但缺少交互
3、加入行为(js)使网页具有交互效果。
web标准:
结构(html)、样式(css)、行为标准(js)。
结构标准(html)
概念:
1、(HyperText Mark Language)超文本标记语言
2、超文本:本质上是普通文本,但是可以解析为图片、链接、音频、视频...
3、语言:它是web标准中描述结构的语言。
4、标记:这种语言的一个特点:a、书写需要使用一个标记来进行突出。b、以"<"开头,以">"结尾
骨架格式:
1、<html></html>用来管理当前页面上的所有的内容。
2、<header></header> html中的一部分,用来存放一些头部信息
3、<title></title> 设置页面的结构
4、<body></body> 用来存放一些头部信息
标签:(重点)
分类:
双标签:成对出现 <html></html>
单标签:只有一个开头的标签,并且在开头标签中有个 "/",例如:<br/>
关系:
嵌套关系:将来如果两个标签是嵌套关系,书写时,被嵌套的标签需要向右有个缩进。
并列关系:将来如果2个标签是并列关系,在书写时,2个代码需要左对齐。
常用标签:
1、p标签:作用:段落
2、h系列的标签:作用:标题。分类:h1,h2,...,h6。注意:一个页面只允许出现一个 h1
3、hr 标签。作用:水平线(无语意)
4、br 标签。作用:换行(无语意)
5、没有语意的标签(常用):
div:
特点:单独可以占一行
作用:结合css进行页面的布局,(div+css布局)
span:
特点:一行可以显示多个
作用:将来也是在div+css布局中辅助布局
6、文本格式化标签:
没有语意:
b:作用:加粗文本
s:作用:给文本添加删除线
i:作用:给文本添加倾斜效果
u:作用:给文本添加下划线
强调语意:
strong:作用:加粗文本。
del: 作用:给文本添加删除线
em: 作用:给文本添加倾斜效果
ins: 作用:给文本添加下划线
7、img标签:
作用:在页面上可以添加一张图片
语法:<img/>
标签的属性:
作用:可以为标签设置一些信息。
src:路径。例如:src="login.png"
alt: 给图片设置描述信息,当图片无法正常加载时会显示这段文本。
title:给图片设置描述信息。
width:给图片设置宽度。如果只设置宽度,那么图片会等比例缩放。
height:给图片设置高度。
border:设置边框。
8、a标签:
作用:在页面添加链接。1、从一个页面跳转到另一个页面2、空链接3、锚链接
名称:链接、超链接、a标签
语法:<a>文本</a>
属性:
href 作用:设置超链接的跳转路径。
title 作用:设置链接的描述信息。
target: 作用:设置a 标签的跳转方式。
取值:_self 在原页面上跳转
_blank 在新的页面上跳转
base:可以统一设置当前页面的a 标签的跳转方式
9、路径
绝对路径:带有盘符的路径,换一条设备就不能打开。
相对路径:
a、同一目录下 <img src="1.jpg">