第二章HTML的基本标签.ppt
《第二章HTML的基本标签.ppt》由会员分享,可在线阅读,更多相关《第二章HTML的基本标签.ppt(31页珍藏版)》请在三一文库上搜索。
1、HTML的基本标签,第二章,2,本章任务,制作图文并茂的“广告”页面,查看源代码,3,本章目标,会使用HTML的基本结构创建网页 会使用文本相关标签实现文字修饰和布局 会使用图像相关标签实现图文并茂的页面 会使用超链接相关标签实现页面间的跳转,4,HTML文件的基本结构,HTML文档的结构, 我的第一个网页 Hello World! ,HTML 网页,头部部分,主体部分,标签标记 HTML 文档的开始和结束,网页标题,网页内容,可以是文本、图像等,这部分包含文本、图像和链接。它包括在 标签内,查看源代码,这部分包括标题和其他说明信息。包括在 标签内,5,使用记事本创建网页,演示示例2:如何在记
2、事本里创建网页,使用记事本创建网页的步骤: 1、打开记事本 2、输入HTML代码 3、保存为*.html或*.htm文件,注意格式问题 4、打开网页预览效果,使用记事本创建网页,6,标签, 网页标题 ,网页页面中出现乱码,那如何消除乱码使其正常显示?,使用标签,简体中文:gb2312 繁体中文:big5 纯英文网页:iso-8859-1,可以避免页面中的乱码,7,页面背景色或背景图像, Hello World! ,为了使页面美丽大方,网页背景要尽量地浅, Hello World! ,查看源代码,网页背景色彩,网页背景图像,8,文本相关标签,字体、字号 标题标签 标签 特殊符号 行的控制 段落标
3、签 换行标签,使用了 ,换段了,设置了字体的大小和颜色,换行了,特殊符号,9,字体、字号相关标签,标题标签 . #=1, 2, 3, 4, 5, 6 说明:到 字体大小依 次递减, 一级标题 二级标题 三级标题 四级标题 五级标题 六级标题 ,H1 到 H6 标签用于指定不同级别的标题,查看源代码,10, . ,字体、字号相关标签,标签 特殊符号,字体的 大小值,字体的 颜色,字体的 类型,11,字体、字号相关标签,查看源代码, 手机充值、IP卡/电话卡 移动 All rights. ,空格效果,12,. 淘宝集市欢迎您! 淘宝网首届翠友会! ,行的控制相关标签,段落标签 段(Paragrap
4、h) (可以看作是空行) 换行标签 换行 ,查看源代码,换段了,换行了,13,图像标签,常见的图片格式介绍,14,图像标签,图像的基本语法 , ,查看源代码,鼠标移到图像上,出现的提示性文字,图像的位置,图像的宽度,图像的高度,为图像添加的提示性文字,15,图像标签,图像与文本的对齐方式 ,图像与文本居中对齐,还可以取 top, bottom 值,. 请点击广告进入明星专区 ,查看源代码,图像和文本居中对齐,16,小结1,字号大小为3,练习答案,练习代码,编写如下图所示效果对应的html代码,17,文字布局,内容分隔标签 项目列表和编号 有序列表 无序列表 预格式文本标签,水平分隔线,有序列表
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 第二 HTML 基本 标签
链接地址:https://www.31doc.com/p-3474931.html