Menu Close

HTML的标签

标题标签 (Heading Tags)

任何文档都以标题开头。 您可以为标题使用不同的大小。 HTML 也有六级标题,它们使用元素

<h1>, <h2>, <h3>, <h4>, <h5>, and <h6>

举例:

<!DOCTYPE html>
<html>

   <head>
      <title>Heading Example</title>
   </head>
    
   <body>
      <h1>This is heading 1</h1>
      <h2>This is heading 2</h2>
      <h3>This is heading 3</h3>
      <h4>This is heading 4</h4>
      <h5>This is heading 5</h5>
      <h6>This is heading 6</h6>
   </body>
    
</html>

网页显示结果:


This is heading 1

This is heading 2

This is heading 3

This is heading 4

This is heading 5
This is heading 6

段落标签

<p> 标签提供了一种将文本结构化为不同段落的方法。 每个文本段落都应位于开始 <p> 和结束 </p> 标记之间,如下例所示 –

<!DOCTYPE html>
<html>

   <head>
      <title>Paragraph Example</title>
   </head>
    
   <body>
      <p>Here is a first paragraph of text.</p>
      <p>Here is a second paragraph of text.</p>
      <p>Here is a third paragraph of text.</p>
   </body>
    
</html>

网页显示为:


Here is a first paragraph of text.

Here is a second paragraph of text.

Here is a third paragraph of text.


换行并划线标签

每当您使用<br />元素时,它后面的任何内容都从下一行开始。 这个标签是一个空元素的例子,你不需要开始和结束标签,因为它们之间没有任何东西。

标签在字符 <br />  和正斜杠之间有一个空格。 如果你省略这个空格,旧的浏览器将无法呈现换行符,而如果你错过了正斜杠字符而只使用<br>它在 XHTML 中无效。

举例:

<!DOCTYPE html>
<html>

   <head>
      <title>Line Break  Example</title>
   </head>
    
   <body>
      <p>Hello<br />
         You delivered your assignment ontime.<br />
         Thanks<br />
         Mahnaz</p>
   </body>
    
</html>

网页显示为:


Hello
You delivered your assignment ontime.
Thanks
Mahnaz


内容取中标签

您可以使用 <center> 标签将任何内容放在页面中心或任何表格单元格的中心。需要 </center>结尾

<!DOCTYPE html>
<html>

   <head>
      <title>Centring Content Example</title>
   </head>
    
   <body>
      <p>This text is not in the center.</p>
      
      <center>
         <p>This text is in the center.</p>
      </center>
   </body>
    
</html>

网页显示为:


This text is not in the center.

This text is in the center.

换行并划线标签

换行标签用于在视觉上分割文档的各个部分。


标签从文档中的当前位置到右边距创建一条线,并相应地断开该线。

例如,您可能希望在两个段落之间划一条线,如下面的示例所示 –

<!DOCTYPE html>
<html>

   <head>
      <title>Horizontal Line Example</title>
   </head>
    
   <body>
      <p>This is paragraph one and should be on top</p>
      <hr />
      <p>This is paragraph two and should be at bottom</p>
   </body>
    
</html>

结果显示:


This is paragraph one and should be on top

READ  HTML 链接

This is paragraph two and should be at bottom


同样


标签是空元素的一个例子,你不需要开始和结束标签,因为它们之间没有任何东西。


元素在字符 hr 和正斜杠之间有一个空格。 如果你省略这个空格,旧的浏览器将无法呈现换行并划线标签,而如果你错过了正斜杠字符而只使用


它在 XHTML 中无效

保留格式

有时,您希望文本完全遵循文档中的书写格式。 在这些情况下,您可以使用预先格式化的标签<pre>
<pre>标签开始和</pre>结束 标签之间的任何文本都将保留源文档的格式。

<!DOCTYPE html>
<html>

   <head>
      <title>Preserve Formatting Example</title>
   </head>
    
   <body>
      <pre>
         function testFunction( strText ){
            alert (strText)
         }
      </pre>
   </body>
    
