HTML 便签

最新推荐文章于 2025-05-13 19:57:25 发布

wangfuhonglang

最新推荐文章于 2025-05-13 19:57:25 发布

阅读量679

点赞数

CC 4.0 BY-SA版权

文章标签： html5 github

本文链接：https://blog.youkuaiyun.com/wangfuhonglang/article/details/108308823

本文详细介绍了HTML中常见的标签及属性，包括链接、图片、换行、分段、文字样式等。还涉及了属性的使用，如对齐、色彩、尺寸等，并提及了表格、表单、框架、背景音乐等高级元素及其属性设置。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

基本结构标签:

- 常用属性:

#基本标签

,表示该文件为HTML文件 ,包含文件的标题,使用的脚本,样式定义等 ---,包含文件的标题,标题出现在浏览器标题栏中 ,的结束标志 ,放置浏览器中显示信息的所有标志和属性,其中内容在浏览器中显示. ,的结束标志 ,的结束标志

其它主要标签,以下所有标志用在中:
<A,HREF=“…”>,链接标志,“…“为链接的文件地址
<IMG,SRC=”…”>,显示图片标志,"…"为图片的地址

,换行标志

,分段标志 ,采用黑体字 ,采用斜体字

,水平画线

,定义表格,HTML中重要的标志 ,定义表格的行,用在

中 ,定义表格的单元格,用在中 ,字体样式标志

属性:
属性是用来修饰标志的,属性放在开始标志内.
例:属性bgcolor="BLACK"表示背景色为黑色.
引用属性的例子:
<BODY,bgcolor=“BLACK”>表示页面背景色为黑色;
<TABLE,bgcolor=“BLACK”>表示表格背景色为黑色.

常用属性:

对齐属性,范围属性:
ALIGN=LEFT,左对齐(缺省值),WIDTH=象素值或百分比,对象宽度.
ALIGN=CENTER,居中,HEIGHT=象素值或百分比,对象高度.
ALIGN=RIGHT,右对齐.
色彩属性:
COLOR=#RRGGBB,前景色,参考色彩对照表.
BGCOLOR=#RRGGBB,背景色.

表示绝对居中.

表格标识的开始和结束. 属性: cellpadding=数值单位是像素,定义表元内距 cellspacing=数值单位是像素,定义表元间距 border=数值单位是像素,定义表格边框宽度 width=数值单位是像素或窗口百分比,定义表格宽度 background=图片链接地址,定义表格背景图表格中一个表格行的开始和结束; 表格中行内一个单元格的开始和结束属性: Colspan="",单元格跨越多列; Rowspan="",单元格跨越多行; Width="";定义表格宽度 Height="";定义表格高度 Align="";对齐方式 Valign=""; Border="",边框宽度; Bgcolor="",背景色; Bordercolor="",边框颜色; Bordercolorlight="",边框明亮面的颜色; Bordercolordark="",边框暗淡面的颜色; Cellpadding="",内容与边框的距离(默认为2); Cellspacing="",单元格间的距离(默认为2);

强制换行
文本标识的开始和结束
属性:
face=字体
color=颜色
加粗文字标识的开始和结束
属性:
style=font-size:40pt;,用样式表方式控制字体大小,这里是40点

段落标识, 空格符, 贴图标识属性: src=../../图片链接地址,贴图标识必备属性 style=filter:Alpha(opacity=100,style=2); filter:样式表滤镜; Alpha:透明滤镜, opacity:不透明度100(0~100); style:样式2(0~3), rules="none"不显示内框"

表单标签:

表格标识的开始和结束,表单的内容都放在这里. 下边的标签放在表单内: 下拉选择框属性: Multiple,多选 ,大量文字输入的编辑块属性: Cols="",行; Rows="",列;

框架标签:

...,定义框架. ,放在框架标签内,定义每个框架的内容. 属性: Cols="" Rows="" Frameborder="" Framespacing="" src="" Scrolling="",滚动条(No,Yes); Noresize,框加大小不可变; Marginhight="",高度空余空间; Marginwidth="",宽度空余空间; Target="",目标框架.

其他标签:
,背景音乐;
Src=“”
Loop=“”,循环次数;
,媒体播放块;
Src=“”
Loop=“”,循环次数;
,滚动部分;
属性:
Bgcolor=“”
Behavior,设置或获取文本如何在字幕中滚动.
Direction=“”,滚动方向;
Height=“”
Width=“”
Loop=“”,环次数;
scrollAmount=“”,设置或获取介于每个字幕绘制序列之间的文本滚动像素数.
scrollDelay=“”,设置或获取字幕滚动的速度.
scrollHeight=“”,获取对象的滚动高度;
scrollLeft=“”,设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离.
scrollTop=“”,设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离.
trueSpeed=“”,设置或获取字幕的位置是否使用scrollDelay和scrollAmount属性计算,已过的实际时间来自于时钟计时.

