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

    2020-09-08 10:21:09

    发表时间:



    HTML即超文本标记语言,是目前应用最为广泛的语言之一,是组成一个网页的主要语言。在现今这个HTML5华丽丽地占领了整个互联网的时候,如果想要通过网页抓住浏览者的眼球光靠因循守旧是不行的,程序猿们需要掌握一些必须知道的HTML常用代码,因为只有熟悉掌握了常用的HTML代码,程序猿们在编写网页的时候才可以做到流畅美观,用细腻的思维和创意的细节效果打动并留住网页浏览者。

    html+css代码

    文本设置

    font-size 字号大小

    font-style 字体格式

    font-weight 字体粗细

    color 文本颜色

    提示:注意使用网页安全色

    超链接设置

    text-decoration 参数

    underline 为文字加下划线

    overline 为文字加上划线

    line-through 为文字加删除线

    blink 使文字闪烁

    none 不显示上述任何效果

    背景

    background-color 设置背景色

    背景图片 background-image: url(URL) URL就是背景图片的存放路径,none表示无。

    背景图片重复 background-repeat: 参数

    参数取值范围

    no-repeat 不重复平铺背景图片

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

    repeat-y 使图片只在垂直方向上平铺 如果不指定背景图片重复属性,浏览器默认的是背景图片向水平和垂直两个方向平铺

    背景图片固定 background-attachment: 参数

    参数取值范围 fixed:网页滚动时,背景图片相对于浏览器的窗口而言,固定不动 scroll:网页滚动时,背景图片相对于浏览器的窗口而言,一起滚动区块

    单词间距 word-spacing

    字母间距 letter-spacing

    文本对齐 text-align

    参数的取值 left:左对齐

    right:右对齐

    justify:相对左右两端对齐

    垂直对齐 vertical-align

    参数 top:顶对齐

    bottom:底对齐

    text-top:相对文本顶对齐

    text-bottom:相对文本底对齐

    baseline:基准线对齐

    middle:中心对齐

    sub:以下标的形式显示

    super:以上标的形式显示

    文本缩进 text-indent: 缩进距离

    显示样式 display block:块级元素,在对象前后都换行

    inline:在对象前后都不换行

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

    none:无显示

    方框

    height 高度

    width 宽度

    padding 内边距

    margin 外边距

    float(浮动) 可以让块级元素在一行中排列,例如横向菜单。

    clear 清除浮动

    边框

    样式 border style none:无边框

    dotted:边框为点线

    dashed:边框为长短线

    solid:边框为实线

    double:边框为双线

    宽度 border width

    颜色 border color

    列表

    list-style-type 列表样式 不同浏览器的列表符可能不相同,可能会影响到网页,所以网页中的列表大多都是由背景图片显示

    鼠标

    cursor 鼠标形状参数 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>

    标题 从1到6,有六层选择 <h?></h?>

    标题的对齐 <h? align=left|center|right></h?>

    区分 <div></div>

    区分的对齐 <div align=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>

    向中看齐 文字与图片都可以 <center></center>

    闪耀 有史以来最被嘲弄的标签 <blink></blink>

    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 Iconhref=favicon.ico> IE地址栏前换成自己的图标
    <link rel=Bookmarkhref=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-ControlCONTENT=no-cache, must-revalidate>
    <META. HTTP-EQUIV=expiresCONTENT=Wed, 26 Feb 1997 08:21:57 GMT>
    或者<META. HTTP-EQUIV=expiresCONTENT=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.jpgborder=0></a>
    电子邮件处理提交表单
    <form. name=form1method=post action=mailt****@***.comenctype=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=radiovalue=style checked>Style.
    <INPUT name=radio1 type=radiovalue=barcode>Barcode
    <INPUT type=button value=checknclick=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>
    HTML 特殊符号编码对照表
    特殊符号 命名实体 十进制编码 特殊符号 命名实体 十进制编码 特殊符号 命名实体 十进制编码
    Α Α Α Β Β Β Γ Γ Γ
    Δ Δ Δ Ε Ε Ε Ζ Ζ Ζ
    Η Η Η Θ Θ Θ Ι Ι Ι
    Κ Κ Κ Λ Λ Λ Μ Μ Μ
    Ν Ν Ν Ξ Ξ Ξ Ο Ο Ο
    Π Π Π Ρ Ρ Ρ Σ Σ Σ
    Τ Τ Τ Υ Υ Υ Φ Φ Φ
    Χ Χ Χ Ψ Ψ Ψ Ω Ω Ω
    α α α β β β γ γ γ
    δ δ δ ε ε ε ζ ζ ζ
    η η η θ θ θ ι ι ι
    κ κ κ λ λ λ μ μ μ
    ν ν ν ξ ξ ξ ο ο ο
    π π π ρ ρ ρ ς ς ς
    σ σ σ τ τ τ υ υ υ
    φ φ φ χ χ χ ψ ψ ψ
    ω ω ω ϑ ϑ ϑ ϒ ϒ ϒ
    ϖ ϖ ϖ • • • … … …
    ′ ′ ′ ″ ″ ″ ‾ ‾ ‾
    ⁄ ⁄ ⁄ ℘ ℘ ℘ ℑ ℑ ℑ
    ℜ ℜ ℜ ™ ™ ™ ℵ ℵ ℵ
    ← ← ← ↑ ↑ ↑ → → →
    ↓ ↓ ↓ ↔ ↔ ↔ ↵ ↵ ↵
    ⇐ ⇐ ⇐ ⇑ ⇑ ⇑ ⇒ ⇒ ⇒
    ⇓ ⇓ ⇓ ⇔ ⇔ ⇔ ∀ ∀ ∀
    ∂ ∂ ∂ ∃ ∃ ∃ ∅ ∅ ∅
    ∇ ∇ ∇ ∈ ∈ ∈ ∉ ∉ ∉
    ∋ ∋ ∋ ∏ ∏ ∏ ∑ ∑ −
    − − − ∗ ∗ ∗ √ √ √
    ∝ ∝ ∝ ∞ ∞ ∞ ∠ ∠ ∠
    ∧ ∧ ⊥ ∨ ∨ ⊦ ∩ ∩ ∩
    ∪ ∪ ∪ ∫ ∫ ∫ ∴ ∴ ∴
    ∼ ∼ ∼ ≅ ≅ ≅ ≈ ≈ ≅
    ≠ ≠ ≠ ≡ ≡ ≡ ≤ ≤ ≤
    ≥ ≥ ≥ ⊂ ⊂ ⊂ ⊃ ⊃ ⊃
    ⊄ ⊄ ⊄ ⊆ ⊆ ⊆ ⊇ ⊇ ⊇
    ⊕ ⊕ ⊕ ⊗ ⊗ ⊗ ⊥ ⊥ ⊥
    ⋅ ⋅ ⋅ ⌈ ⌈ ⌈ ⌉ ⌉ ⌉
    ⌊ ⌊ ⌊ ⌋ ⌋ ⌋ ◊ ◊ ◊
    ♠ ♠ ♠ ♣ ♣ ♣ ♥ ♥ ♥
    ♦ ♦ ♦     ¡ ¡ ¡
    ¢ ¢ ¢ £ £ £ ¤ ¤ ¤
    ¥ ¥ ¥ ¦ ¦ ¦ § § §
    ¨ ¨ ¨ © © © ª ª ª
    « « « ¬ ¬ ¬ ­ ­ ­
    ® ® ® ¯ ¯ ¯ ° ° °
    ± ± ± ² ² ² ³ ³ ³
    ´ ´ ´ µ µ µ " "
    < < < > > > ‘ '


    https://www.w3cschool.cn/html/html-code.html

    来源:赵彦彬博客(QQ:51047299),转载请注明出处!

    本文地址:http://html.dgso.cn/html/20209898569750.html

    KEYAN编码网址解码

    · END ·

    关键词:程序员必须知道的HTML常用代码有哪些? 标签:程序员必须知道的HTML常用代码有哪些?

    以上内容来源本站

