大佬教程收集整理的这篇文章主要介绍了html5全解析,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
htm是软件开发中非常基础的知识,也是很重要的知识,在web中是很重要的知识点,在此梳理一下主要内容:
全称为HyperText MarkuP Language,超文本标记语言,非编程语言。
XHTML:功能和HTML差不多,但书写要求比HTML严格。
dhtml:动态页面:js+csss+html=dhtml
以下 HTML source Code 便是一份 HTML 文件的基本架构 :
特点解说:
上述标记中只有<BODY>具参数设定。 |
|
■ <BODY> 之参数设定:
|
|
例子: <BODY @H_618_56@text="#000000" @H_618_56@ link="#0000FF" @H_618_56@alink="#FF0000" @H_618_56@ vlink="#0000FF" @H_618_56@BACkground="bg1.gif" @H_618_56@ bgcolor="#FFFFFF" @H_618_56@leftmargin=2 @H_618_56@ topmargin=2 @H_618_56@bgproperties="fixed">
标记及参数之字母大小都可以。
3、编写规范
a、写法
b.1围堵标记:<p>aaaa</p> b.1空白标记:aaaa<br/> |
<!--注解--> ;<!--由这处开始是产品订购表格--> <P> ;段落标记:<p align="center"> <BR> ;换行 <HR> ; 水平线 <HR @H_618_56@align="LEFT" @H_618_56@size="2" @H_618_56@width="70%" @H_618_56@color="#0000FF" @H_618_56@noshade> <CENTER> ;居中标记 <PRE> ;@H_618_56@预设格式标记 <DIV> ;@H_618_56@区隔标记。作用:设定字、画、表格等的摆放位置。 <NOBR> ;<NOBR>称为@H_618_56@不折行标记。作用:令某些文字不因太长而绕行,一 显示于同一行或下一 行。它对住址、数学算式、一行数字、程式码等尤为有用。 <WBR> ; <WBR>称为@H_618_56@建议折行标记。作用:预设折行部位。 字体标记:
<h1>..<h6>h1最大字体
@H_618_56@<b></b> <storong></storong> :加粗
@H_618_56@<sup>:上标 <sub>:下标
<font> :字体大小 <font @H_618_56@face="Arial" @H_618_56@size="+2" @H_618_56@color="#008000">Creation of Webpage</font>
图像标记:
<img
@H_618_56@src="logo.gif"
@H_618_56@ width=100
@H_618_56@height=100
@H_618_56@ hspace=5
@H_618_56@vspace=5
@H_618_56@ border=2
@H_618_56@align="top"
@H_618_56@ alt="logo of PenPals Garden"
@H_618_56@lowsrc="pre_logo.gif">
清单标记:
<ol> <ul> <dl><li><dt><dd> 无序清单:ul <UL @H_618_56@type="square"> 有序清单:ol <ol @H_618_56@type="i" @H_618_56@start="4"></ol> 表格标记:
|
<frameset cols="50%,*">
<BGSOUND>:
|
<BGSOUND> 是用以插入背景音乐,但只适用於 IE,其参数设定不多。如下 <BGSOUND @H_618_56@src="your.mid" @H_618_56@ autostart=true @H_618_56@loop=infinite> |
■ <EMBED>:
|
<EMBED> 是用以插入各种多媒体,格式可以是 Midi、Wav、AIFF、AU 等等,netscape 及 新版的 IE 都支援。其参数设定狻多。如下 <EMBED @H_618_56@src="your.mid" @H_618_56@ autostart="true" @H_618_56@loop="true" @H_618_56@ hidden="true">
|
<MARQUEE>:
|
||||||||||||||||
<MARQUEE> 只适用於 IE ,译为「跑马灯」如 Status Bar 的那种,意指走动或卷动的 文字,其参数设定狻多。我先举些例子,然後再列出各参数。 例子一:
例子二:
例子三:
例子四:
<marquee behavior="SCROLL" direction="LEFT" bgcolor="#0000FF" height="30" width="150" hspace="0" vspace="0" loop="INFINITE" scrollamount="30" scrolldelay="500">Hello</marquee>
|
||||||||||||||||
|
||||||||||||||||
<BLINK> 是令文字闪烁,只适用於 NC,用法直接,没有参数。看看例子便知: 例子:
|
||||||||||||||||
|
||||||||||||||||
<ISINDEX> 可让某些 Web Server 找寻网页内的关键字,假如你的 Web Server 提供这样的 找寻功能,使用者的浏览器也支援这些找寻功能,那堋,载入网页时就会看到一个简单的 找寻方块。其用法直接,没有参数,本来是要放於 <HEAD> 标记内的,但把它放在 <BODY> 标记内亦不见有问题,请记住,3W 以反对此标记。 例子:
|
||||||||||||||||
|
||||||||||||||||
<Meta> 是放於 <HEAD> 与 </HEAD>之间的标记,功用与变化等对,所以我公式化地介 绍。
|
||||||||||||||||
|
||||||||||||||||
<LINK> 用来将目前文件与其它 URL 作连结,但不会有连结按钮,用於 <HEAD> 标记间, 格式如下: <link href="URL" rel="relationship"> <link href="URL" rev="relationship"> 其用法我们会於 Style Sheet 一节详细介绍。 |
特殊字符
只要你认识了 HTML 标记,你便会知道特殊字符的用处。
|
命名方式涵括的色种不多亦不甚方便,较少采用,以下介绍 RGB 值的原理: 众所皆知颜色是由 "@H_618_56@red" "green" "blue" 三原色组合而成的,在 HTML 中对於彩度的定义是 采十六进位的,对於三原色 HTML 分别给予两个十六进位去定义,也就是每个原色可有 256 种彩度,故此三原色可混合成一千六佰多万的颜色。 例如 |
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
■ HTML 基本架构:
|
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
|
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
■ 16 常用颜色表:
|
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
|
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
■ 其它常用颜色表:
|
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
|
#00008B | darkblue | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
#008B8B | darkcyan | #B8860B | darkgoldenrod | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
#A9A9A9 | darkgray | #006400 | darkgreen | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
#DA0000 | darkhaki | #8B008B | darkmagenta | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
#556B2F | darkolivegreen | #DA000E | darkorenge | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
#9932CC | darkorchid | #8B0000 | darkred | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
#E9967A | darksalmon | #8FBC8F | darkseagreen | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
#483D8B | darkslateblue | #2F4F4F | darkslategray | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
#00CED1 | darkturquoise | #9400D3 | darkviolet | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
#FF1493 | deeppink | #00BFFF | deepskyblue | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
#696969 | dimgray | #1E90FF | dodgerblue | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
#B22222 | firebrick | #FFFAF0 | floralwhite | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
#228B22 | forestgreen | #DCDCDC | gainsboro | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
#00000E | gostwhite | #FFD700 | gold | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
#00E00D | golenrod | #808080 | gray | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
#008000 | green | #ADFF2F | greenyellow | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
#F0FFF0 | honeydew | #FF69B4 | hotpink | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
#CD5C5C | indianred | #FFFFF0 | ivory | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
#F0E68C | khaki | @H_816_3301@ | #E6E6FA | lavender | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
#FFF0F5 | lavenderblush | #7CFC00 | lawngreen | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
#FFFACD | lemonchiffon | #ADD8E6 | lightblue | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
#F08080 | Lightcoral | #E0FFFF | Lightcyan | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
#0000E0 | lightgodenrod | #0000E0 | lightgodenrodyellow | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
#0000A0 | lightgray | #90EE90 | lightgreen | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
#FFB6C1 | lightpink | #FFA07A | lightsalmon | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
#20B2AA | lightseagreen | #87CEFA | lightskyblue | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
#0000EB | lightslateblue | #778899 | lightslategray | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
#B0C4DE | lightsteelblue | #FFFFE0 | lightyellow | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
#32CD32 | limegreen | #FAF0E6 | linen | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
#FF00FF | @H_935_30@magenta#800000 | @H_935_30@maroon|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
#66CDAA | @H_935_30@mediumaquamarine#0000CD | @H_935_30@mediumblue|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
#BA55D3 | @H_935_30@mediumorchid#ED0000 | @H_935_30@mediumpurpul|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
#3CB371 | @H_935_30@mediumseagreen#7B68EE | @H_935_30@mediumslateblue|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
#00FA9A | @H_935_30@mediumspringgreen#48D1CC | @H_935_30@mediumturquoise|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
#C71585 | @H_935_30@mediumvioletred#191970 | @H_935_30@midnightblue|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
#F5FFFA | @H_935_30@mintcream#FFE4E1 | @H_935_30@mistyrose|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
#FFE4B5 | @H_935_30@moccasin#FFDEAD | navajowhite | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
#000080 | navy | #A0B0E0 | navyblue | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
#FDF5E6 | oldlace | #6B8E23 | olivedrab | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
#FFA500 | orange | #0E0EED | orengered | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
#DA70D6 | orchid | #A00D00 | palegodenrod | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
#98FB98 | palegreen | @H_696_3593@ | #AFEEEE | paleturquoise | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
#DB7093 | palevioletred | #FFEFD5 | papayawhip | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
#FFDAB9 | peachpuff | #CD853F | peru | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
#FFC0CB | pink | #DDA0DD | plum | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
#B0E0E6 | powderblue | #800080 | purple | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
#FF0000 | red | @H_557_3673@ | #BC8F8F | rosybrown | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
#4169E1 | royalblue | #8B4513 | saddlebrown | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
#FA8072 | salmon | #F4A460 | sAndybrown | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
#2E8B57 | seagreen | #FFF5EE | seasHell | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
#A0522D | sienna | #87CEEB | skyblue | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
#6A5ACD | slateblue | #708090 | slategray | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
#FFFAFA | sNow | #00FF7F | springgreen | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
#4682B4 | steelblue | #D2B48C | tan | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
#D8BFD8 | thistle | @H_469_3801@ | #FF6347 | tomato | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
#40E0D0 | turquoise | #EE82EE | violet | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
#00E0ED | violetred | #F5DEB3 | wheat | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
#000E00 | hite | @H_489_3849@ | #F5F5F5 | whitesmoke | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
#FFFF00 | yellow | #9ACD32 | yellowgreen |
以上是大佬教程为你收集整理的html5全解析全部内容,希望文章能够帮你解决html5全解析所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。