html讲座.pptVIP

HTML讲座 哈尔滨华夏计算机职业技术学院 网络传媒系 教师:刘景玮 HTML入门 　HTML英语意思是：Hypertext Marked Language，即超文本标记语言,是一种用来制作超文本文档的简单标记语言。用HTML编写的超文本文档称为HTML文档，它能独立于各种操作系统平台（如UNIX，WINDOWS等）。 使用HTML语言描述的文件，需要通过WWW浏览器显示出效果。 HTML的基本结构 超文本文档分文档头和文档体两部分，在文档头里，对这个文档进行了一些必要的定义，文档体中才是要显示的各种文档信息。 HTML 　　　HEAD　　　　　　头 部 信 息　　　/HEAD 　　　BODY　　　　　文 档 主 体， 正 文 部 分　　　/BODY /HTML 页面布局HTML的基本结构与文字设计 1。　某些标记称为“单标签”，因为它只需单独使用就能完整地表达意思，这类标记的语法是： 　　　　　　　　　　 标签名称 　　 最常用的单标签是BR, 它表示换行。 2。双标签 如：TD第一：/TD HTML的基本结构 其中HTML在最外层， 表示这对标记间的内容是HTML文 档。我们还会看到一些Hompage省略HTML标记，因为.html 或.htm 文件被Web浏览器默认为是HTML文档。HEAD 之间包括文档的头部信息，如文档总标题等，若不需头部信息则可省略此标记。BODY 标记一般不省略， 表示正文内容的开始。 HTML的基本结构 下面是一个最基本的超文本文档的源代码： HTMLHEADTITLE一个简单的HTML示例/TITLE/HEADBODYCENTERH3欢迎光临我的主页/H3BRHRFONT SIZE=2　　这是我第一次做主页，无论怎么样，我都会努力做好！/FONT/CENTER/BODY/HTML HTML的基本结构 效果如图: 页面布局与文字设计 页面布局与文字设计 代码如下: HTML HEAD TITLE字体样式/TITLE /HEAD BODY P BUFONT COLOR=#A35252FONT SIZE=+1白居 易/FONT/FONT/U/B /P P　　白居易（772-846年）字乐天，晚居香山，自号香山居士，原籍太原。白居易是唐代新乐府运动的倡BR 导者，是中国文学史上堪与屈原、李白、杜甫并列的第一流大诗人。 /P P　　白居易出身于小官僚家庭。大约在贞元三年（ 787年）的年初，十六岁的白居易带着自己的诗稿，到BR 了京都长安。老诗人顾况看到这位不速之客的姓名有“居易”二字，便很恢谐地说：“长安米贵，居住不易！”及披卷读到《赋得古原草送别》中的/P P ALIGN=centerFONT COLOR=#3C7777CITE“离离原上草，一岁一枯荣；野火烧不尽，春风吹又生”/CITE/FONT/P P时， 不禁大为惊奇，拍案称绝，马上改变语气，郑重地说：“能写出这样好的诗句,‘居’下去是不难的，刚才我是同你开开玩笑罢了。”从此，白居易的诗名大振。 /P P　　白居易生活的时代，主要是建中、元和、长庆时期（公元781-824年）。是唐朝走向衰败的极端苦难动荡的时代。 /P P　　白居易是继杜甫之后，我国伟大的现实主义诗人。 他的贡献是在总结我国自《诗经》以来现实主义诗歌创作经验的基础上，建立了现实主义的诗歌理论，掀起了一个波澜壮阔的现实主义的诗歌运动——新乐府运动，创作了大量优秀的现实主义诗篇。 /P /BODY /HTML 页面布局与文字设计 标题 H1…/H1　　　　　第一级标题 H2…/H2　　　　　第二级标题 H3…/H3　　　　　第三级标题 H4…/H4　　　　　第四级标题 H5…/H5　　　　　第五级标题 H6…/H6　　　　　第六级标题 页面布局与文字设计 例: 结果: htmlheadtitle标题示例/title/head body 这是一行普通文字P〈H1一级标题/H1〈H2二级标题/H2〈H3三级标题/H3〈H4四级标题/H4〈H5五级标题/H5〈H6六级标题/H6/body /html 页面布局与文字设计 换行br 例: 结果: htmlheadtitle换行示例/title/head body登鹳雀楼br白日依山尽，br黄河入海流。br欲穷千里目，br更上一层楼。/body /html 页面布局与文字设计 段落标签p 例: