第二章网页设计语言基础.pptVIP

第2章 网页设计语言基础; 网页设计者，必须具备HTML语言的基本知识。 ;学 习 目 标;本 章 重 点;HTML概念;HTML文档结构;例子解释;例子解释;例子解释;HTML标签;HTML元素;下面也是一个HTML元素：bodyThis is my first homepage. bThis text is bold/b/body 此HTML标签以开始标签body起始，终止于结束标签/body。body标签的目的是定义一个HTML元素，使其包含HTML文档的主体。;标签属性;HTML基本标签;问题： 如果要在浏览器中输出含有h1的字符应该怎么做？;答： 可以考虑使用转移字符。 的转移字符表示为lt 的转移字符表示为gt;段落段落是用p标签定义的。pThis is another paragraph/p HTML自动在一个段落前后各添加一个空行。 ; 换行当需要结束一行，并且不想开始新段落时，使用br标签。br标签不管放在什么位置，都能够强制换行。pThis br is a parabrgraph with line breaks/p br标签是一个空标签，它没有结束标记。;HTML中的注释 注释标签用来在HTML源文件中插入注释。注释会被浏览器忽略。你可以使用注释来解释你的代码，这可以在你以后编辑代码的时候帮助你。!-- This is a comment -- 注意：你需要在左括号“”后面跟一个感叹号，右括号不用。;练习 完成以下网页设计： 1、 ;3、 ;其它HTML代码;无序号列表;无序号列表;例： htmlheadtitle无序列表/title/headbody这是一个无序列表：PUL国际互联网提供的服务有：　　LIWWW服务　　LI文件传输服务　　LI电子邮件服务　　LI远程登录服务　　LI其它服务/UL /body/html;序号列表;序号列表 ;序号列表 ;表格;以下是一个简单的例子： table border=1 trth姓名/thth性别/thth年龄/th trtd王林/tdtd男/tdtd25/td /table 如果将table border=1分别替换成： table border=0 和table border=1 cellspacing =0 会出现什么样的效果？;插入图形;基本格式 　　 插入图象的标签是IMG，其格式为： 　　　　　IMG SRC=图形文件地址 　 SRC属性指明了所要链接的图象文件地址，这个图形文件可以是本地机器上的图形，也可以是位于远端主机上的图形。地址的表示方法可以沿用上一篇内容“文件的链接”中URL地址表示方法。 ;例：IMG SRC=images/ball.gif 　 IMG还有两个属性是HEIGHT和WIDTH，分别表示图形的高和宽。通过这两个属性，可以改变图形的大小，如果没有设置，图形按原大显示： 例： IMG SRC=“flowers0.jpg”　　 IMG SRC=flowers0.jpg width=200 heigth=100 ;查看源代码;完成以下网页设计： 1、 ;2、; 既然编写程序代码来完成网页设计有一定的烦琐性，那么有没有其他更好的方法来代替编写代码呢？比如有没有这样的软件，当用户输入要求后自动产生相应的程序代码。