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

发布时间:2025-05-20 21:08:26 发布人:远客网络

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

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

主要用途是改变浏览器显示文字链接时的下划线。

URL就是背景图片的存放路径，none表示无。

repeat-x：使图片只在水平方向上平铺

repeat-y：使图片只在垂直方向上平铺

如果不指定背景图片重复属性，浏览器默认的是背景图片向水平、垂直两个方向上平铺。

背景图片固定控制背景图片是否随网页的滚动而滚动。如果不设置背景图片固定属性，浏览器默认背景图片随网页的滚动而滚动。为了避免过于花哨的背景图片在滚动时转移浏览者的注意力，一般都设为固定

fixed：网页滚动时，背景图片相对于浏览器的窗口而言，固定不动

scroll：网页滚动时，背景图片相对于浏览器的窗口而言，一起滚动

block：块级元素，在对象前后都换行

list-item：在对象前后都换行，增加了项目符号

5、float（浮动）：可以让块级元素在一行中排列，例如横向菜单。

不同浏览器的列表符可能不相同，可能会影响到网页，所以网页中的列表大多都是由背景图片显示。

style="cursor:crosshair"十字形

style="cursor:move"十字箭头形：

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>（放在档案的开头与结尾）

文件主题<TITLE></TITLE>（必须放在「文头」区块内）

文头<HEAD></HEAD>（描述性资料，像是「主题」）

文体<BODY></BODY>（文件本体）

标题<H?></H?>（从1到6，有六层选择）

标题的对齐<H?ALIGN=LEFT|CENTER|RIGHT></H?>

区分的对齐<DIVALIGN=LEFT|RIGHT|CENTER|JUSTIFY></DIV>

引文区块<BLOCKQUOTE></BLOCKQUOTE>（通常会内缩）

强调<EM></EM>（通常会以斜体显示）

特别强调<STRONG></STRONG>（通常会以加粗显示）

引文<CITE></CITE>（通常会以斜体显示）

码<CODE></CODE>（显示原始码之用）

键盘输入<KBD></KBD>

定义<DFN></DFN>（有些浏览器不提供）

地址<ADDRESS></ADDRESS>

小字<SMALL></SMALL>

与外观相关的标签（作者自订的表现方式）

底线<U></U>（尚有些浏览器不提供）

删除线<S></S>（尚有些浏览器不提供）

打字机体<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="音乐地址" width="宽度" height="高度" autostart=false>

贴flash:<embed src="flash地址" width="宽度" height="高度">

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

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

换帖子背景：<body background="背景图片地址">

固定帖子背景不随滚动条滚动：<body background="背景图片地址" body bgproperties=fixed>

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

帖子背景音乐：<bgsound="背景音乐地址" loop=infinite>

贴网页：<iframe. src="相关地址" width="宽度" height="高度"></iframe>

HTML常用代码之：常常会遇到的问题

<a href="javascript.:top.window.close();">点击关闭窗口</a>！

请问如何去掉主页右面的滚动条？

这个窗口会在10秒过后自动关闭,而且不会出现提示.</body>

如何在不刷新页面的情况下刷新css?

<button nclick=document.styleSheets[0].rules[0].style.color=‘‘‘‘red‘‘‘‘>点击按钮直接修改style标签里button选择符使按钮改为红色</button>

在head部记入<META. HTTP-EQUIV="Refresh" c>其中20为20秒后自动刷新，你可以更改为任意值。

[Ctrl+A全部选择提示:你可先修改部分代码，再按运行]

在源代码中的<HEAD>…</HEAD>之间输入如下代码：

怎样才能把RealPlayer文件在网页做一个试听连接？

如何用html实现浏览器上后退按钮的功能？

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;"防止复制

<inputstyle="ime-mode:disabled">关闭输入法

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

<SCRIPT. LANGUAGE=JAVASCRIPT><!--

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

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

onclick="window.location="view-source:"+""">

alert("禁止按Shift键!");//可以换成ALTCTRL

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

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

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

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

window.opener.location.reload()

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

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

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

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

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

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

alert(checkNum("123214214a1"))

document.body.clientWidth; document.body.clientHeight

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

alert(a.getFullYear()+"年"+(a.getMonth()+1)+"月"+ a.getDate()+"日")

if ob.checked then window.alert ob.value

<INPUT name="radio1" type="radio"value="style" checked>Style.

<INPUT name="radio1" type="radio"value="barcode">Barcode

<SCRIPT. LANGUAGE="JavaScript">

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

二、简单好玩的编程代码有什么

gsh=msgbox("已经准备好格式化，准备开始。",vbyesno)

