程序员必须知道的HTML常用代码都有哪些

Posted 2023-04-28

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">  </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"></script>

防止被人frame.
<SCRIPT. LANGUAGE=JAVASCRIPT></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"></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">

</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常用代码都有哪些的主要内容，如果未能解决你的问题，请参考以下文章

python常用库都有哪些？

Python的性能如何? 来看看全球都有哪些顶级的公司在使用Python

html5 global对象中都有哪些常用方法

常用动态链接库的DLL都有哪些？

编程常用的英文都有哪些？

写代码的软件都有哪些