HTML
1.什么是HTML
Html全称hypertext markup language(超文本标记语言)
作用:他是用来描述文本的语义的,也就是用来告诉浏览器哪一些是标题,哪一些是段落,而不是用来修改文本样式的
2.html的基本结构
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
</body>
</html>
html标签
作用:用于告诉浏览器这是一个网页。也就是说告诉浏览器我是一个html文档
注意:其他所有的标签都必须写在html标签里面,也就是写在html的开始标签和结束标签中间
head标签
作用:用于给网站添加一些配置信息
注意:一般情况下,写在head标签里面的内容都不会显示给用户看
title标签
作用:专门用于指定网站的标题,该标题还会作为用户保存网站的的默认标题
注意:该标签必须要使用在head标签里面
body标签
作用:专门用于定义html文档中需要显示给用户查看的内容(文字,图片,音频,视频)
注意:1.一定要将显示的内容写在body中
2.一对html标签中只能有一对body标签
3.标签分类
1.单标签
只有开始标签,没有结束标签,也就是由一个<>组成,
例如:<meta charset="UTF-8">
2.双标签
有开始标签和结束标签,也就是由<>和</>组成
例如:<head></head>
3.标签关系分类
并列关系(兄弟/平级)
例如:
<meta charset="UTF-8">
<title>Insert title here</title>
嵌套关系(父子/上下级)
例如:
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
4.基本标签
1.H系列标签
作用:给文本添加标题语义
格式:<h></h>
注意点:
1.H标签是用来给文本添加标题语义的,不是用来改变文本的样式的
2.H标签一共有6个,从h1-h6
3.独占一行
4.H1最大
5在企业开发的过程中慎用h标签,一般只有一个h1标签
2.P标签(Paragraph)
作用:告诉浏览器哪一些文字是一个段落
格式:<p></p>
注意:在浏览器中独占一行
3.Hr标签(Horizontal Rule)
作用:在浏览器上显示一条分割线
格式:<hr/>
注意:
1.在浏览器会独占一行
2.可以写/也可以不写/,写是按照xhtml标准来,不写则是按照html标准。
在html5中,兼容两者。
3.会修改到格式,所以慎用,开发过程里面一般会用css盒子来做
4.html注释
5.a标签的其他用法
6.a标签(anchor)
7.br标签(break)
8.img标签
9.列表标签
5.表格标签(table)
2.H系列标签
3.P标签(Paragraph)
4.Hr标签(Horizontal Rule)
5.html注释
6.img标签
子主题 6
6.表单标签
作用:主要用于手机用户信息的,就是让用户填写,选择信息提交到后台
格式:
<form>
........
</form>
注意事项:
1.多行文本框(文本域)
2.下拉列表
7.多媒体标签
1.video标签
2.audio标签
3.详情和概要标签
4.marquee标签
5.被遗弃的标签
6.新推出的标签
7.实体字符