一,基础标签
1,<p>标签
为文本添加段落语义,双标签,可以自动为段落添加段间距,文本中的空白会被忽略,
空白折叠:HTML语法对空白换行tab这些空白字符不敏感,HTML会将这些空白字符折叠成一个小空格,
 :空格
<br>标签:换行
\n回车 \r换行 \t制表符 tab:这些在html语法中不好使,
属性:align(对齐方式)
2,<br>标签
br插入一个简单的换行,单标签<br/>
3,<hr>标签
创建一条水平分割线,单标签
常见属性:
align:对齐方式;
width:宽度;
height:高度;
注意:今后写分割线尽量不要用hr,使用css设置,
4,<!-- -->:注释标签
注释标签,在代码中插入注释,有利于对代码的理解,注释不会显示在页面上,用户看不到,浏览器不会解析注释,
解析:浏览器将html代码,将用户看不懂的代码变成用户可以看懂的图形界面的过程叫做解析,
注释快捷键:ctrl+? +/
扩展:
css注释:/*注释*/
js注释://注释
多行注释:/*
注释
注释
*/
基础标签总结:
HTML、head、meta、title、link、script、style、body、
h、p、br、hr、<!-- -->
二,HTML基础标签(二)--功能性标签
1,address标签
特定信息:
如:地址、签名、作者等情况下使用
语义:地址、双标签、文本斜体显示
语法:
<address>北京市 房山区 窦店镇 大窦路 中国信息大学--北京网络职业学院</address>
2,文本格式标签(大部分是废弃标签、但是还可以用)
1)b标签
指定文本加粗,字体样式元素,不建议使用,建议使用css样式实现,双标签
2)del标签
删除标签,表明文本已经从文档中删除,文本删除线
s标签
3)em标签
文本强调,通常以斜体渲染,不可乱用,
4)i标签
指定文本斜体显示,不做强调
5)pre标签
以固定宽度字体渲染字体,
语文本标签,在这个标签中,空白字符不会折叠
双标签,块级标签,可以使用align
6)small标签
指定内容文本字体比默认字体稍微小一号,
如果当前字体已经是浏览器支持最小的字号,则不可再小
7)big标签
指定内容文本字体比默认字体稍微大一号
big和small都是语义化标签
8)u标签
为指定文本设置下划线
尽量不要用,会跟a标签混淆
9)strong标签
指定文本为强烈强调(粗体显示)
强调等级远高于em
10)sup标签
指定内容以上标形式显示,通常比当前字体小
a²+b³=(c²-d³)²
11)sub下标
指定内容以下标形式显示,通常比当前字体小
a<sub>123</sub>
三,图像标签
img标签
想网页中引入一张图片,img有两个重要属性:src/alt
src:指向图片的url(统一资源定位符),也就是图片的相对路径或者
绝对路径
alt:当图片因为路径原因或网络原因无法正常显示时,浏览器将像是的替代文本
title:鼠标悬浮显示的提示信息,定义图片标题
width:设置图片宽度
height:设置图片高度
align:对齐方式
top:图片顶端和文本对齐
bottom:图片底部和文本对齐
middle:图片预文本中间对齐
left:图片在文本左边
right:图片在文本右边
四,超链接标签
a标签
表明超链接的起始或者目的位置
定义一个超链接,重要属性是href,如果不写href,a标签就变成一个普通的文本标签,href的值是一个超文本地址,一个文本的url
url:统一资源定位符,每一个网络资源在网络中都有一个统一格式的唯一的地址,这个地址就叫做url,如果这个地址是www的统一资源定位标识,那就是指网络资源。
特殊属性:target:规定在哪里打开新的页面
-self:在当前选项卡打开新页面
-blank:在新的选项卡打开新页面
-top:在顶级选项卡打开新页面
-parent:在父类选项卡打开新页面
五,文本分割标签和块级分割标签
1,span标签
指定内嵌文本容器,双标签,
用于组合文档中的行内元素,方便使用样式来格式化,
如果span没有特殊样式,那么它与普通文本没有任何区别,
切割文本
2,div标签
指定渲染HTML容器,
定义文档分区或者分节,可以把文档分割为独立的多个区域,作为元素的组织形式,双标签,块级标签,可以放其他的大部分标签,
面积切割