</html>

网页显示结果


function testFunction( strText ){
alert (strText)
}


HTML 空元素

没有内容的 HTML 元素被称为空元素。空元素是在开始标签中关闭的。

<br> 就是没有关闭标签的空元素(<br> 标签定义换行)。

在 XHTML、XML 以及未来版本的 HTML 中,所有元素都必须被关闭。

在开始标签中添加斜杠,比如 <br />,是关闭空元素的正确方法,HTML、XHTML 和 XML 都接受这种方式。

即使 <br> 在所有浏览器中都是有效的,但使用 <br /> 其实是更长远的保障。

HTML 标签对大小写不敏感:<P> 等同于 <p>。许多网站都使用大写的 HTML 标签。

HTML 标签大全

1.基础标签

DOCDYPE  表示HTML文档开始

meta  提供关于文档信息

head  表示文档的元数据

title  设置文档标题

link  表示引用的css外部资源

html  表示文档中HTML部分的开始

body  表示HTML文档内容

noscript  包含浏览器禁用脚本或不支持脚本时显示的内容

style  定义css样式

base  设置相对URL基础  让HTML文档中的相对链接在此基础上进行解析

2.格式标签

acronym:定义只取首字母的缩写

abbr:定义缩写

address:定义文档作者或拥有者的联系信息

b:定义粗体文本

bdi:定义文本的方向,使其脱离周围文本的方向设置(h5)

bdo:定义文字的方向

big:将文本定义为大号字体

blockquote:定义长的引用文本

center:定义文本的居中(不建议使用)

cite:定义引用

code:定义计算机代码的文本

del:定义被删除的文本

dfn:定义一个定义项目

em:定义强调文本

font:定义文本的字体,尺寸和颜色(不建议使用)

i:定义斜体文本

ins:定义被插入的文本

kbd:定义键盘文本

mark:定义有记号的文本(h5)

meter:定义预定义范围内的度量(h5)

pre:定义预定义文本

progress:定义如何类型的任务的进度(h5)

q:定义短的引用

rp:定义浏览器不支持ruby元素显示的内容(h5)

rt:定义ruby注释的解释(h5)

ruby:定义ruby的注释(h5)

s:定义加删除线的文本(不建议使用)

samp:定义计算机代码样本

small:定义小号的字体

strike:定义加删除线的文本(不建议使用)

strong:定义语气更加强烈的强调文本

sup:定义上标文本

sub:定义下表文本

time:定义时间(h5)

tt:定义打印机文本

u:定义下划线文本(不建议使用)

var:定义文本的变量部分

wbr:定义可能的换行符(h5)

3.表单

form:定义HTML表单

input:定义输入标签

textarea:定义多行文本

button:定义按钮

select:定义下拉列表

optgroup:定义选择列表中的相关选项的组合

option:定义选择列表中的选项

label:定义input选项的标注

fieldset:定义围绕表单中元素中的元素的边框

legend:定义fieldset元素的标题

isindex:定义与文档相关的可搜索索引(不建议使用)

datalist:定义下拉列表(h5)

keygen:定义生成密钥(h5)

output:定义输出的一些类型(h5)

4.框架

frame:定义框架集的窗口或框架

frameset:定义框架集

noframes:定义针对不支持框架的用户的替代内容

iframe:定义内联框架

5.图像

img:定义图像

map:定义图像的映射

area:定义图像地图内部的区域

canvas:定义图形(h5)

figcaption:定义figure元素的标题(h5)

figure:定义媒介内容的分组,以及他们的标题(h5)

6.音频/视频(h5)

audio:定义声音内容

source:定义媒介源

track:定义在媒体播放器中的文本轨道

video:定义视频

7.链接

a:定义文本链接或者锚

link:定义文档与外部资源的链接

nav:定义导航链接

8.列表

ul:定义无序列表

ol:定义有序列表

li:定义列表的项目

dir:定义目录列表(不建议使用)

dl:定义自定义列表

dt:定义自定义列表中的项目

dd:定义自定义列表项目中的描述