文章推荐:

最新 工具

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

发表时间:2020-09-08 10:21:09



HTML即超文本标记语言,是目前应用最为广泛的语言之一,是组成一个网页的主要语言。在现今这个HTML5华丽丽地占领了整个互联网的时候,如果想要通过网页抓住浏览者的眼球光靠因循守旧是不行的,程序猿们需要掌握一些必须知道的HTML常用代码,因为只有熟悉掌握了常用的HTML代码,程序猿们在编写网页的时候才可以做到流畅美观,用细腻的思维和创意的细节效果打动并留住网页浏览者。

html+css代码

文本设置

font-size 字号大小

font-style 字体格式

font-weight 字体粗细

color 文本颜色

提示:注意使用网页安全色

超链接设置

text-decoration 参数

underline 为文字加下划线

overline 为文字加上划线

line-through 为文字加删除线

blink 使文字闪烁

none 不显示上述任何效果

背景

background-color 设置背景色

背景图片 background-image: url(URL) URL就是背景图片的存放路径,none表示无。

背景图片重复 background-repeat: 参数

参数取值范围

no-repeat 不重复平铺背景图片

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

repeat-y 使图片只在垂直方向上平铺 如果不指定背景图片重复属性,浏览器默认的是背景图片向水平和垂直两个方向平铺

