标记语言介绍
- 在书面自然语言中为了表示某些信息而加入一些标记，这种书面自然语言就被称为标记语言。
- <标题>什么是标记语言？
- <作者>比尔盖茨
- <正文>......
- 标记语言不同于一般的控制流程序设计语言，它可以被视为是一种数据流的文档结构表述语言。
HTML概述
- HTML是超文本标记语言，是SGML的一个实例，是专门为在互联网上发布信息而设计的标记语言。
- 该语言以文本格式为基础，可用任何编辑器和文字处理器来处理。
HTML的基本结构
- HTML文件（字母大小写均可）由文件头（head）和文件体（body）两部分组成。在文件的开始部分必须加上标记<html>来说明此文件为html文件，只有这样浏览器才能识别它；在文件的结束部分加上文件的终止标记</html>。
- 文件头用于描述浏览器所需的信息。文件体包含所要说明的具体内容。
一个完整的HTML
<code><html>
<head>
<title>头部信息</title>
</head>
<body>
<font face = "Arial" size="+2" color=red><em>文档主体 </em>
<BR>正文部分
</BR>
</body>
</html></code>
- 将这段文字存入在文本编辑器里，并起名为first.html，注意文件的类型一定是html或htm，同时需要将文件的保存类型设为.。这样保存后的first文件呈现Web浏览器图标，双击运行可显示为网页类型。
超文本标记
"<"和">"，用来分割和标记文本的元素。
- 单标记：只需单独使用就能完整的表达意思。
语法格式： <标记名称>，例如:<BR>表示换行。 - 双标记：由“始标记”和“尾标记”构成，必须成对使用。
语法格式：<标记>内容</标记>，例如：<EM>文档主体</EM>. - 标记属性：许多单标记和双标记的始标记内可以包含一些属性。
语法格式：<标记名字 属性1 属性2 属性3 ...>
各属性之间无先后次序，属性也可省略。
例如：
<code><font face = "Arial" size = 5 color= red>...</font></code>
HTML的基本工具
HTML编辑器和Web浏览器
HTML文本为ASCII码，即纯文本文件。
HTML文件构成
<code><html>
<head>
<title>网页制作教学</title>
<Meta http-equiv="Content-Type"content="text/html;charst=gb2312">
</head>
<body bgcolor ="green">
</body>
</Meta>
</html></code>
HTML元素
- HTML元素用来标记文本，表示文本的内容。比如body、p、title等。元素用Tag表示，Tag以“<”开始，以“>”结束。
HTML属性
HTML属性可以扩展为HTML元素的能力。例如bgcolor属性：
<code><body bgcolor = "red"></code>
在例如border这个属性，将一个表格设成一个无边框的表格：
<code><table border = "0></code>
- HTML属性通常由属性名和属性值成对组成。
- 属性值一般用双引号引起来。
HTML事件
- HTML元素可以识别和响应某些操作行为，这些操作行为称为事件。
HTML元素标记
- 扩展标记：META用来表述一个HTML文档的属性，如作者、日期和时间、网页描述、关键词、页面刷新等。
- 文件标记：如<html></html>、<head></head>.
text:文字颜色，bgcolor:背景颜色,background:设定背景墙纸，leftmargin/topmargin:设定内容的左、上边距，bgproperties:当卷动文字时墙纸会不会跟着卷动，scroll:是否有卷动条。 - 图形标记：超文本支持的图形格式一般有Bitmap、GIF、JPEG等。
图形的标记是<IMG>,没有结束标记。
格式为<IMG SRC="图形文件地址"> - 排版标记
1.注释标记（）
2.段落标记(<P>)
3.换行标记(<BR>)
4.预设格式标记<PRE>该标记允许保留原码中输入的文字格式。
5.水平线标记(<HR>)
格式:<HR align = "LEFT" size = "+2" width = "70%" color = "#0000FF">
6.居中标记(<CENTER>)
7.区隔标记(<DIV>)
8.不折行标记(<NOBR>) - 字体标记：实体标记和逻辑标记。
实体标记有:
<I><B><U>
逻辑标记有：
<STRONG><EM><VAR><CITE><DFN><ADDRESS><CODE><KBO><SAMP><TT> - 链接标记
- 跑马灯标记
- 闪烁文字
网友评论