HTML代码简介(1)

2016-02-19 17:02 0 1 收藏

今天天气好晴朗处处好风光，好天气好开始，图老师又来和大家分享啦。下面给大家推荐HTML代码简介(1)，希望大家看完后也有个好心情，快快行动吧！

【 tulaoshi.com - Web开发】

　　HTML是 HyperText Tarkup Language的缩写，即超文本标记语言，是在WWW上建立超文本文件的语言，它通过标记和属性对一段文本的语言进行描述，它提供超文本连接，可以指向网络中另一台计算机的文件，HTML还支持在文本中镶入图象，声音，动画等不同格式的文件，HTML还具有强大的排版功能，利用HTML可以制作出任意版面的主页。

　　HTML有什么特点？

　　HTML文档制作不是很复杂，且功能强大，支持不同数据格式的文件镶入，这也是WWW盛行的原因之一，其主要特点如下：

　　1 简易性，HTML版本升级采用超集方式，从而更加灵活方便。

　　2 可扩展性，HTML语言的广泛应用带来了加强功能，增加标识符等要求，HTML采取子类元素的方式，为系统扩展带来保证。

　　3 平台无关性。虽然PC机大行其道，但使用MAC等其他机器的大有人在，HTML可以使用在广泛的平台上，这也是WWW盛行的另一个原因。

　　用什么可以编辑HTML？

　　HTML其实是文本，它需要浏览器的解释，HTML的编辑器大体可以分为三种，

　　1 基本编辑软件，使用WINDOWS自带的记事本或写字版都可以编写，当然，如果你用WPS来编写，也可以。不过存盘是请使用.htm或.html作为扩展名，这样浏览器就可以解释执行了。

　　2 半所见即所得软件，这种软件能大大提高开发效率，它可以使你在很短的时间内做出HOMEPAGE，且可以学习HTML，这种类型的软件主要有HOTDOG，还有国产的软件网页作坊。

　　3 所见即所得软件，使用最广泛的编辑器，完全可以一点不懂HTML的知识就可以做出网页，这类软件主要有FRONTPAGE98，DREAMWEAVER。

　　总类（所有HTML文件都有的）

　　文件类型 HTML/HTML （放在档案的开头与结尾）

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

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

　　文体 BODY/BODY （文件本体）

　　结构性定义（由浏览器控制的显示风格）

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

　　3.0 标题的对齐 H？ ALIGN=LEFT|CENTER|RIGHT/H？

　　3.0 区分 DIV/DIV

　　3.0 区分的对齐 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

　　3.0 大字 BIG/BIG

　　3.0 小字 SMALL/SMALL

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

　　加粗 B/B

　　斜体 I/I

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

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

　　3.0 下标 SUB/SUB

　　3.0 上标 SUP/SUP

　　打字机体 TT/TT （用单空格字型显示）

　　预定格式 PRE/PRE （保留文件中空格的大小）

　　预定格式的宽度 PRE WIDTH=？/PRE（以字元计算）

　　N1.0+ 向中看齐 CENTER/CENTER （文字与图片都可以）

　　N1.0 闪耀 BLINK/BLINK

　　N1.0 字体大小 FONT SIZE=？/FONT（从1到7）

　　N1.0 改变字体大小 FONT SIZE=+|-？/FONT

　　N1.0 基本字体大小 BASEFONT SIZE=？（从1到7; 内定为3）

　　N2.0 字体颜色 FONT COLOR="#$$$$$$"/FONT

　　连结与图形

　　连结 A HREF="URL"/A

　　连结到锚点 A HREF="URL#***"/A（如果锚点在另一个档案）

　　A HREF="#***"/A （如果锚点目前的档案）

　　N2.0 连结到目的视框 A HREF="URL" TARGET="***"/A

　　设定锚点 A NAME="***"/A

　　图形 IMG SRC="URL"

　　图形看齐方式 IMG SRC="URL" ALIGN=TOP|BOTTOM|MIDDLE

　　N1.0 图形看齐方式 IMG SRC="URL"

　　取代文字 IMG SRC="URL" ALT="***" （如果没有办法显示图形则显示此文字）

　　点选图 IMG SRC="URL" ISMAP （需要CGI程式）

　　N2.0 点选图 IMG SRC="URL" USEMAP="URL"

　　N2.0 地图 MAP NAME="***"/MAP（描述地图）

　　N2.0 段落 AREA SHAPE="RECT" COORDS=",,," HREF="URL"|NOHREF

　　3.0 大小 IMG SRC="URL" WIDTH="？" HEIGHT="？"（以pixels为单位）

　　N1.0 图形边缘 IMG SRC="URL" BORDER=？（以pixels为单位）

　　N1.0 图形边缘空间 IMG SRC="URL" HSPACE=？ VSPACE=？（以pixels为单位）

　　N1.0 低解析度图形 IMG SRC="URL" LOWSRC="URL"

　　N1.1 用户端拉 META HTTP-EQUIV="Refresh" CONTENT="？; URL=URL"（使用端自动更新）

　　N2.0 内嵌物件 EMBED SRC="URL" （将物件插入页面）

　　N2.0 内嵌物件大小 EMBED SRC="URL" WIDTH="？" HEIGHT="？"

　　分隔

　　段落 P （通常是两个return）

　　3.0 段落 P/P （新定义成容器型标签）

　　3.0 文字看齐方式 P ALIGN=LEFT|CENTER|RIGHT/P

　　换行 BR （一个return）

　　N1.0 文字部份看齐方式BR CLEAR=LEFT|RIGHT|ALL（与图形合用时）

　　横线 HR

　　N1.0 横线对齐 HR ALIGN=LEFT|RIGHT|CENTER