menu:对命令的菜单/列表

menuitem:定义用户可以弹出菜单调用的命令/菜单项目

command:定义命令按钮(h5)

9.表格

table:定义表格

caption:定义表格的标题

th:定义表格中表头的单元格

tr:定义表格中的行

td:定义表格中的单元

thead:定义表格中的表头内容

tbody:定义表格中的主体内容

tfoot:定义表格中的标注内容

col:定义表格中的一个或多个列的属性值

colgroup:定义表格中供格式化的列组

10.样式

style:定义文档的样式信息

div:定义文档中的节点

span:定义文档中的节点

header:定义页面头部(h5)

footer:定义页面尾部(h5)

section:定义section(h5)

article:定义文章(h5)

aside:定义页面内容以外的内容(h5)

details:定义元素的细节(h5)

dialog:定义对话窗口(h5)

summary:为细节节点第一可见的标题(h5)

10.元信息

head:定义文档的信息

meta:定义文档的元信息

base:定义页面中所有链接的默认地址或默认目标

basefont:定义页面中的默认字体、颜色或尺寸

11.编程脚本标签

script:定义客户端脚本

noscript:定义针对不支持浏览器脚本的用户的替代内容

applet:定义嵌入的applet(不建议使用)

embed:定义外部应用程序(非html)的定义容器(h5)

object:定义嵌入的对象

param:定义对象的参数

HTML 标签大全(按字母查找)

HTML标签是HTML语言中最基本的单位,HTML标签是HTML(标准通用标记语言下的一个应用)最重要的组成部分。 HTML标签的大小写无关的,例如“主体”<body>跟<BODY>表示的意思是一样的,推荐使用小写。

