HTML:Hyper Text Markup Language 超文本标记语言
标记:也称为标签,是一对由大于小于号包含起来的文本数据,如<html></html>
标记特点:开始标记、结束标记;在开始标记和结束标记中间的内容~就是被选中内容
常见标记:
<!doctype html>网页文档中第一行内容:标记当前文档是一个网页文档[特殊]
<html></html>网页内容的标记,网页中所有的内容都要包含在这一对标记中
<head></head>网页属性的标记,如网页标题、编码等等
<title></title>网页标题标签,展示在浏览器标题栏/选项卡上
<body></body>网页展示内容的标记,网页上要展示的所有内容,全部包含在这对标签中
<h1></h1>一级标题标签,选择中的内容字体会变大加粗
一般网页中体用了h1~h6六级标题,常规情况下,使用1-3三级标记
<p></p>段落标签,表示一段文字,不同的段落之间会空白一行
注释内容也不会被展示在页面上
常见标签
h1~h6 : 一级标题六级标题,一般较常用的是13级标题标签
:一个空格
p:段落标签,标记一段文本内容为一个段落,不同的段落之间空一行
hr: 分割线,很少使用
br: 换行,使用较多
b:加粗 等价于 <strong></strong>
i:斜体 等价于 <em></em>
u:下划线
del:删除线
span:局部内容选择标签
img:设置展示图片的标签,src指向的是要展示的图片[相对路径];alt图片损坏时展示的文字
audio:音频标签
video:视频标签
常见表格操作
table:表格标签
thead:标题栏
tr:行 th 标题标签
tbody: 表格主体
tr:行 td 单元格
快速生成表格
table>tr* 6>td{内容}*12
设置每个表格的长宽
<table width="800px;" height="100" >
设置表格框的宽度
<table border="1">
设置表格居中,靠左,靠右
<table align="center/left/right">
跨2行 跨3列
例子:
<td colspan="3" rowspan="2">空</td>
image.png
跨3列 需要在同一行删除2个小表格
跨3列之后再跨2行 需要在第二列删除3个小表格
超链接
链接外部网络
<a href="网页链接">网页名称</a>
例子:
<a href="https://www.baidu.com/?tn=80035161_1_dg">百度一下</a>

发邮件
<a href="mailto:邮箱地址">给谁发送 </a>
例子
<a href="mailto:1173XXXXXX@qq.com">站长发邮件</a>

网友评论