常用的HTML大全、记得收藏哦

最新推荐文章于 2024-04-25 20:22:26 发布
最新推荐文章于 2024-04-25 20:22:26 发布
阅读量4.2k 收藏 50
点赞数 1
分类专栏： 技术教程 网站源码 文章标签： html 前端 Powered by 金山文档
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u011055144/article/details/128554255
版权

在HTML5占领着整个互联网之时，想透过网页抓住所有人的眼球，因循守旧是行不通的。因此，有你不能不知道的HTML常用代码。只有熟悉掌握了常用的HTML代码，你才能在编写网页的时候做到行云流水，用处处流露着细腻和创意的动效细节打动所有人。

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代码

1)贴图：<img src=”图片地址”>

2)加入连接：<a href=”所要连接的相关地址”>写上你想写的字</a>

3)在新窗口打开连接：<a href=”相关地址” target=”_blank”>写上要写的字</a>

4)移动字体(走马灯)：<marquee>写上你想写的字</marquee>

5)字体加粗：<b>写上你想写的字</b>

6)字体斜体：<i>写上你想写的字</i>

7)字体下划线: <u>写上你想写的字</u>

8)字体删除线: <s>写上你想写的字</s>

9)字体加大: <big>写上你想写的字</big>

10)字体控制大小：<h1>写上你想写的字</h1> (其中字体大小可从h1-h5,h1最大，h5最小)

11)更改字体颜色：<font color=”#value”>写上你想写的字</font>(其中value值在000000与ffffff(16位进制)之间

12)消除连接的下划线：<a href=”相关地址” style=”text-decoration:none”>写上你想写的字</a>

13)贴音乐：<embed src=”音乐地址” width=”宽度” height=”高度” autostart=false>

14)贴flash: <embed src=”flash地址” width=”宽度” height=”高度”>

15)贴影视文件：<img dynsrc=”文件地址” width=”宽度” height=”高度” start=mouseover>

16)换行：<br>

17)段落：<p>段落</p>

18)原始文字样式：<pre>正文</pre>

19)换帖子背景：<body background=”背景图片地址”>

20)固定帖子背景不随滚动条滚动：<body background=”背景图片地址” body

　　bgproperties=fixed>

21)定制帖子背景颜色：<body bgcolor=”#value”>(value值见10)

22)帖子背景音乐：<bgsound=”背景音乐地址” loop=infinite>

23)贴网页：<iframe. src=”相关地址” width=”宽度” height=”高度”></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代码大全：你不一定知道的技巧

16. ncontextmenu=”window.event.returnValue=false” 将彻底屏蔽鼠标右键

　　<table borderncontextmenu=return(false)><td>no</table> 可用于Table

　　17. <body nselectstart=”return false”> 取消选取、防止复制

　　18.οnpaste=”return false” 不准粘贴

　　19.οncοpy=”return false;” ncut=”return false;” 防止复制

20. <link rel=”Shortcut Icon”href=”favicon.ico”> IE地址栏前换成自己的图标

21. <link rel=”Bookmark”href=”favicon.ico”> 可以在收藏夹中显示出你的图标

22. <inputstyle=”ime-mode:disabled”> 关闭输入法

23. 永远都会带着框架

　　<script. language=”JavaScript”><!–

　　if (window == top)top.location.href = “frames.htm”; //frames.htm为框架网页

　　// –></script>

24. 防止被人frame.

<SCRIPT. LANGUAGE=JAVASCRIPT><!–

　　if (top.location != self.location)top.location=self.location;

　　// –></SCRIPT>

25. 网页将不能被另存为

<noscript><iframe.src=*.html></iframe></noscript>

26. 查看网页源代码

<input type=button value=查看网页源代码

　　οnclick=”window.location = “view-source:”+”//www.pconline.com.cn””>

27.删除时确认

<a href=”javascript:if(confirm(“确实要删除吗?”))location=”boos.asp? &areyou=删除&page=1″”>删除</a>

28.屏蔽功能键Shift,Alt,Ctrl

　　<script>

