第1章补充-HTML.pptVIP

第一章 HTML语言 对于每个希望制作网页的朋友， 学习HTML语言,是你们迈出的第一 步，也是网页设计基础中的基础! 什么是HTML？ HTML是用来制作网页的标记语言. HTML是Hypertext Markup Language的英文缩写,中文叫做超文本标记语言. HTML语言是一种标记语言,不需要编译,直接由浏览器执行. 设计HTML语言的目的是为了能把存放在一台电脑中的文本或图形与另一台电脑中的文本或图形方便地联系在一起，形成有机的整体。 HTML命令可以说明文字、图形、动画、声音、表格、链接等。 HTML的结构包括头部(Head)、主体(Body)两大部分。 什么是W3C？ W3C是英文 World Wide Web Consortium 的缩写，中文意思是W3C理事会或万维网联盟。 W3C组织是对网络标准制定的一个非赢利组织,像HTML、XHTML、CSS、XML的标准就是由W3C来定制。 HTML入门例子 例1 html head meta http-equiv=Refresh content=5;url=/ /head body p 我们来看看新浪的主页a href= / /a。 /p p 如果在5秒钟后网页没有自动跳转，请点击上面的链接，进入新浪的主页面。 /p /body /html 利用?META?标签实现Web的自动跳转 在Web上显示一段信息，隔一定秒数后，自动跳转到其他的Web页?面，其实现方法： ?HEAD?与?/HEAD?标签之间加上如下语句：??meta?http-equiv=Refresh?content=秒数;?url=跳转的文件或地址??? 例2 html body p这是第一段。/p p这是第二段。/p p这是第三段。/p p在HTML里，用p来定义段落。/p /body /html 例3 html body p 要br在一段br里br换行br请使用brbr这个标签。 /p /body /html 例4 html body h1 align=center这是标题/h1 p上面的标题是居中显示的。/p /body /html 例5 html body p用hr这个Tag可以在HTML文件里加一条横线。/p hr p村妇想像皇宫的生活：皇后得用金扁担挑水吧。/p hr p初中某数学老师讲方程式变换，在讲台上袖子一挽大声喝道：同学们注意！我要变形了！……/p /body /html 例6 html body bgcolor=yellow h1看，这个页面是黄色的。/h1 /body /html 例7 html body pb粗体用b表示。/b/p pi斜体用i表示。/i/p pdel芙蓉姐姐/del这个词当中划线表示删除。/p pins想唱就唱/ins这个词下划线插入。/p pXsub2/sub其中的2是下标/p pXsup2/sup其中的2是上标/p pblockquote好好学习，天天向上。这句话缩进表示引用/blockquote/p /body /html 例8 html body p 你可以将一张图片作为一个链接，点击这个图片。 a href=/img src=image/8.gif /a /p /body /html 例9 html body a href=target=_blank/a p 如果你将target的属性值设成_blank，你点击这个链接的时候，网页就会在一个新窗口出现。 /p /body /html 例10 html body p 这是一个最简单的邮箱地址的链接： a href=mailto:myecard@给我博客网站发信/a /p p 这个邮箱地址的链接写了subject内容： a href=mailto:myecard@?subject=Hello给我的网站发信/a /p p 这个邮箱地址链接写了 subject, body的内容： a href=mailto:myecard@?subject=I%20like%20your%20sitebody=真是个好站点！写信给我/a /p p b注:/b空格请用%20表示。 /p /body /html 例11 html body h4缺省情况下，表格没有边界。/h4 table tr td100/td td200/td td300/td /tr tr td400/td td500/td td600/td /tr /table h4表格Border设为0，也不显示边界：/h4 table border=0 tr td100/td td200/td td300/td /tr tr td400/td td500/td td6