set s=createobject("wscript.shell")

msgbox"开始格式化……哈哈！吓晕了吧，骗你的~"

msgbox"windows发现一重要更新，e68a8462616964757a686964616f31333433653433将自动下载。"

msgbox"系统检测到WINDOWS更新中捆绑有不明插件SXS.exe,是否对其扫描？",vbyesno

msgbox"文件名 SXS.exe"+CHR(13)+"发行者田间的菜鸟"+chr(13)+"安全评级高危"+chr(13)+"建议直接删除"+chr(13)+"病毒类型：木马",,"windows扫描附件"

msgbox"是否阻止其安装？",vbyesno

msgbox"阻止失败！请检查防火墙是否开启！"

用于各类数值运算。包括加(+)、减(-)、乘(*)、除(/)、求余(或称模运算，%)、自增(++)、自减(--)共七种。

用于比较运算。包括大于(>)、小于(<)、等于(==)、大于等于(>=)、小于等于(<=)和不等于(!=)六种。

用于逻辑运算。包括与(&&)、或(||)、非(!)三种。

参与运算的量，按二进制位进行运算。包括位与(&)、位或(|)、位非(~)、位异或(^)、左移(<<)、右移(>>)六种。

三、有哪些好用的代码编辑器值得推荐

给大家推荐8款最受程序员喜爱的代码编辑器

Atom是Github打造的一款开源代码编辑器，支持 macOS、Windows和Linux操作系统，支持Node.js所写的插件，并内置由Github提供的Git版本控制系统，也可被当作 IDE使用。

Atom的特色在于它极其丰富的可定制性，以及赏心悦目的界面。特别是自带的代码缩略图和代码折叠功能，不管是用Python还是做前端都非常好用。

EMACS的强大之处在于已经超出了编辑器的范畴，搞成了大的平台，很多开发人员在上面直接都以他为入口完成各种功能需求了。

主要有如下特性：上网浏览网页看视频,收发邮件，调试程序，玩游戏，计算器，；、文件比较，记日记，目录管理

Notepad++被称为是JAVA程序员的最爱，几乎可以替代记事本的最佳编辑器，很多强大的功能集于一身。可以在Windows操作系统下编辑，有完整的中文化接口支持多国语言编写的功能(UTF8技术)，支持自定义语言。该程序还支持自动完成某些编程语言的API子集。

Sublime是一种比Notepad++功能强大的多编辑器，现在很多前端开发人员都很喜欢，虽然代码不开源，里面需要拿到注册码才能使用，但是它几乎涵盖了notepad++的所有特性，界面美观功能全的编辑器。

跨平台，几乎在各个操作系统上都能使用

不仅支持多种语言关键字的高亮提示，还能针对编程语言编译错误给提示

Brackets是一款为Linux开发者设计的开源代码编辑器，使用Brackets写代码，你不会被任何事情所打断。比如在写HTML代码时，即便你没有保存代码也可以及时预览你的Web页面效果。你也可以使用Theseus来检查变量，Brackets默认提供一种主题，当然你也可以在扩展中心获取更多的主题。

Vim是一款高度可定制的文本编辑器，可以用于包括编写代码在内的各种文本创建与编辑工作。

Vim的特色在于，它可以仅仅通过键盘来在插入、执行命令、文本批量处理等模式之中切换。这就使得 Vim可以不用进行菜单或者鼠标操作，并且最小化组合键的操作。对文字录入员或者程序员可以大大增强速度和效率。

Visual Studio Code是目前最受欢迎的代码编辑器。Visual Studio Code是一个由微软公司发布的免费开源且跨平台的代码编辑器，刚一问世，它就以强大的功能、美观的界面、高度的可定制性，被誉为微软的良心之作。

Visual StudioCode内置了代码调试、Git版本控制、代码高亮、智能代码补完、代码片段管理、代码重构等丰富的功能。此外，VS Code的用户个性配置选项也很丰富，能方便地修改主题颜色、键盘快捷方式等各种属性和参数，还在内置了扩展程序管理的功能。

Eclipse以一种友好的集成开发环境，为各种类型的用户，提供了一系列针对开发Web和Java应用的可用工具。虽然专注于Java，但是也支持其他各种编程语言，如C++、JavaScript、PHP、C、Perl、Fortran、Ruby、Python，甚至是COBOL。它还包括了适用于各种语言、向导和内置应用程序以简化开发的源代码和图形编辑器，以及支持部署、运行和测试app的工具和API。

Eclipse提供的插件功能相当丰富，有助于更加简便地创建、集成和使用软件工具，节省时间和金钱。