　　function look(){

　　if(event.shiftKey)

　　alert(“禁止按Shift键!”);//可以换成ALT　CTRL

　　}

　　document.οnkeydοwn=look;

　　</script>

29. 网页不会被缓存

　　<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″>

30.怎样让表单没有凹凸感？

　　<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>

31.不要滚动条?

　　让竖条没有:

　　<body style=”overflow:scroll;overflow-y:hidden”>

　　</body>

　　让横条没有:

　　<body style=”overflow:scroll;overflow-x:hidden”>

　　</body>

　　两个都去掉？更简单了

　　<body scroll=”no”>

　　</body>

32.怎样去掉图片链接点击后，图片周围的虚线？

<a href=”#”nFocus=”this.blur()”><img src=”logo.jpg”border=0></a>

33.电子邮件处理提交表单

<form. name=”form1″method=”post” action=”mailt****@***.com”enctype=”text/plain”>

　　<input type=submit>

　　</form>

34.在打开的子窗口刷新父窗口的代码里如何写？

　　window.opener.location.reload()

35.如何设定打开页面的大小

　　<body nload=”top.resizeTo(300,200);”>

　　打开页面的位置<bodynload=”top.moveBy(300,200);”>

36.在页面中如何加入不是满铺的背景图片,拉动页面时背景图不动

　　<STYLE>

　　body

　　{background-image:url(logo.gif); background-repeat:no-repeat;

　　background-position:center;background-attachment: fixed}

　　</STYLE>

37. 检查一段字符串是否全由数字组成

　　<script. language=”Javascript”><!–

