HTML语言学习教程HTML语言剖析.docx
- 文档编号:6438696
- 上传时间:2023-01-06
- 格式:DOCX
- 页数:38
- 大小:46.11KB
HTML语言学习教程HTML语言剖析.docx
《HTML语言学习教程HTML语言剖析.docx》由会员分享,可在线阅读,更多相关《HTML语言学习教程HTML语言剖析.docx(38页珍藏版)》请在冰豆网上搜索。
HTML语言学习教程HTML语言剖析
HTML语言学习教程——HTML语言剖析
目录
1、HTML语言剖析之Html简介1
2、HTML语言剖析之HTML标记一览2
3、HTML语言剖析之文件标记5
4、HTML语言剖析之排版标记7
5、HTML语言剖析之字体标记11
6、HTML语言剖析之清单标记14
7、HTML语言剖析之表格标记17
8、HTML语言剖析之表单标记23
1、HTML语言剖析之表单标记-123
2、HTML语言剖析之表单标记-226
9、HTML语言剖析之图形标记30
10、HTML语言剖析之链接标记32
11、HTML语言剖析之多媒体标记34
12、HTML语言剖析之其他标记35
13、HTML语言剖析之特殊字符37
14、HTML语言剖析之调色原理39
1、HTML语言剖析之Html简介
全写:
HyperTextMark-upLanguage
译名:
超文件注标式语言(译名之一)
简释:
一种为普通文件中某些字句加上标示的语言,其目的在于运用标记(tag)使文件达到预期的显示效果。
HTML是在SGML定义下的一个描述性语言,或可说HTML是SGML的一个应用程式,HTML不是程式语言,如C++和Java之类,它只是标示语言,基本上你只要明白了各种标记的用法便算学懂了HTML,HTML的格式非常简单,只是由文字及标记组合而成,于编辑方面,任何文字编辑器都可以,只要能将文件另存成ASCII纯文字格式即可,当然以专业的网页编辑软件为佳。
■阅读须知:
这一篇【HTML剖析】偏重于标记的介绍,考虑到易懂及每节的篇幅问题,我并不按W3C的HTML分类,这可令你更易选择有兴趣的标记,其中只有【文件标记】是必读的,其余可任意选择。
这一篇不会提及任何网页编辑软件,只要掌握了HTML,任何网页编辑工具都可以变成一把利器。
■标记写法:
任何标记皆由"<"及">"所围住,如
标记名与小于号之间不能留有空白字符。
某些标记 要加上参数,某些则不必。
如
参数只可加于起始标记中。
在起始标记之标记名前加上符号"/"便是其终结标记,如
标记字母大小写皆可。
■围堵标记与空标记:
标记按型态分为围堵标记与空标记
围堵标记
顾名思义,它以起始标记及终结标记将文字围住,令其达到预期显示效果。
例如HTMLSource:
CreationofWebpageismyfavourite.
显示成:
CreationofWebpageismyfavourite.
其中便称为围堵标记。
它以起始标记及终结标记标示文字Creationofwebpage,令它显示成粗体,两者失其一都会发生错误显示。
空标记
是指标记单独出现,只有起始标记没有终结标记。
例如HTMLSource:
IloveCreationofWebpage.
It'sawonderfulplace.
显示成:
IloveCreationofWebpage.
It'sawonderfulplace.
其中换行标记
便属空标记。
它的作用便是将标记后所有东西显示于下一行,可见终结标记于它是没意义的,但有些人会为空标记加上终结标记,这是为方便记认而己,对HTML没有影响。
2、HTML语言剖析之HTML标记一览
标记类型译名或意义作用备注
文件标记
●文件声明让浏览器知道这是HTML文件
●开头提供文件整体资讯排版标记
--注解-->○说明标记为文件加上说明,但不被显示
○段落标记为字、画、表格等之间留一空白行
○换行标记令字、画、表格等显示于下一行
○水平线插入一条水平线
●预设格式令文件按照原始码的排列方式显示●区隔标记设定字、画、表格等的摆放位置
●不折行令文字不因太长而绕行
●建议折行预设折行部位 字体标记
●加重语气产生字体加粗Bold的效果
●粗体标记产生字体加粗的效果
●强调标记字体出现斜体效果
●斜体标记字体出现斜体效果
●打字字体Courier字体,字母宽度相同
●加上底线加上底线反对
●一级标题标记变粗变大加宽,程度与级数反比
●二级标题标记将字体变粗变大加宽
●三级标题标记将字体变粗变大加宽
●四级标题标记将字体变粗变大加宽
●五级标题标记将字体变粗变大加宽
●六级标题标记将字体变粗变大加宽
●字形标记设定字形、大小、颜色反对
○基准字形标记设定所有字形、大小、颜色反对 ●字体加大令字体稍为加大
●字体缩细令字体稍为缩细
●画线删除为字体加一删除线反对
●程式码字体稍为加宽如
●键盘字字体稍为加宽,单一空白
●范例字体稍为加宽如
●变数斜体效果
●传记引述斜体效果
●引述文字区块缩排字体●述语定义斜体效果
●地址标记斜体效果●下标字下标字
●上标字指数(平方、立方等)
清单标记
●顺序清单清单项目将以数字、字母顺序排列
●无序清单清单项目将以圆点排列
- ○清单项目每一标记标示一项清单项目
反对
●目录清单清单项目将以圆点排列,如 反对
●定义清单清单分两层出现
- ○定义条目标示该项定义的标题
- ○定义内容标示定义内容
表格标记
●表格标记设定该表格的各项参数
●表格标题做成一打通列以填入表格标题 ●表格列设定该表格的列 ●表格栏设定该表格的栏 ●表格标头相等于 ,但其内之字体会变粗 表单标记