相信有过一定编程基础的人对HTML标签都不陌生,这是我们组成页面的基础。下面让我们来重新复习一下HTML常用的几个标签吧!
我们可以根据各种情况来分类,比如根据作用,比如根据首字母等等。大家可以选择适合自己的方式来记忆,下面我呢,根据作用来跟大家一 一阐述这些标签。
构成HTML页面的基础标签
标签 | 作用 | 使用格式 |
---|---|---|
<!DOCTYPE > | 定义文档类型 | <!DOCTYPE html> |
<html> | 定义html文档 | <html></html> |
<title> | 定义文档的标题 | <title></title> |
<body> | 定义文档主体 | <body></body> |
<head> | 定义文档的信息 | <head></head> |
<h1>~<h6> | 定义标题6种型号 | <h1></h1>~<h6></h6> |
<p> | 定义段落 | <p></p> |
< hr > | 定义水平线 | < hr > |
< br > | 定义简单折行 | < br > |
编写文档格式的标签
标签 | 作用 | 使用格式 |
---|---|---|
<b> | 定义粗体文本 | <b></b> |
<em> | 定义强调文本 | <em></em> |
<i> | 定义斜体文字 | <i></i> |
<ins> | 定义被插入文本 | <ins></ins> |
<mark> | 定义有记号的文本 | <mark></mark> |
<time> | 定义日期和时间 | <time></time> |
<u> | 定义下划线文本 | <u></u> |
定义表格的标签
标签 | 作用 | 使用格式 |
---|---|---|
<form> | 定义供用户输入的HTML表单 | <form></form> |
<input> | 定义输入控件 | <input></input> |
<button> | 定义按钮 | <button></button> |
<select> | 定义下拉列表 | <select></select> |
<option> | 定义选择列表的选择 | <option></option> |
<optgroup> | 定义选择列表中相关选项的组合 | <optgroup></optgroup> |
<lable> | 定义input元素的标注 | <lable></lable> |
定义图像的标签
标签 | 作用 | 使用格式 |
---|---|---|
<img> | 定义图像 | <img></img> |
定义音频的标签
标签 | 作用 | 使用格式 |
---|---|---|
<audio> | 定义声音内容 | <audio></audio> |
<vidio> | 定义视频 | <vidio></vidio> |
定义链接的标签
标签 | 作用 | 使用格式 |
---|---|---|
<a> | 定义锚,链接 | <a></a> |
<link> | 定义文档与外部资源的关系 | <link></link> |
<nav> | 定义导航链接 | <nav></nav> |
定义列表的标签
标签 | 作用 | 使用格式 |
---|---|---|
<ul> | 定义无序列表 | <ul></ul> |
<ol> | 定义有序列表 | <ol></ol> |
<li> | 定义列表的项目 | <li></li> |
<menu> | 定义命令的菜单列表 | <menu></menu> |
<figure> | 定义独立的流内容 | <figure></figure> |
<dl> | 定义列表 | <dl></dl> |
<dt> | 定义列表中的项目 | <dt></dt> |
<dd> | 定义列表中项目的描述 | <dd></dd> |