背景图片固定 background-attachment: 参数

参数取值范围 fixed:网页滚动时,背景图片相对于浏览器的窗口而言,固定不动 scroll:网页滚动时,背景图片相对于浏览器的窗口而言,一起滚动区块

单词间距 word-spacing

字母间距 letter-spacing

文本对齐 text-align

参数的取值 left:左对齐

right:右对齐

justify:相对左右两端对齐

垂直对齐 vertical-align

参数 top:顶对齐

bottom:底对齐

text-top:相对文本顶对齐

text-bottom:相对文本底对齐

baseline:基准线对齐

middle:中心对齐

sub:以下标的形式显示

super:以上标的形式显示

文本缩进 text-indent: 缩进距离

显示样式 display block:块级元素,在对象前后都换行

inline:在对象前后都不换行

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

none:无显示

方框

height 高度

width 宽度

padding 内边距

margin 外边距

float(浮动) 可以让块级元素在一行中排列,例如横向菜单。

clear 清除浮动

边框

样式 border style none:无边框

dotted:边框为点线

dashed:边框为长短线

solid:边框为实线

double:边框为双线

宽度 border width

颜色 border color

列表

list-style-type 列表样式 不同浏览器的列表符可能不相同,可能会影响到网页,所以网页中的列表大多都是由背景图片显示

鼠标

cursor 鼠标形状参数 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>

标题 从1到6,有六层选择 <h?></h?>

标题的对齐 <h? align=left|center|right></h?>

区分 <div></div>

区分的对齐 <div align=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>

向中看齐 文字与图片都可以 <center></center>

