文档介绍：该【网页制作基础(二)ppt课件 】是由【miao19720107】上传分享，文档一共【21】页，该文档可以免费在线阅读，需要了解更多关于【网页制作基础(二)ppt课件 】的内容，可以使用淘豆网的站内搜索功能，选择自己适合的文档，以下文字是截取该文章内的部分文字，如需要获得完整电子版，请下载此文档到您的设备，方便您编辑和打印。Dreamweavercs3网页制作基础(二) Html标签
卢道海
******@
引入
我们上节课已利用记事本和简单几个html标签(也叫标记)创建了一个简单的网页。
事实上,掌握html标签越多,今后在DW里查看、调试、更改网页越容易,在动态网页编写中更加随心所欲,所以,在这两周内,我们学****的主要内容都是对html标签进行学****br/>同学们要做好笔记!
复****1
我们所写的标签有:
1.<html>……</html>html文档标记
2.<head>……</head>
3.<title>……</title>
4.<body>……</body>
5.<p>……</p>
6.<B>……<B>
示例代码:
<HTML>
<head>
<title>这是我的第一个网页</title>
</head>
<bodybgcolor=green>
<h3>欢迎您访问我的网页</H3>
</body>
</Html>
Html语言标记含义
1.<html>...</html>它是html文档中最基本的标记,不可缺少。<html>表示文档开始,</html>表示文档结束
2.<head>...</head>它是文件头标记,可以提高网页文档的可读性,向浏览器提供一个信息,可以忽略,但一般不忽略
3.<title>...</title>它是网页名称,是<head>...</head>中不缺少的标记,也就是说,有<head>...</head>标记就一定要有<title>...</title>
4.<body>...</body>它是网页内容标记,其内包含了网页的全部内容,一般不可缺少。
5.<h1>...</h1>它是正文的第1级标题,此外,还有第2,3,4,5,6级标题,级别越高,文字越小
6.<b>...</b>字体加粗标记
7.<p>...</p>段落标记
复****2
利用超文本标记语言编写的网页文件的扩展名是什么?
.htm
.html
复****3
?
,其中:
用来编写网页的语言叫什么?英文如何书写?
全球资源定位器也叫网址,英文如何书写?
web服务器和浏览器间建立连接的协议是什么?
?
学****目标
通过此节的学****读者应:
掌握更多的HTML标签意义
能简单运用更多的HTML标签
学****内容
<br>:换行标签(注意:这个标签没有</br>)
说明:在需要换行的地方加<br>
<nobr>:不换行标签(注意:这个标签有</nobr>)
说明:在需要不换行开始处加<nobr>,在不换行结束处加</nobr>
<p>…</p>段落标签(</p>可以省略)
将<p>和</p>两个标签中间的文字设置为一段
<p>标签还有一个属性align,用来指段落对齐方式,align=left|right|center分别为左\右\居中对齐
“&nbsp;”空格符号标签
文字间增加一个空格
<center>…</center>文字居中显示标签
<blockquote>…</blockquote>文字段落缩进
标记内的文字向右缩进两个字符
课堂实操题
利用记事本和<br>;<nobr>;<p>;“&nbsp;”;<center>等标签完成如下网页效果
可能用到的素材如下(你可以通过复制的方法应用到自己的网页中)
素材一文字:
如梦令常记溪亭日暮,,误入藕花深处.
素材二文字:
如梦令昨夜雨疏风骤,,?知否?应是绿肥红瘦.
素材三文字
清平乐李清照年年雪里,,赢得满衣清泪!
.
课堂实操最终效果图1
存盘名:2-