第二讲 网页设计基础及技术.pptVIP

内容概述 HTML 数据库 内容概述 HTML 数据库 1.HTML 1.1 HTML语言简介 1.2 HTML的基本语法 1.3 HTML代码的编写 1.4 标签选择器 1.HTML 1.1 HTML语言简介 1.2 HTML的基本语法 1.3 HTML代码的编写 1.4 标签选择器 1.1 HTML语言简介 HTML是英文HyperText Markup Language的缩写，其含义是“超文本标记语言”用它编写的文件扩展名是“.html”或“.htm”，它们都是可供浏览器解释浏览的文件格式。 在制作网页时，大都采用一些专门的网页制作软件，如FrontPage，Dreamweaver等。这些软件都是所见即所得的，非常方便。使用这些编辑软件可以像使用word一样来制作网页，而不用编写代码。在不熟悉HTML语言的情况下，照样可以制作网页，这是网页编辑软件的最大成功之处；但它们的最大不足之处是受软件自身的约束，将产生一些垃圾代码，这些垃圾代码将会增大网页体积，降低网页的下载速度。 1.HTML 1.1 HTML语言简介 1.2 HTML的基本语法 1.3 HTML代码的编写 1.4 标签选择器 1.2 HTML的基本语法 HTML的任何标记都由“”和“”围起来。 单标记 只需单独使用就能完整地表达意思，这类标记的语法是： 标记名称 最常用的单标记是BR，它表示换行。 双标记 它由“始标记”和“尾标记”两部分构成，必须成对使用，始标记前加一个斜杠（/）即成为尾标记。这类标记的语法是： 标记内容/标记 其中“内容” 部分就是要被这对标记施加作用的部分。例如你想突出对某段文字的显示，就将此段文字放在EM /EM标记中： EM第一：/EM 标记属性 许多单标记和双标记的始标记内可以包含一些属性： 标记名字 属性1 属性2 属性3 … 各属性之间无先后次序，属性也可省略（即取默认值），例如单标记HR表示在文档当前位置画一条水平线，一般是从窗口中当前行的最左端一直画到最右端。带一些属性： HR SIZE=5 ALIGN=CENTER WIDTH=75% 其中SIZE属性定义线的粗细，属性值取整数，缺为1；ALIGN属性表示对齐方式，可取LEFT（左对齐），CENTER（居中），RIGHT（右对齐）；WIDTH 属性定义线的长度，可取相对值，（由一对“”号括起来的百分数，表示相对于充满整个窗口的百分比），也可取绝对值（用整数表示的屏幕像素点的个数，如WIDTH=300），缺省值是100%。 1.HTML 1.1 HTML语言简介 1.2 HTML的基本语法 1.3 HTML代码的编写 1.4 标签选择器 HTML的基本结构分为三部分： HTML标记 HTML标记用于HTML文档的最前边，用来标识HTML文档的开始。而/HTML标记恰恰相反，它放在HTML文档的最后边，用来标识HTML文档的结束，两个标记必须一起使用。 事实上，现在常用的Web浏览器都可以自动识别HTML文档，并不要求有html标签，也不对该标签做任何操作。但是，为了提高文档的适用性，使编写的HTML文档能适应日新月异的Web浏览器，还是应该养成使用这个标签的习惯。 head标记 head和/head构成HTML文档的开头部分，在此标记对之间可以使用title /title，script /script等标记对，这些标记对，这些标记对都是描述HTML文档相关信息的标记对，两个标记必须一块使用。 Body标记 body/body是HTML文档的主体部分，在此标记对之间可包含p/p、h1 /h1、h2/h2等众多标记，它们所定义的文本、图像等将会在浏览器内显示出来，两个标记必须一块使用。 从上述讲解中可以看出HTML文档的基本结构如下图所示： 区段格式标记 此类标记的主要用途是将HTML文件中得某个区段文字，以特定格式显示，增加文件的可看度。主要的有： title.../title：网页标题。 hi.../hi：i=1,2,...,6, 标题。 hr：产生水平线。 br：强迫换行。 p.../p：文件段落。 pre.../pre：以原始格式显示。 address.../address：标注联络人姓名、电话、地址等信息。 blockquote.../blockquote：区段引用标记这部分内容表示引用文字，一般每一行会向内缩进一定的距离。引用可以嵌套使用，造成多层缩进的效果。 字符格式标记 用来改变HTML文件文字的外观，增加文件的美观程度。主要有： b.../b：粗体字。 i.../i：斜体字。 u…/