概念

  • HTML(HyperText Markup Language):超文本标记语言。
  • 超文本:超越了文本的限制,比普通文本更强大。除了文字信息,还可以定义图片、音频、视频等内容。html是用来书写网页的框架。
  • 标记语言:使用标签来编码。
    • HTML 标签不区分大小写
    • HTML 标签属性值 单双引皆可
    • HTML 语法松散

基础标签

标签名 效果 备注
<h1> 标题 h1-h6标题字体逐渐减小
<hr> 出现横线 单标签
<br> 换行 单标签
<p> 段落标签 段落格式
<b> 加粗
<i> 斜体
<u> 下划线
<center> 文本居中 h5不支持,用css代替

常见转义字符

字符 转义
< &lt;
> &gt;
不换行空格 &nbsp;
" &quot;
& &amp;

图片、音频、视频标签

图片标签

img:定义图片

  • src:规定显示图像的 URL
  • height:定义图像的高度
  • width:定义图像的宽度

音频标签

audio:定义音频。支持的音频格式:MP3、WAV、OGG

  • src:规定音频的 URL
  • controls:如果出现这个属性,则向用户显示控件,比如播放按钮。语法:<audio controls="controls" />

视频标签

video:定义视频。支持的音频格式:MP4, WebM、OGG

  • src:规定视频的 URL
  • controls:显示播放控件。语法:<video controls="controls" />

超链接标签

<a>:定义超链接,用于链接到另一个资源

  • href:指定访问资源的URL
  • target:指定打开资源的方式
    • _self:默认值,在当前页面打开
    • _blank:在空白页面打开

列表标签

<ol> 定义有序列表
<ul> 定义无序列表
<li> 定义列表项
  • type:设置每一项前面符号的类型,比如是circlesquare等。

表格标签

标签 描述
<table> 定义表格
<tr> 定义行
<td> 定义单元格
<th> 定义表头单元格
* table:定义表格
	* width:宽度
	* border:边框
	* cellpadding:定义内容和单元格的距离
	* cellspacing:定义单元格之间的距离。如果指定为0,则单元格的线会合为一条
	* bgcolor:背景色
	* align:对齐方式
* tr:定义行
	* bgcolor:背景色
	* align:对齐方式
* td:定义单元格
	* colspan:合并列
	* rowspan:合并行
* th:定义表头单元格
* <caption>:表格标题

布局标签

标签 描述
div 会换行,经常与 CSS 一起使用,用来布局网页
span 不会换行,经常与 CSS 一起使用,用来布局网页

表单标签

标签 描述
<form> 定义表单
<input> 定义表单项,通过type属性控制输入形式
<label> 为表单项定义标注
<select> 定义下拉列表
<option> 定义下拉列表的列表项
<textarea> 定义文本域

type取值

type 取值 描述
text 默认值。定义单行的输入字段
password 定义密码字段
radio 定义单选按钮
checkbox 定义复选框
file 定义文件上传按钮
hidden 定义隐藏的输入字段
submit 定义提交按钮,提交按钮会把表单数据发送到服务器
reset 定义重置按钮,重置按钮会清除表单中的所有数据
button 定义可点击按钮

Q.E.D.


在读程序猿+指弹发烧友+力量举、街头健身爱好者。