程序员必须知道的HTML常用代码都有哪些
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了程序员必须知道的HTML常用代码都有哪些相关的知识,希望对你有一定的参考价值。
html+css代码文本设置
1、font-size: 字号参数
2、font-style: 字体格式
3、font-weight: 字体粗细
4、颜色属性
color: 参数
注意使用网页安全色
超链接设置
text-decoration: 参数
主要用途是改变浏览器显示文字链接时的下划线。
参数取值范围:
underline:为文字加下划线
overline:为文字加上划线
line-through:为文字加删除线
blink:使文字闪烁
none:不显示上述任何效果
背景
1、背景颜色
background-color: 参数
2、背景图片
background-image: url(URL)
URL就是背景图片的存放路径,none表示无。
3、背景图片重复
background-repeat: 参数
参数取值范围 :
no-repeat:不重复平铺背景图片
repeat-x:使图片只在水平方向上平铺
repeat-y:使图片只在垂直方向上平铺
如果不指定背景图片重复属性,浏览器默认的是背景图片向水平、垂直两个方向上平铺。
4、背景图片固定
背景图片固定控制背景图片是否随网页的滚动而滚动。如果不设置背景图片固定属性,浏览器默认背景图片随网页的滚动而滚动。为了避免过于花哨的背景图片在滚动时转移浏览者的注意力,一般都设为固定
background-attachment: 参数
参数取值范围:
fixed:网页滚动时,背景图片相对于浏览器的窗口而言,固定不动
scroll:网页滚动时,背景图片相对于浏览器的窗口而言,一起滚动
区块
1、单词间距
word-spacing: 间隔距离
2、字母间距
letter-spacing: 字母间距
3、文本对齐
text-align: 参数
参数的取值:
left:左对齐
right:右对齐
center:居中对齐
justify:相对左右对齐
4、垂直对齐
vertical-align: 参数
top:顶对齐
bottom:底对齐
text-top:相对文本顶对齐
text-bottom:相对文本底对齐
baseline:基准线对齐
middle:中心对齐
sub:以下标的形式显示
super:以上标的形式显示
5、文本缩进
text-indent: 缩进距离
12px相当于一个文字距离
6、空格
white-space: 参数
normal 正常
pre 保留
nowrap 不换行
7、显示样式
display: 参数
参数取值范围:
block:块级元素,在对象前后都换行
inline:在对象前后都不换行
list-item:在对象前后都换行,增加了项目符号
none:无显示
方框
1、height 高度
2、width 宽度
3、padding 内边距
4、margin 外边距
5、float(浮动):可以让块级元素在一行中排列,例如横向菜单。
6、clear 清除浮动
边框
1、样式
border style 参数
边框样式的参数:
none:无边框
dotted:边框为点线
dashed:边框为长短线
solid:边框为实线
double:边框为双线
2、宽度
border width 参数
3、颜色
border color 参数
列表
list-style-type 列表样式
不同浏览器的列表符可能不相同,可能会影响到网页,所以网页中的列表大多都是由背景图片显示。
控制用户界面的样式
鼠标
cursor:鼠标形状参数
CSS鼠标形状参数表:
鼠标形状:CSS代码
style="cursor:hand" 手形
style="cursor:crosshair" 十字形
style="cursor:text" 文本形
style="cursor:wait" 沙漏形
style="cursor:move" 十字箭头形:
style="cursor:help" 问号形
style="cursor:e-resize" 右箭头形
style="cursor:n-resize" 上箭头形
style="cursor:nw-resize" 左上箭头形
style="cursor:w-resize" 左箭头形
style="cursor:s-resize" 下箭头形
style="cursor:se-resize" 右下箭头形
style="cursor:sw-resize" 左下箭头形
HTML常用代码之:结构性定义
文件类型<HTML></HTML> (放在档案的开头与结尾)
文件主题<TITLE></TITLE> (必须放在「文头」区块内)
文头<HEAD></HEAD> (描述性资料,像是「主题」)
文体<BODY></BODY> (文件本体)
标题<H?></H?> (从1到6,有六层选择)
标题的对齐 <H?ALIGN=LEFT|CENTER|RIGHT></H?>
区分<DIV></DIV>
区分的对齐 <DIVALIGN=LEFT|RIGHT|CENTER|JUSTIFY></DIV>
引文区块<BLOCKQUOTE></BLOCKQUOTE> (通常会内缩)
强调<EM></EM> (通常会以斜体显示)
特别强调<STRONG></STRONG> (通常会以加粗显示)
引文<CITE></CITE> (通常会以斜体显示)
码<CODE></CODE> (显示原始码之用)
样本<SAMP></SAMP>
键盘输入<KBD></KBD>
变数<VAR></VAR>
定义<DFN></DFN> (有些浏览器不提供)
地址 <ADDRESS></ADDRESS>
大字<BIG></BIG>
小字<SMALL></SMALL>
与外观相关的标签(作者自订的表现方式)
加粗<B></B>
斜体<I></I>
底线<U></U> (尚有些浏览器不提供)
删除线<S></S> (尚有些浏览器不提供)
下标<SUB></SUB>
上标<SUP></SUP>
打字机体<TT></TT> (用单空格字型显示)
预定格式<PRE></PRE> (保留文件中空格的大小)
预定格式的宽度<PRE WIDTH=?></PRE>(以字元计算)
向中看齐<CENTER></CENTER> (文字与图片都可以)
闪耀<BLINK></BLINK> (有史以来最被嘲弄的标签)
字体大小 <FONTSIZE=?></FONT>(从1到7)
改变字体大小 <FONTSIZE=+|-?></FONT>
基本字体大小 <BASEFONTSIZE=?> (从1到7; 内定为3)
字体颜色 <FONTCOLOR="#$$"></FONT>($$为颜色代码)
HTML常用代码之:修改页面的实用性HTML代码
贴图:<img src="图片地址">
加入连接:<a href="所要连接的相关地址">写上你想写的字</a>
在新窗口打开连接:<a href="相关地址" target="_blank">写上要写的字</a>
移动字体(走马灯):<marquee>写上你想写的字</marquee>
字体加粗:<b>写上你想写的字</b>
字体斜体:<i>写上你想写的字</i>
字体下划线: <u>写上你想写的字</u>
字体删除线: <s>写上你想写的字</s>
字体加大: <big>写上你想写的字</big>
字体控制大小:<h1>写上你想写的字</h1> (其中字体大小可从h1-h5,h1最大,h5最小)
更改字体颜色:<font color="#value">写上你想写的字</font>(其中value值在000000与ffffff(16位进制)之间
消除连接的下划线:<a href="相关地址" style="text-decoration:none">写上你想写的字</a>
贴音乐:<embed src="音乐地址" autostart=false>
贴flash: <embed src="flash地址" >
贴影视文件:<img dynsrc="文件地址" start=mouseover>
换行:<br>
段落:<p>段落</p>
原始文字样式:<pre>正文</pre>
换帖子背景:<body background="背景图片地址">
固定帖子背景不随滚动条滚动:<body background="背景图片地址" body bgproperties=fixed>
定制帖子背景颜色:<body bgcolor="#value">(value值见10)
帖子背景音乐:<bgsound="背景音乐地址" loop=infinite>
贴网页:<iframe. src="相关地址" ></iframe>
HTML常用代码之:常常会遇到的问题
点击关闭窗口
<a href="javascript.:top.window.close();">点击关闭窗口</a>!
请问如何去掉主页右面的滚动条?
<body scroll="no">
<body style="overflow-y:hidden">
如何做到让一个网页自动关闭.
<html>
<head>
<OBJECT id=closes type="application/x-oleobject" classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11">
<param name="Command" value="Close">
</object>
</head>
<body >
这个窗口会在10秒过后自动关闭,而且不会出现提示. </body>
如何在不刷新页面的情况下刷新css?
<style>
button color:#000000;
</style>
<button nclick=document.styleSheets[0].rules[0].style.color=‘‘‘‘red‘‘‘‘>点击按钮直接修改style标签里button选择符使按钮改为 红色</button>
请问如何让网页自动刷新?
在head部记入<META. HTTP-EQUIV="Refresh" c>其中20为20秒后自动刷新,你可以更改为任意值。
如何让页面自动刷新?
方法一,用refresh
HTML 代码片段如下:
<head>
<meta. http-equiv="refresh" c>
</head>
5表示刷新时间
[Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]
方法二,使用setTimeout控制
<img src=/logo.gif>
<script>
function rl()
document.location.reload()
setTimeout(rl,2000)
</SCRIPT>
如何让超链接没有下划线
在源代码中的<HEAD>…</HEAD>之间输入如下代码:
<style. type="text/css"> <!--
a text-decoration: none
--> </style>
请问如何去掉IE的上下滚动条?
<body style=‘‘‘‘overflow:scroll;overflow-y:hidden‘‘‘‘>
</body>
怎样才能把RealPlayer文件在网页做一个试听连接?
<embed height=25 src=51js.rm type=audio/x-pn-realaudio-plugin width=50 autostart="false" c>
如何用html实现浏览器上后退按钮的功能?
<a href="java script.:history.go(-1)">点击后退</a>
或者
<script> history.back() </SCRIPT>
HTML常用代码之:你不一定知道的技巧
ncontextmenu="window.event.returnValue=false" 将彻底屏蔽鼠标右键
<table borderncontextmenu=return(false)><td>no</table> 可用于Table
<body nselectstart="return false"> 取消选取、防止复制
onpaste="return false" 不准粘贴
oncopy="return false;" ncut="return false;" 防止复制
<link rel="Shortcut Icon"href="favicon.ico"> IE地址栏前换成自己的图标
<link rel="Bookmark"href="favicon.ico"> 可以在收藏夹中显示出你的图标
<inputstyle="ime-mode:disabled"> 关闭输入法
永远都会带着框架
<script. language="JavaScript"><!--
if (window == top)top.location.href = "frames.htm"; //frames.htm为框架网页
// --></script>
防止被人frame.
<SCRIPT. LANGUAGE=JAVASCRIPT><!--
if (top.location != self.location)top.location=self.location;
// --></SCRIPT>
网页将不能被另存为
<noscript><iframe.src=*.html></iframe></noscript>
查看网页源代码
<input type=button value=查看网页源代码
onclick="window.location = "view-source:"+"http://www.w3cschool.cn"">
删除时确认
<a href="javascript:if(confirm("确实要删除吗?"))location="boos.asp? &areyou=删除&page=1"">删除</a>
屏蔽功能键Shift,Alt,Ctrl
<script>
function look()
if(event.shiftKey)
alert("禁止按Shift键!");//可以换成ALT CTRL
document.onkeydown=look;
</script>
网页不会被缓存
<META. HTTP-EQUIV="pragma" CONTENT="no-cache">
<META. HTTP-EQUIV="Cache-Control"CONTENT="no-cache, must-revalidate">
<META. HTTP-EQUIV="expires"CONTENT="Wed, 26 Feb 1997 08:21:57 GMT">
或者<META. HTTP-EQUIV="expires"CONTENT="0">
怎样让表单没有凹凸感?
<input type=text style="border:1 solid #000000">
<input type=text style="border-left:none;border-right:none; border -top:none; border-bottom: 1 solid#000000"></textarea>
不要滚动条?
让竖条没有:
<body style="overflow:scroll;overflow-y:hidden">
</body>
让横条没有:
<body style="overflow:scroll;overflow-x:hidden">
</body>
两个都去掉?更简单了
<body scroll="no">
</body>
怎样去掉图片链接点击后,图片周围的虚线?
<a href="#"nFocus="this.blur()"><img src="logo.jpg"border=0></a>
电子邮件处理提交表单
<form. name="form1"method="post" action="mailt****@***.com"enctype="text/plain">
<input type=submit>
</form>
在打开的子窗口刷新父窗口的代码里如何写?
window.opener.location.reload()
如何设定打开页面的大小
<body nload="top.resizeTo(300,200);">
打开页面的位置<bodynload="top.moveBy(300,200);">
在页面中如何加入不是满铺的背景图片,拉动页面时背景图不动
<STYLE>
body
background-image:url(logo.gif); background-repeat:no-repeat;
background-position:center;background-attachment: fixed
</STYLE>
检查一段字符串是否全由数字组成
<script. language="Javascript"><!--
function checkNum(str)return str.match(//D/)==null
alert(checkNum("1232142141"))
alert(checkNum("123214214a1"))
// --></script>
获得一个窗口的大小
document.body.clientWidth; document.body.clientHeight
怎么判断是否是字符
if (/[^/x00-/xff]/g.test(s)) alert("含有汉字");
else alert("全是字符");
TEXTAREA自适应文字行数的多少
<textarea rows=1 name=s1 cols=27npropertychange="this.style.posHeight=this.scrollHeight">
</textarea>
日期减去天数等于第二个日期
<script. language=Javascript>
function cc(dd,dadd)
//可以加上错误处理
var a = new Date(dd)
a = a.valueOf()
a = a - dadd * 24 * 60 * 60 * 1000
a = new Date(a)
alert(a.getFullYear() + "年" + (a.getMonth() +1) + "月" + a.getDate() + "日")
cc("12/23/2002",2)
</script>
选择了哪一个Radio
<HTML><script. language="vbscript">
function checkme()
for each ob in radio1
if ob.checked then window.alert ob.value
next
end function
</script><BODY>
<INPUT name="radio1" type="radio"value="style" checked>Style.
<INPUT name="radio1" type="radio"value="barcode">Barcode
<INPUT type="button" value="check"nclick="checkme()">
</BODY></HTML>
脚本永不出错
<SCRIPT. LANGUAGE="JavaScript">
<!-- Hide function killErrors()return true; window.onerror = killErrors;// -->
</SCRIPT>
ENTER键可以让光标移到下一个输入框
<input nkeydown="if(event.keyCode==13)event.keyCode=9"> 参考技术A
html+css代码
一、文本设置
1、font-size:号大小
2、font-style:字体格式
3、font-weight:字体粗细
4、颜色属性color:文本颜色
二、超链接设置
text-decoration:参数
参数取值范围:
underline:为文字加下划线
overline:为文字加上划线
line-through:为文字加删除线
blink:使文字闪烁
none:不显示上述任何效果
三、背景
1、背景颜色
background-color:设置背景色
2、背景图片
background-image:url(URL)
URL就是背景图片的存放路径,none表示无。
3、背景图片重复
background-repeat:参数
四、背景
repeat:不重复平铺背景图片
repeat-x:使图片只在水平方向上平铺
repeat-y:使图片只在垂直方向上平铺
如果不指定背景图片重复属性,浏览器默认的是背景图片向水平和垂直两个方向平铺。
4、背景图片固定
background-attachment:参数
背景图片固定控制背景图片是否随网页的滚动而滚动。如果不设置背景图片固定属性,浏览器默认背景图片随网页的滚动而滚动。为了避免过于花哨的背景图片在滚动时转移浏览者的注意力,一般都设为固定。
五、参数取值范围:
fixed:网页滚动时,背景图片相对于浏览器的窗口而言,固定不动。
scroll:网页滚动时,背景图片相对于浏览器的窗口而言,一起滚动。
六、区块
1、单词间距
word-spacing:单词间距
2、字母间距
letter-spacing:字母间距
3、文本对齐
text-align:参数
七、参数的取值:
left:左对齐
right:右对齐
center:居中对齐
justify:相对左右两端对齐
4、垂直对齐
vertical-align: 参数
top:顶对齐
bottom:底对齐
text-top:相对文本顶对齐
text-bottom:相对文本底对齐
baseline:基准线对齐
middle:中心对齐
sub:以下标的形式显示
super:以上标的形式显示
5、文本缩进
text-indent:缩进距离
12px相当于一个文字距离。
6、空格
white-space:参数
八、参数取值范围:
normal默认,空白会被浏览器忽略、pre保留空白、nowrap文本不换行。
7、显示样式
display:参数
九、参数取值范围:
block:块级元素,在对象前后都换行
inline:在对象前后都不换行
list-item:在对象前后都换行,增加了项目符号
none:无显示
十、方框
1、height高度
2、width宽度
3、padding内边距
4、margin外边距
5、float(浮动):可以让块级元素在一行中排列,例如横向菜单。
6、clear清除浮动
十一、边框
1、样式
border style 参数
边框样式的参数:
none:无边框
dotted:边框为点线
dashed:边框为长短线
solid:边框为实线
double:边框为双线
2、宽度 border width
3、颜色 border color
扩展资料:
HTML常用代码之修改页面的实用性HTML代码:
贴图:<img src="图片地址">
加入连接:<a href="所要连接的相关地址">写上你想写的字</a>
在新窗口打开连接:<a href="相关地址" target="_blank">写上要写的字</a>
移动字体(走马灯):<marquee>写上你想写的字</marquee>
字体加粗:<b>写上你想写的字</b>
字体斜体:<i>写上你想写的字</i>
字体下划线: <u>写上你想写的字</u>
字体删除线: <s>写上你想写的字</s>
字体加大: <big>写上你想写的字</big>
字体控制大小:<h1>写上你想写的字</h1> (其中字体大小可从h1-h5,h1最大,h5最小)
更改字体颜色:<font color="#value">写上你想写的字</font>(其中value值在000000与ffffff(16位进制)之间
消除连接的下划线:<a href="相关地址" style="text-decoration:none">写上你想写的字</a>
贴音乐:<embed src="音乐地址" width="宽度" height="高度" autostart=false>
贴flash: <embed src="flash地址" width="宽度" height="高度">
贴影视文件:<img dynsrc="文件地址" width="宽度" height="高度" start=mouseover>
换行:<br>
段落:<p>段落</p>
原始文字样式:<pre>正文</pre>
换帖子背景:<body background="背景图片地址">
固定帖子背景不随滚动条滚动:<body background="背景图片地址" body bgproperties=fixed>
定制帖子背景颜色:<body bgcolor="#value">(value值见10)
帖子背景音乐:<bgsound="背景音乐地址" loop=infinite>
贴网页:<iframe. src="相关地址" width="宽度" height="高度"></iframe>
html5 global对象中都有哪些常用方法
HTML5 标签列表HTML5 <!--...--> 标签
comment 注释标签用于在源文档中插入注释。注释内容不会被浏览器显示。为代码编写注释的好处是,有助于增强代码的可读性。
HTML5 <!DOCTYPE> 标签
!DOCTYPE 文档声明必须位于 HTML5 文档中的第一行,也就是位于 html 标签之前。该标签告知浏览器文档所使用的 HTML 规范。
HTML5 <a> 标签
html5 a 标签定义超链接,用于从一个页面链接到另一个页面。a 标签最重要的属性是 href 属性,它指定链接的目标 url 。
HTML5 <abbr> 标签
abbr 标签最初是在 HTML 4.0 中引入的,表示它所包含的文本是一个更长的单词或短语的缩写形式。
HTML5 <address> 标签
address 标签定义文档作者或拥有者的联系信息。通常的做法是将 address 元素添加到网页的头部或底部。
HTML5 <applet> 标签
定义和用法 applet 定义嵌入的 applet。 HTML 5 中不支持 applet 标签 请使用 object 标签代替它。
HTML5 <acronym> 标签
定义和用法 HTML 5 不支持 acronym 标签。 请使用 abbr 标签代替它。 在 HTML 4.01 中,acronym 标签定义首字母缩略词。 如果首字母缩略词是一个单词,则可以被读出来,例如 NATO、NASA、ASAP、GUI。
HTML5 <area> 标签
area 元素始终嵌套在 map 标签内部。area 标签定义图像映射内部的区域(图像映射指的是带有可点击区域的图像)。
HTML5 <article> 标签
article 标签是 HTML 5 的新标签, article 标签的内容独立于文档的其余部分。
HTML5 <aside> 标签
html5 aside 标签定义其所处内容之外的内容。aside 标签的内容应该与附近的内容相关。
HTML5 <audio> 标签
audio 标签是 HTML 5 的新标签, audio 标签想网页中插入声音,比如音乐或其他音频流。
HTML5 <b> 标签
html5 b 标签定义粗体的文本。b 标签用于强调某些文本。如果您希望把文本标记为相比其他文本更为重要,应该使用 strong 标签。
HTML5 <base> 标签
base 标签为页面上的所有链接规定默认地址或默认目标。base 标签必须位于 head 元素内部。
HTML5 <basefont> 标签
HTML5 中不支持 basefont 标签。请用 CSS 代替。
HTML5 <bdi> 标签
bdi 标签是 HTML5 中的新标签。bdi 标签允许您设置一段文本,使其脱离其父元素的文本方向设置。
HTML5 <bdo> 标签
bdo 标签覆盖默认的文本方向。通过设置 dir 属性来设置文本的显示方向。
HTML5 <big> 标签
HTML5 中不支持 big 标签。请用 CSS 代替
HTML5 <blockquote> 标签
blockquote 标签之间的所有文本都会从常规文本中分离出来,经常会在左、右两边进行缩进,而且有时会使用斜体。
HTML5 <body> 标签
body 标签定义文档的主体。 body 标签包含文档的所有内容,比如文本、超链接、图像、表格、列表等。在 HTML 5 中,删除了所有 的特殊属性。
HTML5 <br> 标签
br 标签插入简单的换行符。br 标签是一个空标签,意味着它没有结束标签。br 标签常用来输出空行
HTML5 <button> 标签
button 标签定义按钮。您可以在 button 标签内放置内容,比如文本或图像。但是在 form 中通常使用 input 标签创建按钮。
HTML5 <canvas> 标签
html5 canvas 标签定义图形,比如图表和其他图像。canvas 标签只是图形容器,您必须使用脚本来绘制图形。
HTML5 <caption> 标签
caption 标签定义表格的标题。caption 标签必须直接放置到 table 标签之后。通常标题会居中显示在表格上方。
HTML5 <center> 标签
HTML5 中不支持该 center 标签。请使用 CSS 代替。
HTML5 <cite> 标签
cite 标签定义作品(比如书籍、歌曲、电影、电视节目、绘画、雕塑等等)的标题,通常斜体显示。
HTML5 <code> 标签
em,strong,dfn,code,samp,kbd,var,cite 标签常用来格式话文本,使用 css 样式表可以显示更丰富的效果。
HTML5 <col> 标签
col 标签为表格中的一个或多个列定义属性值。通过使用 col 标签,可以向整个列应用样式,而不需要重复为每个单元格或每一行设置样式。
HTML5 <colgroup> 标签
通过使用 colgroup 标签,可以向整个列应用样式,而不需要重复为每个单元格或每一行设置样式。只能在 table 元素内使用 colgroup 标签。
HTML5 <command> 标签
command 元素表示用户能够调用的命令。可以用它规定键盘快捷键。只有当 command 元素位于 menu 元素内时,该元素才是可见的。
HTML5 <datalist> 标签
datalist 标签定义选项列表。请与 input 元素配合使用该元素,来定义 input 可能的值。
HTML5 <dd> 标签
dd 标签定义一个定义列表中对项目的描述。dt 标签定义列表中的项目,而 dd> 标签描述这些项目。
HTML5 <del> 标签
del 标签定义文档中已删除的文本。与 ins 标签一起使用,描述文档中的更新和修正。
HTML5 <details> 标签
details 标签是 HTML 5 中的新标签。details 标签用于描述文档或文档某个部分的细节。目前只有 Chrome 支持 details 标签。
HTML5 <dfn> 标签
HTML5 <dir> 标签
HTML5 中不支持 dir 标签。请用 CSS 代替。
HTML5 <div> 标签
div 标签常用于组合块级元素,以便通过样式表来对这些元素进行格式化。通常使用 div + css 对网页进行布局。
HTML5 <dl> 标签
dl 标签定义一个定义列表。dl 标签内部使用 dd 和 dt 定义列表中的项目。
HTML5 <dt> 标签
dt 标签定义一个定义列表中的一个项目。dd 标签描述这些项目。
HTML5 <em> 标签
HTML5 <embed> 标签
embed 标签是 HTML 5 中的新标签。embed 标签定义嵌入的内容,比如插件。
HTML5 <fieldset> 标签
fieldset 标签会在相关表单元素周围绘制边框。fieldset 标签会在相关表单元素周围绘制边框。
HTML5 <figcaption> 标签
figcaption 标签是 HTML 5 中的新标签。figcaption 标签定义 figure 元素的标题(caption)。
HTML5 <figure> 标签
figure 标签是 HTML 5 中的新标签。figure 标签规定独立的流内容(图像、图表、照片、代码等等)。
HTML5 <font> 标签
定义和用法 在 HTML 5 中,不支持 font 标签。请用 CSS 代替它。 font 标签规定文本的字体、大小和颜色。
HTML5 <footer> 标签
footer 标签是 HTML 5 中的新标签。footer 标签定义 section 或 document 的页脚。
HTML5 <form> 标签
form 标签标签用于创建供用户输入的 HTML 表单。form 标签包含多个表单元素,如:button,input,keygen,object,output,select,textarea
HTML5 <frame> 标签
定义和用法 在 HTML 5 中不支持 frame 标签。 frame 标签定义框架集中的子窗口(框架)。 由于该标签对网页可用性的负面影响,在 HTML 5 中 frame 和 frameset 标签没有得到支持。
HTML5 <frameset> 标签
定义和用法 在 HTML 5 中不支持 frameset 标签。 frameset 标签定义框架集。它用于组织多个窗口(框架)。 由于该标签对网页可用性的负面影响,在 HTML 5 中 frame 和 frameset 标签没有得到支持。
HTML5 <h1 - h6> 标签
h1,h2,h3,h4,h5,h6 标签用来定义文档中的标题。h1 定义最大的标题。h6 定义最小的标题。
HTML5 <head> 标签
head 标签是所有头部元素的容器。位于 head 内部的元素可以包含 title,base,link,meta,script,style等。
HTML5 <header> 标签
header 标签是 HTML 5 中的新标签。header 标签定义文档的页眉(介绍信息)。
HTML5 <hgroup> 标签
hgroup 标签是 HTML 5 中的新标签。hgroup 标签用于对网页或区段(section)的标题进行组合。
HTML5 <hr> 标签
在 HTML 5 中,hr 标签定义内容中的主题变化,并显示为一条水平线。在 HTML 4.01 中,hr 标签仅仅显示为一条水平线。
HTML5 <html> 标签
html 标签告知浏览器这是一个 HTML 文档。html 元素是 HTML 文档中最外层的根元素。
HTML5 <i> 标签
i 标签定义的文本在 html 文档中呈现为斜体,以便与文档中其余部分区别开来。
HTML5 <iframe> 标签
iframe 标签创建包含另一个文档的行内框架。在 HTML 5 中,仅仅支持 src 属性。
HTML5 <img> 标签
img 标签定义 HTML 页面中的图像。img 标签定义 HTML 页面中的图像。img 标签定义 HTML 页面中的图像。
HTML5 <input> 标签
input 标签规定 form 表单中用户可输入数据的输入字段。根据不同的 type 属性,输入字段可以是文本字段、复选框、密码字段、单选按钮、按钮等。
HTML5 <ins> 标签
ins 标签定义文档的其余部分之外的插入文本。通常能够与 del 标签一起使用,来描述对文档的更新和修正。
HTML5 <keygen> 标签
keygen 是 HTML5 中的新元素。keygen 标签规定用于表单的密钥对生成器字段。当提交表单时,私钥存储在本地,公钥发送到服务器。
HTML5 <kbd> 标签
HTML5 <label> 标签
label 标签为 input 元素定义文字标识,label 标签的 for 属性应该等于相关元素的 id 元素,以便将它们捆绑起来。
HTML5 <legend> 标签
legend 元素为以下元素定义标题(caption):fieldset、figure、details 。 legend 元素为以下元素定义标题(caption):fieldset、figure>、details。
HTML5 <li> 标签
li 标签定义列表项,有序列表 ol 和无序列表 ul 中都使用 li 标签。 HTML 5 中,li 标签不再支持 type 属性。
HTML5 <link> 标签
link 标签定义文档与外部资源之间的关系。link 标签大多数时候都用来连接 css 样式表。link 标签只能位于head 标签中。
HTML5 <map> 标签
map 标签用于定义图像中可点击的热点区域。map 标签的 name 属性与 img 标签的 usemap 属性相关联,以创建图像与映射之间的关系
HTML5 <mark> 标签
mark 标签是 HTML 5 中的新标签。mark 标签定义带有记号的文本。请在需要突出显示文本时使用 mark 标签。
HTML5 <menu> 标签
menu 标签定义菜单列表。当希望列出表单控件时使用该标签。在 HTML 5 中,重新定义了 menu 元素,且使用用于排列表单控件。
HTML5 <meta> 标签
meta 标签位于文档的头部 head 标签中,meta 标签的属性用来定义有关页面的元信息,比如 字符集,关键词,描述,重定向等。
HTML5 <meter> 标签
meter 标签是 HTML 5 中的新标签。meter 标签定义度量的范围,既可以在元素的文本中,也可以在 min/max 属性中定义。
HTML5 <nav> 标签
nav 标签是 HTML 5 中的新标签。nav 标签定义导航链接的部分。
HTML5 <noframes> 标签
定义和用法 在 HTML 5 中不支持 noframes 标签。 noframes 标签向浏览器显示无法处理框架的提示文本。
HTML5 <noscript> 标签
noscript 元素用来定义在脚本未被执行时的替代内容(文本)。此标签用于可识别 script 标签但无法支持其中脚本的浏览器。
HTML5 <object> 标签
object 定义一个嵌入的对象。请使用此元素向您的 HTML5 页面添加多媒体。
HTML5 <ol> 标签
ol 标签定义有序列表。在 HTML 5 中,不再支持 compact 和 type 这两个属性
HTML5 <optgroup> 标签
optgroup 标签定义选项组。此元素允许您组合选项。当您使用一个长的选项列表时,对相关的选项进行组合会使处理更加容易。
HTML5 <option> 标签
option 标签定义下拉列表中的一个选项。在 HTML 5 中,option 标签也用于新元素 datalist 中。
HTML5 <output> 标签
output 标签是 HTML 5 中的新标签。output 标签定义不同类型的输出,比如脚本的输出。
HTML5 <p> 标签
p 标签定义段落。在 HTML 5 中不再支持 p 标签的 align 属性。
HTML5 <param> 标签
param 标签允许您为插入 XHTML 文档的对象规定 run-time 设置,也就是说,此标签可为包含它的 object 标签提供参数。
HTML5 <pre> 标签
pre 标签可定义预格式化的文本。pre 标签的一个常见应用就是用来表示计算机的源代码。
HTML5 <progress> 标签
progress 标签是 HTML 5 中的新标签。progress 标签定义运行中的进度(进程)。
HTML5 <q> 标签
q 标签定义一个短的引用。浏览器经常会在这种引用的周围插入引号。
HTML5 <rp> 标签
rp 标签是 HTML 5 的新标签。rp 标签在 ruby 注释中使用,以定义不支持 ruby 元素的浏览器所显示的内容。
HTML5 <ruby> 标签
ruby 标签是 HTML 5 的新标签。ruby 标签定义 ruby 注释(中文注音或字符)。
HTML5 <s> 标签
s 标签定义加删除线的文本。HTML 5 中不再支持 s 标签。
HTML5 <samp> 标签
HTML5 <script> 标签
script 标签用于定义客户端脚本,比如 JavaScript。script 元素既可包含脚本语句,也可以通过 src 属性指向外部脚本文件。
HTML5 <select> 标签
select 标签创建下拉列表。请在 form 元素中使用此标签来接受用户的输入
HTML5 <small> 标签
在 HTML5 中,small 元素定义旁注信息,并显示为更小的文本。对于由 em 元素强调过的或由 strong 元素标记为重要的文本,small 元素不会取消对文本的强调,也不会降低这些文本的重要性。
HTML5 <source> 标签
source 标签是 HTML 5 中的新标签。source 标签为媒介元素(比如 video 和 audio)定义媒介资源。
HTML5 <span> 标签
span 标签用于对文档中的行内元素进行组合,以便通过样式表 css 对它们进行格式化。
HTML5 <strike> 标签
定义和用法 在 HTML 5 中不支持 strike 标签。请使用 CSS 代替。 strike 标签定义加删除线的文本。请使用 del 标签代替。
HTML5 <strong> 标签
HTML5 <style> 标签
style 标签定义 HTML 文档的样式信息。scoped 属性是 HTML 5 中的新属性,它允许我们为文档的指定部分定义样式,而不是整个文档。
HTML5 <sub> 标签
sub 标签可定义下标文本。sup 可定义上标文本。
HTML5 <summary> 标签
summary 标签是 HTML 5 中的新标签。是 details 元素的第一个子元素,定义 details 元素的标题。
HTML5 <sup> 标签
HTML5 <table> 标签
table 标签定义 HTML 表格。一个简单的 HTML 表格包括 table 元素,一个或多个 tr、th 以及 td 元素。
HTML5 <tbody> 标签
使用 tbody 标签,可以将表格分为一个单独的部分。tbody 标签可将表格中的一行或几行合成一组。在 HTML 5 中,不支持 tbody 标签的任何属性。
HTML5 <td> 标签
td 标签定义 HTML 表格中的标准单元格。thead 元素中只能使用 th 标签按,不允许使用 td 标签。
HTML5 <textarea> 标签
textarea 定义一个多行的文本输入区域。文本区中的默认字体是等宽字体 (fixed pitch)。
HTML5 <tfoot> 标签
tfoot 定义表格的页脚(脚注),tfoot 内部必须拥有 tr 标签!tfoot 表亲必须位于 table 标签内。
HTML5 <th> 标签
th 标签定义 HTML 表格中的表头单元格。th 元素中的文本呈现为粗体并且居中。th 标签在 tr 标签中定义。
HTML5 <thead> 标签
thead 标签在 table 标签中使用,定义表格的表头。thead 内部必须拥有 tr 标签!
HTML5 <time> 标签
time 标签是 HTML 5 中的新标签。time 标签定义公历的时间(24 小时制)或日期,时间和时区偏移是可选的。
HTML5 <title> 标签
title 位于 head 部分,用来定义文档的标题。title 元素在所有 HTML 文档中是必需且唯一的。
HTML5 <tr> 标签
tr 标签定义表格中的行,一个 tr 元素包含一个或多个 td 或 th 标签。
HTML5 <track> 标签
track 标签是 HTML 5 中的新标签。track 标签为诸如 video 元素之类的媒介规定外部字幕文件或其他包含的文版文件。
HTML5 <tt> 标签
定义和用法 在 HTML 5 中不支持 tt 标签。 tt 标签定义打字机文本。
HTML5 <u> 标签
在 HTML 5 中不支持 u 标签
HTML5 <ul> 标签
ul 标签定义无序列表。请使用 CSS 来定义列表的显示样式。
HTML5 <var> 标签
HTML5 <video> 标签
video 标签是 HTML 5 的新标签。video 标签定义视频,比如电影片段或其他视频流。
HTML5 <wbr> 标签
wbr 标签是 HTML 5 中的新标签。wbr 规定在文本中的何处适合添加换行符。
HTML5 <rt> 标签
定义和用法 rt 标签定义字符(中文注音或字符)的解释或发音。 ruby 注释是中文注音或字符。 在东亚使用,显示的是东亚字符的发音。 与 ruby 以及 rt 标签一同使用: ruby 元素由一个或多个字符(需要一个解释/发音)和一个提供该信息的 rt 元素组成,还包括可选的 rp 元素,定义当浏览器不支持 ruby 元素时显示的内容。 实例 一个 ruby 注释: ruby汉 rt ㄏㄢˋ /rt/ruby HTML 4.01 与 HTML 5 之间的差异 rt 标签是 HTML 5 的新标
HTML5 <section> 标签
section 标签是 HTML 5 中的新标签。section 标签定义文档中的节(section、区段)。比如章节、页眉、页脚或文档中的其他部分。
河南新华网络运营协会 参考技术A 对于面向对象的编程语言而言,一切都是对象,大到整个页面
以上是关于程序员必须知道的HTML常用代码都有哪些的主要内容,如果未能解决你的问题,请参考以下文章