　　N1.0 横线厚度 HR SIZE=？（以pixels为单位）

　　N1.0 横线宽度 HR WIDTH=？（以pixels为单位）

　　N1.0 横线比率宽度 HR WIDTH=% （以页宽为100%）

　　N1.0 实线 HR NOSHADE （没有立体效果）

　　N1.0 不可换行 NOBR/NOBR （不换行）

　　N1.0 可换行处 WBR （如果需要，可在此断行）

　　列举（可以巢状列举）

　　无次序式列举 ULLI/UL （LI 放在每一项前）

　　N1.0 公布式列举 UL TYPE=DISC|CIRCLE|SQUARE（定义全部的列举项）

　　LI TYPE=DISC|CIRCLE|SQUARE（定义这个及其後的列举项）

　　有次序式列举 OLLI/OL （LI 放在每一项前）

　　N1.0 数标型态 OL TYPE=A|a|I|i|1 （定义全部的列举项）

　　LI TYPE=A|a|I|i|1 （定义这个及其後的列举项）

　　N1.0 起始数字 OL value=？（定义全部的列举项）

　　LI value=？（定义这个及其後的列举项）

　　定义式列举 DLDTDD/DL（DT项目, DD定义）

　　表单式列举 MENULI/MENU（LI 放在每一项前）

　　目录式列举 DIRLI/DIR （LI 放在每一项前）

　　背景与颜色

　　3.0 重复排列的背景 BODY BACKGROUND="URL"

　　N1.1+ 背景颜色 BODY BGCOLOR="#$$$$$$" （依序为红、绿、蓝）

　　N1.1+ 文字颜色 BODY TEXT="#$$$$$$"

　　N1.1+ 连结颜色 BODY LINK="#$$$$$$"

　　N1.1+ 看过的连结 BODY VLINK="#$$$$$$"

　　N1.1 使用中的连结 BODY ALINK="#$$$$$$"

　　特殊字元（以下标签需用小写）

　　特别符号 &#？; （其中？代表 ISO 8859-1 的编码）

　　& & " "

　　注册商标TM ®

　　N1.0+ 注册商标TM ®

　　著作权符号 ©

　　N1.0+ 著作权符号 ©

　　表单（通常需要与CGI程式配合）

　　定义表单 FORM ACTION="URL" METHOD=GET|POST/FORM

　　N2.0 上传档案 FORM ENCTYPE="multipart/form-data/FORM

　　栏位名称 INPUT NAME="***"

　　栏位内定值 INPUT value="***"

　　已选定 INPUT CHECKED （适用於checkboxes与 radio boxes）

　　栏位宽度 INPUT SIZE=？（以字元数为单位）

　　最长字数 INPUT MAXLENGTH=？（以字元数为单位）

　　下拉式选单 SELECT/SELECT

　　下拉式选单名称 SELECT NAME="***"/SELECT

　　选单项目数量 SELECT SIZE=？/SELECT

　　多选式选单 SELECT MULTIPLE （多选）

　　选项 OPTION

　　内定选项 OPTION SELECTED

　　文字输入区 TEXTAREA ROWS=？ COLS=？/TEXTAREA

　　输入区名称 TEXTAREA NAME="***"/TEXTAREA

　　N2.0 输入区换行方式 TEXTAREA WRAP=OFF|VIRTUAL|PHYSICAL/TEXTAREA

　　表格

　　3.0 定义表格 TABLE/TABLE

　　3.0 表格框线 TABLE BORDER/TABLE （有或没有）

　　N1.1 表格框线 TABLE BORDER=？/TABLE（可以设定数值）

　　N1.1 储存格左右留白 TABLE CELLSPACING=？

　　N1.1 储存格上下留白 TABLE CELLPADDING=？

　　N1.1 表格宽度 TABLE WIDTH=？（以pixels为单位）

来源:https://www.tulaoshi.com/n/20160219/1613962.html

看过《HTML代码简介(1)》的人还看了以下文章更多>>

Ajax技术简介(1)

标签： Web开发

作为J2EE开发人员，我们似乎经常关注“后端机制（backend mechanics）”。我们通常会忘记，J2EE的主要成功之处在Web应用程序方面；许多原因使得人们喜欢利用Web开发应用程序，但主要还是因为其易于部署的特点允许站点以尽可能低的成本拥有上百万的用户。遗憾的是，在过去几年中，我们在后端投入了太多的时间，而在使我们的Web用户界...

提高HTML代码的效率

标签： PHP

许多网站设计者最常犯的错误便是当其网页能够在IE下正常显示便认为其代码正确无误，甚至常看到有人在抱怨其网站排名不理想，到其网站简单看一下便可发现 HTML代码中充斥各种各样的错误，在那样的代码基础上无论付出多少努力去优化网站结果都可能是付诸流水的啊！事实上，IE是一款对HTML代码容错能力甚高的的浏览器，——说句题外话，尽管我们可...

HTML标签详解(1)

标签： Html CSS布局 Div+CSS XHTML

HTML指令详解结构＜html＞＜head＞＜title＞标题＜title＞＜/head＞＜body＞..........文件内容.......... ＜/body＞＜/html＞ 1.文件标题＜title＞..........＜/title＞ 2.文件更新--＜meta＞【1】10秒后自动更新一次＜meta http-equiv="refresh" content=10＞【2】10秒後自动连结到另一文件＜meta htt...

去html代码的正则

标签： Web开发

代码如下： '================================================== '函数名：ScriptHtml '作用：过滤html标记 '参数：ConStr ------ 要过滤的字符串 '================================================== Function ScriptHtml(Byval ConStr,TagName,FType) Dim Re Set Re=new RegExp Re.IgnoreCase =true Re.Global=True Sele...

JS、HTML代码运行工具