HTML 标记标签通常被称为 HTML 标签 (HTML tag)
HTML 标签是由尖括号包围的关键词,比如 <html>
HTML 标签通常是成对出现的,比如 <b> 和</b>
标签对中的第一个标签是开始标签,第二个标签是结束标签
开始和结束标签也被称为开放标签和闭合标签
HTML基础标签
html
html是网页的根标签,网页的所有内容,都必须要写在该标签里面
head
head是头部标签,用于导入外部的资源信息和描述网页自身信息
title
title是网页自身的标题标签,它里面的内容会在网页的浏览器的选项卡上显示
body
body是主体标签,网页中能看到到所有内容,都必须要写在该标签里面
<!DOCTYPE html>
文档声明,是告诉浏览器采用什么标准去解析下面的网页,这里表示html5的标准
如果没有文档声明标签,浏览器会根据网页中具体的标签去判断使用什么标准
meta
meta标签提供关于HTML文档的元数据。元数据不会显示在页面上,但是对于机器是可读的。它可用于浏览器(如何显示内容或重新加载页面),搜索引擎(关键词),或其他 web 服务
meta标签是单标签,不需要闭合标签,规范写法,单标签需要自闭合
<link/>
导入外部资源,比如:网页选项卡图标,外部样式
h1~h6
h1~h6是网页的内容标题标签,h1最大,h6最小。标题标签的特点是:字体会加粗
p
p标签是段落标签,用于描述一段内容
hr
hr是水平线标签,用于对网页中的内容进行分隔
br
在网页中,无论打多少空格,或者换多少次行,默认都只是一个空格
如果需要手动换行,需要使用br标签
strong
strong是加粗标签,用于突出一段内容里面的部分信息
em
em是倾斜标签,也用于突出一段内容里面的部分信息
特殊符号
空格 <小于号 >大于号 "双引号 ©版权符号
img
img是图片标签,src属性设置图片的地址,地址可以是本地地址,也可以是网络地址
title属性设置鼠标悬停提示信息,alt属性设置图片的替代文字,当图片无法显示时,显示对应的文字
width属性设置图片宽度,height属性设置图片高度,如果只设置了其中一个属性,另一个属性会等比缩放
a
超链接标签,根据链接类型可以分为:页面间链接,锚链接,功能性链接
1.页面间链接:
href属性设置链接的地址,可以是本地地址,也可以是网络地址
target属性设置目标窗口打开的位置,属性值_self替换自身窗口,_blank是打开新窗口
<ahref="./index06.html"target="_self">替换自己</a><ahref="./index06.html"target="_blank">打开新窗口</a>
2.锚链接:
用于当前页面的跳转,从页面的某个区域,跳转到另一个区域
通常需要两个a标签,一个a标签通过name属性设置锚标记,另一个a标签通过href属性跳转到对应的锚标记处
注意:href属性值需要加一个#号
如果需要跨页面,在href属性中,显示设置地址,在地址的后面在设置对应的锚标记
<ahref="#bj">北京</a><!-- 这里的a标签,只是做一个锚标记,通过name属性设置标记名 --><aname="bj"></a>
3.功能性链接:
利用超链接打开本地的应用
<ahref="mailto:123456789@qq.com">发送邮件</a><atarget="_blank"href="http://wpa.qq.com/msgrd?v=3&uin=123456789&site=qq&menu=yes">打开QQ</a>
div
div是分区标签,是一个块级标签,通常用于网页的布局
span
span是范围标签,是一个行级标签,通常用于突出显示段落中的部分内容
标签分类
所有的标签可以分为两类:块级标签和行级标签(内联标签)
块级标签:该元素独占一行(h2,p)
行级标签:按行显示,一行不够放,才会自动换行(a,strong,em,img)
注意:通常情况下,行级标签要放在块级标签里面使用
注意:p标签不能嵌套p标签