HTML标签大全,存起来总有一天用的上

Posted 黑马程序员官方

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了HTML标签大全,存起来总有一天用的上相关的知识,希望对你有一定的参考价值。

快速入门

1.新建文本文件,后缀名改为 .html/.htm

2.编写 HTML结构标签

3.在中使用

定义标题字体

4.使用标签定义图片

5.保存后,使用浏览器打开该文件

基础标签

标签描述
<h1> ~ <h6>定义标题,h1最大,h6最小
<font>定义文本的字体、字体尺寸、字体颜色
<b>定义粗体文本
<i>定义斜体文本
<u>定义文本下划线
<center>定义文本居中
<p>定义段落
<br>定义折行
<hr>定义水平线
HTML 原代码显示结果描述
&lt;<小于号或显示标记
&gt ;>大于号或显示标记
&amp;&可用于显示其它特殊字符
&quot;引号
&reg;®已注册
&copy;©版权
&trade;商标
&nbsp;不断行的空白

图片、音频、视频标签

标签描述
<img>定义图片
<audio>定义音频
<video>定义视频
  • img:定义图片

    • src:规定显示图像的 URL
    • height:定义图像的高度
    • width:定义图像的宽度
  • audio:定义音频。支持的音频格式:MP3、WAV、OGG

    • src:规定音频的 URL
    • controls:显示播放控件
  • video:定义视频。支持的音频格式:MP4, WebM、OGG

    • src:规定视频的 URL
    • controls:显示播放控件

超链接标签

标签描述
<a>定义超链接,用于链接到另一个资源
  • href:指定访问资源的URL
  • target:指定打开资源的方式
    • _self:默认值,在当前页面打开
      • _blank:在空白页面打开

列表标签

标签描述
<ol>定义有序列表
<ul>定义无序列表
<li>定义列表项
  • type:设置符号的类型

表格标签

标签描述
<table>定义表格
<tr>定义行
<td>定义单元格
<th>定义表头单元格
  • table:设置符号的类型

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

布局标签

标签描述
<div>定义 HTML 文档中的一个区域部分,经常与 CSS 一起使用,用来布局网页
<span>用于组合行内元素。

表单标签

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

type取值

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

以上是关于HTML标签大全,存起来总有一天用的上的主要内容,如果未能解决你的问题,请参考以下文章

#yyds干货盘点# 常用软件框架,总有一个用的上

'总有一天,你会明白!(说进心窝)'.html(false)

总有一天你将破蛹而出

织梦采集用的HTML过滤标签大全

Vue.js ui框架大全,总有一款适合你

LaTeX大全