盘点HTML常用标签及介绍

162 篇文章 2 订阅

转自:微点阅读 https://www.weidianyuedu.com

div 语义:Division(分隔)

span 语义:Span(范围)

ol 语义:Ordered List(排序列表)

ul 语义:Unordered List(不排序列表)

li 语义:List Item(列表项目)

dl 语义:Definition List(定义列表)

dt 语义:Definition Term(定义术语)

dd 语义:Definition Description(定义描述)

del 语义:Deleted(删除(的文本))

ins 语义:Inserted(插入(的文本))

h1~.h6 语义:Header 1 to Header 6(标题1到标题6)

p 语义:Paragraph(段落)

hr 语义:Horizontal Rule(水平尺)

a 语义:Anchor(锚)

abbr 语义:Abbreviation(缩写词

acronym 语义:Acronym(取首字母的缩写词)

address 语义:Address(地址)

dfn 语义:Defines a Definition Term(定义定义条目)

kbd 语义:Keyboard(键盘(文本))

samp 语义:Sample(示例(文本))

var 语义:Variable(变量(文本))

tt 语义:Teletype(打印机(文本))

code 语义:Code(源代码(文本))

pre 语义:Preformatted(预定义格式(文本))

blockquote 语义:Block Quotation(区块引用语)

cite 语义:Citation(引用)

q 语义:Quotation(引用语)

strong 语义:Strong(加重(文本))

em 语义:Emphasized(加重(文本))

b 语义:Bold(粗体(文本))

i 语义:Italic(斜体(文本))

big 语义:Big(变大(文本))

small 语义:Small(变小(文本))

sup 语义:Superscripted(上标(文本))

sub 语义:Subscripted(下标(文本))

bdo 语义:Direction of Text Display(文本显示方向)

br 语义:Break(换行)

center 语义:Centered(居中(文本))

font 语义:Font(字体)

u 语义:Underlined(下划线(文本))

s 语义:Strikethrough(删除线)

strike 语义:Strikethrough(删除线)

<a href="" target="_blank">http://www.abdqn.com/"> 超级链接(anchor)</a>

<abbr title="abbreviation的简写">abbr 简写的(abbreviation)</abbr>

<acronym title="Jin Hua Tang is JHT">acronym 首字母缩略词(acronym) </acronym>

<address>address 地址(address)</address>

<b>b 粗体(bold)</b>

<bdo dir="ltr">bdo <bdo dir="rtl">局部控制文字方向</bdo></bdo>

<big>big 放大(big)</big>

<blockquote>blockquote 引用块(blockquote)</blockquote>

<br /> br 换行(break)

<center>center 居中(center)</center>

<cite>cite 引用(cite)</cite>

<code>code 代码(code)</code>

<!--dl 字典列表(dictionary list)-->

<dl>

<dt>dt 字典标题(dictionary title)</dt>

<dd>dd 字典数据(dictionary data)</dd>

<dt>dt 字典标题(dictionary title)</dt>

<dd>dd 字典数据(dictionary data)</dd>

</dl>

<del>del 删除(delete)</del>

<dfn>dfn 定义(definition)</dfn>

<div>div 区块(division)</div>

<em>em 强调(emphasize)</em>

<h1>h1 标题1(head1)</h1>

<h2>h2 标题2(head2)</h2>

<h3>h3 标题3(head3)</h3>

<h4>h4 标题4(head4)</h4>

<h5>h5 标题5(head5)</h5>

<h6>h6 标题6(head6)</h6>

<hr /> hr 横线(horizontal)

<i>i 斜体(italic)</i>

<img src="#" alt="图片" />img 图片(image)

<form action="#" method="post">form 表单(form)</form>

<input type="text" name="name" value="" />input,type="text" 文本输入框(text)

<input type="radio" name="name" value="" />input,type="radio" 单选框(radio)

<input type="checkbox" name="name" value="" />input,type="checkbox" 复选框(checkbox)

<input type="file" name="name" value="" />input,type="file" 文件选择框(file)

<input type="hidden" name="name" value="" />input,type="hidden" 隐藏域(hidden)

<input type="image" name="name" value="" />input,type="image" 图片按钮(image)

<input type="password" name="name" value="" />input,type="password" 密码输入框(password)

<input type="reset" name="name" value="reset" />input,type="reset" 重置按钮(reset)

<input type="submit" name="name" value="submit" />input,type="submit" 提交按钮(submit)

<ins>ins 插入(insert)</ins>

<kbd>kbd 键盘文字(keyboard)</kbd>

<noscript>noscript 没有脚步(noscript)</noscript>

<!--ol 有序列表(order list)-->

<ol>

<li>li 列表项(list item)</li>

<li>li 列表项(list item)</li>

</ol>

<p>p 段落(paragraph)</p>

<pre>pre 按预定格式显示的文本(Preformatted)</pre>

<q>q 引用(quote)</q>

<samp>samp 例子(sample)</samp>

<script type="text/javascript"></script>

<!--select 选择列表(select)-->

<select>

<option value="value">option 选择项(option)</option>

</select>

<small>small 缩小(small)</small>

<span>span 文本段(span)</span>

<strong>strong 重点强调(strong emphasized)</strong>

<sub>sub 下标(subscript)</sub>

<sup>sup 上标(superscript)</sup>

<!--table 表格(table)-->

<table border="0" cellpadding="0" cellspacing="0">

<tr>

<td>td 表格数据(table data)</td>

<td>td 表格数据(table data)</td>

</tr>

<tr>

<td>td 表格数据(table data)</td>

<td>td 表格数据(table data)</td>

</tr>

</table>

<textarea>textarea 多行文本输入区(textarea)</textarea>

<tt>tt 电传打字机(teletype)(等宽字体)</tt>

<!--ul 无序列表(unordered list)-->

<ul> 生活常识

<li>li 列表项(list item)</li>

<li>li 列表项(list item)</li>

</ul>

<var>var 可变文本(variable)</var>

常用HTML标签的英文全称及简单描述

HTML标签

英文全称

中文释义

a

Anchor

abbr

Abbreviation

缩写词

acronym

Acronym

取首字母的缩写词

address

Address

地址

dfn

Defines a Definition Term

定义定义条目

kbd

Keyboard

键盘(文本)

samp

Sample

示例(文本

var

Variable

变量(文本)

tt

Teletype

打印机(文本)

code

Code

源代码(文本)

pre

Preformatted

预定义格式(文本 )

blockquote

Block Quotation

区块引用语

cite

Citation

引用

q

Quotation

引用语

strong

Strong

加重(文本)

em

Emphasized

加重(文本)

b

Bold

粗体(文本)

i

Italic

斜体(文本)

big

Big

变大(文本)

small

Small

变小(文本)

sup

Superscripted

上标(文本)

sub

Subscripted

下标(文本)

bdo

Direction of Text Display

文本显示方向

br

Break

换行

center

Centered

居中(文本)

font

Font

字体

u

Underlined

下划线(文本)

s/ strike

Strikethrough

删除线

div

Division

分隔

span

Span

范围

ol

Ordered List

排序列表

ul

Unordered List

不排序列表

li

List Item

列表项目

dl

Definition List

定义列表

dt

Definition Term

定义术语

dd

Definition Description

定义描述

del

Deleted

删除(的文本)

ins

Inserted

插入(的文本)

h1~h6

Header 1 to Header 6

标题1到标题6

p

Paragraph

段落

hr

Horizontal Rule

水平尺

href

hypertext reference

超文本引用

alt

alter

替用(一般是图片显示不出的提示)

src

Source

源文件链接

cell

cell

cellpadding

cellpadding

巢补白

cellspacing

cellspacing

巢空间

nl

navigation lists

导航列表

tr

table row

表格中的一行

th

table header cell

表格中的表头

td

table data cell

表格中的一个单元格

iframe

Inline frame

定义内联框架

optgroup

Option group

定义选项组

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
盘点名器是一种用于随机选择某个对象或者人员的工具。它一般以圆盘的形式呈现,上面标有不同的选项或者名字。用户可以通过手动或电子控制的方式将转盘旋转,当转盘停下来时,指针所指向的选项或者名字即为选中的结果。 在HTML中实现转盘点名器的过程可以分为几个步骤。首先,我们需要创建一个圆盘的形状,可以使用HTML的`<canvas>`元素来实现。通过设置圆心和半径,我们可以画出一个圆形。 接下来,我们需要确定转盘上的选项或者名字。可以将这些选项以列表的形式进行显示,并通过CSS样式进行布局和排列。 在转盘点名器功能的实现中,我们需要添加一些交互性。可以通过JavaScript来控制转盘的旋转,可以使用`transform`属性实现旋转效果。实现随机选择功能的方法之一是,将所有选项或者名字存储在一个数组中,并使用`Math.random()`函数生成一个随机索引,根据该索引从数组中获取对应的选项或者名字。 最后,我们要确保转盘的旋转速度逐渐减慢。可以使用`setInterval()`函数在一段时间间隔内不断旋转转盘,并在每次旋转时减小旋转速度,直到停下来。 通过以上步骤,我们可以在HTML中实现一个转盘点名器,从而实现快到慢的效果。用户可以通过点击或者其他触发事件来启动转盘的旋转,最终获得随机选择的结果。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值