闪耀 有史以来最被嘲弄的标签 <blink></blink>

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 Iconhref=favicon.ico> IE地址栏前换成自己的图标
<link rel=Bookmarkhref=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-ControlCONTENT=no-cache, must-revalidate>
<META. HTTP-EQUIV=expiresCONTENT=Wed, 26 Feb 1997 08:21:57 GMT>
或者<META. HTTP-EQUIV=expiresCONTENT=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.jpgborder=0></a>
电子邮件处理提交表单
<form. name=form1method=post action=mailt****@***.comenctype=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=radiovalue=style checked>Style.
<INPUT name=radio1 type=radiovalue=barcode>Barcode
<INPUT type=button value=checknclick=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>
HTML 特殊符号编码对照表
特殊符号 命名实体 十进制编码 特殊符号 命名实体 十进制编码 特殊符号 命名实体 十进制编码
Α Α Α Β Β Β Γ Γ Γ
Δ Δ Δ Ε Ε Ε Ζ Ζ Ζ
Η Η Η Θ Θ Θ Ι Ι Ι
Κ Κ Κ Λ Λ Λ Μ Μ Μ
Ν Ν Ν Ξ Ξ Ξ Ο Ο Ο
Π Π Π Ρ Ρ Ρ Σ Σ Σ
Τ Τ Τ Υ Υ Υ Φ Φ Φ
Χ Χ Χ Ψ Ψ Ψ Ω Ω Ω
α α α β β β γ γ γ
δ δ δ ε ε ε ζ ζ ζ
η η η θ θ θ ι ι ι
κ κ κ λ λ λ μ μ μ
ν ν ν ξ ξ ξ ο ο ο
π π π ρ ρ ρ ς ς ς
σ σ σ τ τ τ υ υ υ
φ φ φ χ χ χ ψ ψ ψ
ω ω ω ϑ ϑ ϑ ϒ ϒ ϒ
ϖ ϖ ϖ • • • … … …
′ ′ ′ ″ ″ ″ ‾ ‾ ‾
⁄ ⁄ ⁄ ℘ ℘ ℘ ℑ ℑ ℑ
ℜ ℜ ℜ ™ ™ ™ ℵ ℵ ℵ
← ← ← ↑ ↑ ↑ → → →
↓ ↓ ↓ ↔ ↔ ↔ ↵ ↵ ↵
⇐ ⇐ ⇐ ⇑ ⇑ ⇑ ⇒ ⇒ ⇒
⇓ ⇓ ⇓ ⇔ ⇔ ⇔ ∀ ∀ ∀
∂ ∂ ∂ ∃ ∃ ∃ ∅ ∅ ∅
∇ ∇ ∇ ∈ ∈ ∈ ∉ ∉ ∉
∋ ∋ ∋ ∏ ∏ ∏ ∑ ∑ −
− − − ∗ ∗ ∗ √ √ √
∝ ∝ ∝ ∞ ∞ ∞ ∠ ∠ ∠
∧ ∧ ⊥ ∨ ∨ ⊦ ∩ ∩ ∩
∪ ∪ ∪ ∫ ∫ ∫ ∴ ∴ ∴
∼ ∼ ∼ ≅ ≅ ≅ ≈ ≈ ≅
≠ ≠ ≠ ≡ ≡ ≡ ≤ ≤ ≤
≥ ≥ ≥ ⊂ ⊂ ⊂ ⊃ ⊃ ⊃
⊄ ⊄ ⊄ ⊆ ⊆ ⊆ ⊇ ⊇ ⊇
⊕ ⊕ ⊕ ⊗ ⊗ ⊗ ⊥ ⊥ ⊥
⋅ ⋅ ⋅ ⌈ ⌈ ⌈ ⌉ ⌉ ⌉
⌊ ⌊ ⌊ ⌋ ⌋ ⌋ ◊ ◊ ◊
♠ ♠ ♠ ♣ ♣ ♣ ♥ ♥ ♥
♦ ♦ ♦     ¡ ¡ ¡
¢ ¢ ¢ £ £ £ ¤ ¤ ¤
¥ ¥ ¥ ¦ ¦ ¦ § § §
¨ ¨ ¨ © © © ª ª ª
« « « ¬ ¬ ¬ ­ ­ ­
® ® ® ¯ ¯ ¯ ° ° °
± ± ± ² ² ² ³ ³ ³
´ ´ ´ µ µ µ " "
< < < > > > ‘ '


https://www.w3cschool.cn/html/html-code.html

来源:赵彦彬博客(QQ:51047299),转载请注明出处!

本文地址:http://html.dgso.cn/html/20209898569750.html

· END ·

关键词: 标签:

以上内容来源本站

//评论数 //参与数

博主简介 - 广告合作 - 文章投稿 - 故事文摘 - 典范条目 - 博主新闻

 百科创建更新

网站地图

 

© 2020 blog.dgso.cn 赵彦彬博客 吉ICP备17000796号-1