一、HTML常用标签
HTML是所有网页制作技术的核心和基础,也是每个网页制作者必须掌握的基本知识,而 html 标签是 html 语言中最基本的单位,是 HTML 最重要的组成部分.
HTML 标签是与大小写无关的,例如“<BODY>”跟<body>表示的意思是一样的,推荐使用小写。
1.1、单闭合标签
标签 | 功能 |
<br /> | 插入一个换行简单的换行符 |
<hr /> | 定义水平线 |
<area /> | 定义图像映射内部的区域 |
<base /> | 定义页面中所有链接的默认地址或默认目标 |
<img /> | 定义图像 |
<input /> | 定义输入控件 |
<link /> | 定义文档与外部资源的关系 |
1.2、字体效果
标签 |
功能 |
<h1>...</h1> | 标题字(最大) |
<h6>...</h6> | 标题字(最小) |
<b>...</b> | 粗体字 |
<strong>...</strong> | 粗体字(强调) |
<i>...</i> | 斜体字 |
<em>...</em> | 斜体字(强调) |
<u>...</u> | 底线 |
<ins>...</ins> | 底线(表示插入文字) |
<strike>...</strike> | 横线 |
<s>...</s> | 删除线 |
<del>...</del> | 删除线(表示删除) |
1.3、区断标记
标签 |
功能 |
<hr> | 水平线 |
<hr size=9> | 水平线(设定大小) |
<hr width=80%> | 水平线(设定宽度) |
<hr color=ff0000> | 水平线(设定颜色) |
<br> | (换行) |
<p>...</p> | 段落标签(换行) |
<center>...</center> | 置中 |
1.4、块级标签
<div></div>::定义 HTML 文档中的一个分隔区块或者一个区域部分 常用于组合块级元素,以便通过 CSS 来对这些元素进行格式化。(换行标签)
<span></span>::用于对文档中的行内元素进行组合 提供了一种将文本的一部分或者文档的一部分独立出来的方式。(不换行标签)
1.5、图像
语法格式:<img src="" alt=" title='''' width="" height=""/>
属性:
img:图片标签(单标签)
src:图片路径( / 根路径 ./ 同级路径 ../ 上一级路径)
title:鼠标悬停图片之上的提示语
alt:图片不能正常加载的提示语
width:宽度(单位px )
height:高度(px 像素)
1.6、音频、视频
video 视频播放器
audio 音频播放器
controls 显式播放器控件
src 路径
autoplay 自动播放
loop 循环播放
<audio src="./audio/陈奕迅 - 好久不见.flac" controls></audio>
<video src="./audio/mojito.mp4" controls></video>
1.7、 超链接
语法:<a href="链接地址" ></a>
属性:
target="目标窗口位置( _ self或者 _blank)"
_ self:在本窗口打开 (默认)
_blank:在新窗口中打开
<a href="https://www.baidu.com" target="_blank">百度一下,你就知道</a>
1.8、表单标签
- <input 属性 />表单元素,必须写在form表单域中,不然不能提交
type:text(文本框)、password(密码)、radio(单选框)、checkbox(复选框),button(没有功能的普通按钮)、submit(以文本框的形式提交)、image(以图片的形式提交)、reset(重置)、file(文件上传)