,注释标记,在" "之间的内容将不在浏览器中显示.

–

基本标签:

,创建一个HTML文档; ,设置文档标题和其它在网页中不显示的信息; ,设置文档的标题;

,最大的标题;

,预先格式化文本; ,下划线 ,黑体字; ,斜体字; ,打字机风格的字体; ,引用,通常是斜体; ,强调文本(通常是斜体加黑体); ,加重文本(通常是斜体加黑体);

格式标签:

,创建一个段落;

,列表标签,定义列表; ,定义列表标题;

,定义列表内容; 例:

标题1

内容11

内容12

标题2

内容21

内容22

,列表标签,定义一个标有数字的列表;

,列表标签,定义一个标有圆点的列表;

,放在每个列表项之前; 放在
之间则每个列表项加上一个数字,放在
之间则每个列表项加上一个圆点;
<div,align=“”>,分区标签,用来排版大块HTML段落,也用于格式化表;
,选项清单; ,目录清单; ,强行不换行;
链接标签:
<a,href=“URL”>,创建超文本链接;
<a,href=“mailtEMAIL”>
,创建自动发送电子邮件的链接;
<a,name=“name”>,创建位于文档内部的书签;
<a,href=“#name”>,创建指向位于文档内部书签的链接;
,文档中不能被该站点辨识的其它所有链接源的URL; ,定义一个链接和源之间的相互关系;
链接标签注解:
target=“…”,决定链接源在什么地方显示(用户自定义的名字,_blank,_parent,_self,_top);
rel=“…”,发送链接的类型;
rev=“…”,保存链接的类型;
accesskey=“…”,指定该元素的热键;
shape=“…”,允许我们使用已定义的形状定义客户端的图形镜像(default,rect,circle,poly);
coord=“…”,使用像素或者长度百分比来定义形状的尺寸;
tabindex=“…”,使用定义过的tabindex元素设置在各个元素之间的焦点获取顺序(使用tab键使元素获得焦点).

表格标签:

,创建一个表格; ,表格中的每一行; ,表格中一行中的每一个格子; ,设置表格头:通常是黑体居中文字;
表单标签:
,创建表单; action="...",接收数据的服务器的URL; method="...",HTTP的方法(get,,post),其中get是被反对使用的; enctype="...",指定MIME(Internet媒体类型); οnsubmit="...",当提交表单时发生的内部事件; noreset="...",在重新设置表单时发生的内部事件; target="...",决定把内容显示在什么地方(_blank,_parent,_self,_top)
表单标签注解:
type=“…”,用于输入控件的类型(text,password,checkbox,radio,submit,reset,file,hidden,image,button);
name=“…”,控件的控制名(要求是除了submit和reset之外的任何名字);
value=“…”,控件的初始值;
checked=“…”,把一个单选钮设置为选中的状态;
disabled=“…”,把控件的状态设置为不能使用;
readonly=“…”,只对输入密码的文本框使用;
size=“…”,表示以像素为单位的除了文本框和密码框控件之外的其它控件的宽度,它是用来指定字符的数目;
src=“…”,一个图像控件的URL;
maxlength=“…”,指定可以输入的最多的字符数目;
alt=“…”,另外一种文本描述;
usemap=“…”,到客户端图形镜像的URL;
align=“…”,被反对.控制对齐方式(left,center,right,justify);
tabindex=“…”,通过定义的tabindex值确定在不同元素之间获得焦点的顺序;
οnfοcus=“…”,当元素获得焦点时发生的事件;
οnblur=“…”,当元素失去焦点时发生的事件;
οnselect=“…”,当元素被选中时发生的事件;
onchang=“…”,当元素状态被改变时发生的事件;
accept=“…”,允许上载的文件类型.

帧标签(框架标签):
,放在一个帧文档的标签之前,也可以嵌在其他帧文档中;
文档整体属性标签:
<body,bgcolor=“”>,设置背景颜色.使用名字或RGB的十六进制值;
<body,background=“”>,设置背景图片;
<body,bgsound=“”>,设置背景音乐;
<body,bgproperties=“fixed”>,固定背景图片(IE适用);
<body,text=“”>,设置文本颜色.使用名字或RGB的十六进制值;
<body,link=“”>,设置链接颜色.使用名,字或RGB的十六进制值;
<body,vlink=“”>,设置已使用的链接的颜色.使用名字或RGB的十六进制值;
<body,alink=“”>,设置正在被击中的链接的颜色.使用名字或RGB的十六进制值;
<body,topmargin=“”>,设置页面的上边距;
<body,leftmargin=“”>,设置页面的左边距.