HTML规则.ppt

网页制作基础-----HTML语言 HTML语言的一些基本概念； HTML语言的语法； HTML文本的基本结构； HTML语言的标记及其用法； HTML实例； HTML语言的一些基本概念 1.什么是HTML？ HTML：Hypertext Marked Language，即超文本标记语言,是一种用来制作超文本文档的简单标记语言。用HTML编写的超文本文档称为HTML文档，它能独立于各种操作系统平台（如UNIX，WINDOWS等）。 超文本：因为它可以加入图片、声音、动画、影视等内容，因为它可以从一个文件跳转到另一个文件，与世界各地主机的文件连接。 2.HTML语言的构成 标记：HTML中用来控制文字、图形等显示方式的符号。如 font size=“7” color=“#0000ff”网页/font 上面的标记里面包含了属性和值 HTML基础 3.什么是标记？ 标记是网页文档中的一些有特定意义的符号。这些符号指明如何显示文档中的内容。 标记总是放在三角括号中，大多数标记都成对出现（有开始标记和结束标记）。结束标记和开始标记所用的字符相同，只是前面加一个斜杠。例如：p…/p 用于标记一个自然段。 标记可以具有相应属性即各种参数，如size、color、 text、 width和noshade等 。 例如：pfont size=+1 color=red/font/p HTML基础 标记通常可以分成两种： 第一种用来指定网页上的元素或元素的样式。 例如， 指定一个自然段及其字体和颜色： pfont size=+1 color=red/font 自然段内容。 /p 第二种用来指向其它的资源。 例如，指定一个链接地址： a href=“”武汉大学/a 指定一个图片文件： img src=“图片文件名” HTML语言的语法规则 扩展名为：*.htm或*.html。 HTML不区分大小写。 HTML文件一行可以写多个标记，一个标记可分多行书写，不用任何续行符。 HTML文件中换行、回车和空格的表示方法分别是br,p和nbsp. 注：换行是另起一行，回车则是空一行后，再开始 HTML文本结构 HTMLHEADtitle……/title/HEAD BODY HTML 文件的正文写在这里... ... /BODY /HTML HTML和/HTML:是HTML文件的开始和结束标记。浏览器从HTML开始执行到/HTML结束。整个HTML文档内容均在HTML…/HTML标记之中。 HEAD和/HEAD之间的内容表示文件的头部信息： 整个HTML文档分头部和主体部分。头部使用HEAD…/HEAD标记标识，凡是在此标记之内的内容，例如标题等，均属于头部信息。头部信息不显示在Web页中。 HTML语言的标记及其用法 页面标记 html……/html head……/head title……/title在此标记之间的内容将作为标题显示在浏览器的标题栏。仅有一个。 注意： TITLE…/TITLE标记只能放在HEAD…/HEAD标记之间。 body……/body主体标记：主体是Web页的主要部分，用BODY…/BODY标记定义的信息将显示在Web页中。 其中“HTML”和“BODY”两项是必须要有的。 HTML语言的标记及其用法 2.格式标记 （1）p…/p（段落标记）（存在文本的对齐方式） p…/p标记用来创建一个段落，在此标记之间的文本将按照段落的格式显示。 （2）br（强制换行标记） br是一个很简单的标记，它没有结束标记，用来创建一个换行。 不换行标记nobr （3）blockquote…/blockquote（两边缩进标记） 在blockquote…/blockquote标记之间的文本将按照两边缩进的方式显示。 HTML语言的标记及其用法 字型设置标记 HTML基础 font/font （字体的大小颜色标记） ① font/font可以指定输出文本的字体大小、颜色，它主要两个属性size和color。 ② size属性用来指定字体的大小。size(字号，1-7，值越大，字越大） ③ color属性用来指定文本的颜色，颜色的取值是十六进制RGB颜