READ  零基础网站设计HTML教程入门
标签 描述
<!–…–> 定义注释
<!DOCTYPE> 定义文档类型
<a> 定义超文本链接
<abbr> 定义缩写
<acronym> 定义只取首字母的缩写,不支持HTML5
<address> 定义文档作者或拥有者的联系信息
<applet> HTML5中不赞成使用。定义嵌入的 applet。
<area> 定义图像映射内部的区域
<article>HTML5 定义一个文章区域
<aside>HTML5 定义页面的侧边栏内容
<audio>HTML5 定义音频内容
<b> 定义文本粗体
<base> 定义页面中所有链接的默认地址或默认目标。
<basefont> HTML5不支持,不赞成使用。定义页面中文本的默认字体、颜色或尺寸。
<bdi>HTML5 允许您设置一段文本,使其脱离其父元素的文本方向设置。
<bdo> 定义文字方向
<big> 定义大号文本,HTML5不支持
<blockquote> 定义长的引用
<body> 定义文档的主体
<br> 定义换行
<button> 定义一个点击按钮
<canvas>HTML5 定义图形,比如图表和其他图像,标签只是图形容器,您必须使用脚本来绘制图形
<caption> 定义表格标题
<center> HTML5不支持,不赞成使用。定义居中文本。
<cite> 定义引用(citation)
<code> 定义计算机代码文本
<col> 定义表格中一个或多个列的属性值
<colgroup> 定义表格中供格式化的列组
<command>HTML5 定义命令按钮,比如单选按钮、复选框或按钮
<datalist>HTML5 定义选项列表。请与 input 元素配合使用该元素,来定义 input 可能的值。
<dd> 定义定义列表中项目的描述
<del> 定义被删除文本
<details>HTML5 用于描述文档或文档某个部分的细节
<dfn> 定义定义项目
<dialog>HTML5 定义对话框,比如提示框
<dir> HTML5不支持,不赞成使用。定义目录列表。
<div> 定义文档中的节
<dl> 定义列表详情
<dt> 定义列表中的项目
<em> 定义强调文本
<embed>HTML5 定义嵌入的内容,比如插件。
<fieldset> 定义围绕表单中元素的边框
<figcaption>HTML5 定义<figure> 元素的标题
<figure>HTML5 规定独立的流内容(图像、图表、照片、代码等等)。
<font> HTML5不支持,不赞成使用。定义文字的字体、尺寸和颜色。
<footer>HTML5 定义 section 或 document 的页脚。
<form> 定义了HTML文档的表单
<frame> 定义框架集的窗口或框架
<frameset> 定义框架集
<h1> to <h6> 定义 HTML 标题
<head> 定义关于文档的信息
<header>HTML5 定义了文档的头部区域
<hr> 定义水平线
<html> 定义 HTML 文档
<i> 定义斜体字
<iframe> 定义内联框架
<img> 定义图像
<input> 定义输入控件
<ins> 定义被插入文本
<kbd> 定义键盘文本
<keygen>HTML5 规定用于表单的密钥对生成器字段。
<label> 定义 input 元素的标注
<legend> 定义 fieldset 元素的标题。
<li> 定义列表的项目
<link> 定义文档与外部资源的关系
<map> 定义图像映射
<mark>HTML5 定义带有记号的文本。请在需要突出显示文本时使用 <m> 标签。
<menu> 不赞成使用。定义菜单列表。
<meta> 定义关于 HTML 文档的元信息。
<meter>HTML5 定义度量衡。仅用于已知最大和最小值的度量。
<nav>HTML5 定义导航链接的部分
<noframes> 定义针对不支持框架的用户的替代内容。HTML5不支持
<noscript> 定义针对不支持客户端脚本的用户的替代内容。
<object> 定义内嵌对象
<ol> 定义有序列表。
<optgroup> 定义选择列表中相关选项的组合。
<option> 定义选择列表中的选项。
<output>HTML5 定义不同类型的输出,比如脚本的输出。
<p> 定义段落。
<param> 定义对象的参数。
<pre> 定义预格式文本。
<progress>HTML5 定义运行中的进度(进程)。
<q> 定义短的引用。
<rp>HTML5 <rp> 标签在 ruby 注释中使用,以定义不支持 ruby 元素的浏览器所显示的内容。
<rt>HTML5 <rt> 标签定义字符(中文注音或字符)的解释或发音。
<ruby>HTML5 <ruby> 标签定义 ruby 注释(中文注音或字符)。
<s> 不赞成使用。定义加删除线的文本。
<samp> 定义计算机代码样本。
<script> 定义客户端脚本。
<section>HTML5 <section> 标签定义文档中的节(section、区段)。比如章节、页眉、页脚或文档中的其他部分。
<select> 定义选择列表(下拉列表)。
<small> 定义小号文本。
<source>HTML5 <source> 标签为媒介元素(比如 <video> 和 <audio>)定义媒介资源。
<span> 定义文档中的节。
<strike> HTML5不支持,不赞成使用。定义加删除线文本。
<strong> 定义强调文本。
<style> 定义文档的样式信息。
<sub> 定义下标文本。
<summary>HTML5 <summary> 标签包含 details 元素的标题,”details” 元素用于描述有关文档或文档片段的详细信息。
<sup> 定义上标文本。
<table> 定义表格。
<tbody> 定义表格中的主体内容。
<td> 定义表格中的单元。
<textarea> 定义多行的文本输入控件。
<tfoot> 定义表格中的表注内容(脚注)。
<th> 定义表格中的表头单元格。
<thead> 定义表格中的表头内容。
<time>HTML5 定义日期或时间,或者两者。
<title> 定义文档的标题。
<tr> 定义表格中的行。
<track>HTML5 <track> 标签为诸如 video 元素之类的媒介规定外部文本轨道。
<tt> 定义打字机文本。
<u> 不赞成使用。定义下划线文本。
<ul> 定义无序列表。
<var> 定义文本的变量部分。
<video>HTML5 <video> 标签定义视频,比如电影片段或其他视频流。
<wbr>HTML5 规定在文本中的何处适合添加换行符。

 

READ  HTML的元素
除教程外,本网站大部分文章来自互联网,如果有内容冒犯到你,请联系我们删除!

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

Leave the field below empty!

Posted in HTML 教程

Related Posts