　　function checkNum(str){return str.match(//D/)==null}

　　alert(checkNum(“1232142141”))

　　alert(checkNum(“123214214a1”))

　　// –></script>

38. 获得一个窗口的大小

　　document.body.clientWidth; document.body.clientHeight

39. 怎么判断是否是字符

　　if (/[^/x00-/xff]/g.test(s)) alert(“含有汉字”);

　　else alert(“全是字符”);

40.TEXTAREA自适应文字行数的多少

　　<textarea rows=1 name=s1 cols=27npropertychange=”this.style.posHeight=this.scrollHeight”>

　　</textarea>

41. 日期减去天数等于第二个日期

　　<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>

42. 选择了哪一个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>

43.脚本永不出错

　　<SCRIPT. LANGUAGE=”JavaScript”>

　　<!– Hide function killErrors(){return true;} window.onerror = killErrors;// –>

　　</SCRIPT>

44.ENTER键可以让光标移到下一个输入框

　　<input nkeydown=”if(event.keyCode==13)event.keyCode=9″>

主题模板站
关注
  • 1
    点赞
  • 踩
  • 50
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
网页html代码大全
01-03
网页html代码大全,比较直观，容易入手，新手学习必备！
html网页简单代码
laodaoshuang886的博客
03-10 423
注意文件名后缀必须改成html。
大学生网页设计制作作业实例代码 (全网最全,建议收藏) HTML+CSS+JS (1)
网页设计与制作
03-12 1023
📔网站布局方面：计划采用目前主流的、能兼容各大主流浏览器、显示效果稳定的浮动网页布局结构。📓网站程序方面：计划采用最新的网页编程语言HTML5+CSS3+JS程序语言完成网站的功能设计。并确保网站代码兼容目前市面上所有的主流浏览器，已达到打开后就能即时看到网站的效果。📘网站素材方面：计划收集各大平台好看的图片素材，并精挑细选适合网页风格的图片，然后使用PS做出适合网页尺寸的图片。📒网站文件方面：网站系统文件种类包含：html网页结构文件、css网页样式文件、js网页特效文件、images网页图片文件；
HTML介绍以及常用代码
Xiaohuang的博客
12-05 1万+
HTML
my-bookshelf:我已经读过的书卷的集合我会读的我会记得它们的存在我不太可能会读我永远不会读
05-02
我的书架 收藏的书籍，论文，论文列表，博客或博客文章，我读过的文章/我将要阅读的文章/我会记住它们的存在/我不太可能读过/我永远不会读过。 项目列表以以下格式存储在中： item_name1 \t link1 \t tag1 \t tag2 \t ... item_name2 \t link2 \t tag1 \t tag2 \t ... 请访问以获取交互式版本。 它更是一种概念证明，而不是既定的解决方案。 将来可能会改变。 为什么？ 我一直想为我的学习留一份文件清单（书籍，论文等），包括大学，见解和其他个人兴趣。 我尝试将这些文件或它们的列表下载并存储在本地文件系统上，并在需要时进行备份。 但是在我看来，这似乎是一项分散的工作，因此您不能存储非常有价值的漂亮的网站，Web文章或博客文章。 我试图在我最喜欢的Web浏览器上保留一个书签列表，但是...我最终得到了数千个带有书签的
jzimz.github.io
05-01
jzimz.github.io
【HTML】html代码大全
2301_79585673的博客
09-05 5219
html代码大全
大学生网页设计制作作业实例代码 (全网最全,建议收藏) HTML+CSS+JS
热门推荐
HTML网页设计
10-03 21万+
临近期末，大一新生的各种考试和专业结课作业纷至沓来。web实训大作业、网页期末作业、web课程与设计、网页设计等，简直让人头大。你还在为网页设计老师的作业要求感到头大？网页作业无从下手？网页要求的总数量太多？没有合适的模板？等等一系列问题。你想要解决的问题，在这篇博文中基本都能满足你的需求, 废话不多说，直接看效果。📔网站布局方面：计划采用目前主流的、能兼容各大主流浏览器、显示效果稳定的浮动网页布局结构。📓网站程序方面：计划采用最新的网页编程语言HTML5+CSS3+JS程序语言完成网站的功能设计。并确
网页制作基础学习——HTML+CSS常用代码
北辰的博客
02-01 3万+
HTML（HyperText Markup Language）,即超文本标记语言，是用于描述网页文档的一种描述标记语言。是标准通用标记语言下的一个应用，也是一种规范，一种标准，它通过标记符号来标记要显示的网页中的各个部分。
HTML期末设计——代码篇
greengirl5的博客
06-22 12万+
事先声明 这个网页设计也就是用了我学到的知识做的一个中规中矩的网页，可以给以后的大一新生们做个参考，和商业网站的效果肯定是没得比的，期望太高的可以关掉了 引入页 效果图： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>欢迎来到香氛密语</title> <style>
HTML实用的网页代码大全
The_Best_Hacker的博客
10-08 20万+
【一】：符号 &lt;p&gt;段落&lt;/p&gt; &lt;h&gt;标题&lt;/h&gt;(h1---h6) &lt;br&gt;：换行 &lt;hr&gt;：分割线 左右尖括号：&amp;lt;&amp;gt; &amp;表示为：&amp;amp "表示为：&amp;quot; 表格形式 &lt;table&gt;
现场网站
02-16
现场网站
教师节.表白专用.html（宝贝收藏）
09-10
记得叫按回车键，转换文本改对象
BitmapFonts:这些年来，我从各种演示档案库中提取了位图字体集合
03-05
位图字体 这些年来，我从各种演示档案库中提取了位图字体。 没有元数据，我也不要求任何这些作品的权利，我只是想在发现其中一些网站死了之后，我应该提供该作品。 我不记得这个收藏品的很多来源。 如果您想以自己的工作而著称，或者希望我删除您的工作，请随时与我联系或提交请求请求，我会解决。 08X08-F1.png 08X08-F2.png 08X08-F3.png 08X08-F4.png 08X08-F5.png 08X08-F6.png 16X16-F1.png 16X16-F2.png 16X16-F3.png 16X16-F4.png 16X16-F5.png 16X16-F6.png 16X16-F7.png 16X16-F8.png 16X16-F9.png 16X16-FA.png 16X16-FB.png 16X16-FC.png 16X16-FD.png 16X16-FE.pn
用html写一个旋转菜单
liulang68的博客
04-24 940
【代码】用html写一个旋转菜单。
HTML随机点名程序
m0_65992344的博客
04-22 655
HTML随机点名程序
不需要在 HTML 中添加任何额外的标签，就能实现复杂的设计效果。
qq_30094821的博客
04-21 424
不需要在 HTML 中添加任何额外的标签，就能实现复杂的设计效果。
HTML
最新发布
2401_83693610的博客
04-25 1000
分为前端（html、css、js）和后端（php、mysql、Java），前端是看到的内容，由前端人员开发。但网页的固定结构叫做整体、头部、标题、主体... 2.网页中的结构是通过特定的HTML标签进行描述。浏览器：是网页显示、运行的平台，是前端开发必备利器。常见的浏览器包括：IE、火狐浏览器（Firefox）、谷歌（chrome）、Safari浏览器、Opera（欧朋）。三、1.html的概念：专门用于网页开发的语言，主要通过HTML标签对网页中的文本、图片、音频、视频等内容进行描述。
用html画一个四叶草
liulang68的博客
04-20 1676
以上是部分代码，需要请看主页加联系方式。
htmlcss代码大全
07-16
### 回答1： HTML和CSS是用于创建和设计网页的两种核心技术。HTML是网页的标记语言，用于定义网页的结构和内容。CSS是一种样式表语言，用于设置网页的外观和设计。 HTML代码是由一系列的HTML标签组成的。每个标签用于定义不同的元素，如标题、段落、列表等。通过使用不同的标签和属性，可以创建出各种不同的网页元素和布局。HTML代码是由浏览器解析并呈现给用户的。 CSS代码用于控制HTML元素的样式和布局。通过使用CSS选择器和属性，可以设置元素的字体、颜色、大小、边框等各种样式。CSS代码可以单独存储在一个CSS文件中，也可以直接嵌入到HTML文件中。通过使用CSS，可以轻松地修改网页的外观，使其更加美观和易于阅读。 HTML和CSS代码通常一起使用，以创建出完整的网页。使用HTML定义网页的结构和内容，使用CSS设置网页的样式和布局。通过将HTML和CSS代码组合在一起，可以创建出精美、功能齐全的网页。 在互联网上可以找到很多关于HTML和CSS的代码示例和教程。这些资源可以帮助初学者学习如何编写HTML和CSS代码，并提供一些常见的代码片段和技巧。此外，还可以找到一些网站和社区，供用户共享和讨论HTML和CSS代码。 总之，HTML和CSS代码是创建和设计网页的基础。通过学习和使用这些代码，可以创建出个性化、美观和功能强大的网页。不断练习和探索，可以进一步提升自己的网页设计和开发技能。 ### 回答2： HTML和CSS是用于构建网页的基本技术，其中HTML（超文本标记语言）负责定义网页的结构和内容，而CSS（层叠样式表）负责定义网页的样式和布局。 HTML代码大全包括各种HTML元素和标签，如标题、段落、列表、图像、链接等。通过使用这些元素和标签，可以构建丰富多样的网页内容。HTML代码中还可以包含CSS代码，从而更好地控制页面的样式和布局。HTML代码的编写通常遵循一种层次结构，使用正确的标签嵌套和缩进可以使代码更易于理解和维护。 CSS代码大全包括各种CSS属性和选择器，通过这些属性和选择器可以控制网页中元素的样式和布局。CSS代码可以应用于HTML元素，也可以通过class和id选择器来选择元素进行样式定义。CSS代码中可以定义元素的字体、颜色、尺寸、位置等属性，还可以使用CSS布局技术来实现网页的自适应和响应式设计。 HTML和CSS的代码大全可以通过各种渠道获取，如编程书籍、在线教程、网上资源等。在学习时，我们可以从基础的HTML和CSS开始，逐步学习和实践更高级的技术和技巧。同时，可以通过查阅文档和参考示例代码来更好地理解和运用HTML和CSS。 总而言之，HTML和CSS代码大全涵盖了构建网页所需的各种元素、标签、属性和选择器，通过学习和实践这些代码，我们可以创建出丰富多样的网页内容，并掌握网页样式和布局的控制技巧。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

主题模板站

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值