html网页制作chapter1基本标签.ppt

Html基本标签 注释 图像标签 定义描述标签 用定义描述标签实现图文混编的效果 超链接---实现页面间的导航 相对地址：相对于当前目录的地址，常用 绝对地址：指向目标地址的完整描述 ，少用 页面间链接 锚链接 功能性链接 实现锚链接 1、定义标记（锚）： a name=标记名目标位置/a 2、设置链接到标记位置：a href=#标记名当前位置/a 实现锚链接 功能性链接 邮箱、QQ链接等 html 示例 html head title页面标题/title /head body 这是我的第一个页面 b这里的文字要加粗/b /body /html 运行结果 使用记事本创建网页的步骤： 1、打开记事本 2、输入html代码 3、保存为*.html或*.htm文件，注意格式问题 4、打开网页预览效果 使用记事本创建网页 演示示例2：如何在记事本里创建网页 使用记事本创建网页 html 编辑器-Dreamweaver html文档的结构 html文件的基本结构 html head title我的第一个网页 /title /head body hello world! /body /html html 网页 head头部部分 body主体部分 html…/html标签标记 html 文档的开始和结束 网页标题 网页内容，可以是文本、图像等 这部分包含文本、图像和链接。它包括在 body…/body 标签内 查看源代码 这部分包括标题和其他说明信息。包括在 head…/head 标签内 html 标签用来组成 html 元素 html 标签两端有两个包括字符：“”和“” ，这两个包括字符被称为尖括号 html 标签通常成对出现，比如 b 和 /b，一对标签的前面一个是开始标签，第二个是结束标签,在开始和结束标签之间的文本是元素内容 html 标签是大小写无关的，b跟B表示的意思是一样的 html 标签 …… !-- li被注释掉的行将不显示/li -- li正常显示行1/li li正常显示行2/li …… 注释 !--注释内容 -- 用于增加代码的可读性，不显示 标签可以拥有属性。属性能够为页面上的 html 元素提供附加信息 例如：标签 body 定义了 html 页面的主体元素，使用一个附加的 bgcolor 属性，你可以告诉浏览器：你页面的背景色是红色的，就像这样： body bgcolor=red 属性通常由属性名和值成对出现，就像这样：name=value。属性通常是附加给html元素的开始标签的 标签属性 页面背景色或背景图像 body bgcolor=#ffccff“ background=back_image.gif hello world！ /body 为了使页面美丽大方，网页背景要尽量地浅 …… body bgcolor=#ffccff“ hello world! /body …… 查看源代码 网页背景色彩 网页背景图像 字体、字号 标题标签h1－h6 font标签 特殊符号 文本相关标签 使用了 h2… 换段了 设置了字体的大小和颜色 换行了 特殊符号 标题标签 h# ... /h# #=1, 2, 3, 4, 5, 6 说明：h1到h6 字体大小依 次递减 字体、字号相关标签 …… body h1一级标题/h1 h2二级标题/h2 h3三级标题/h3 h4四级标题/h4 h5五级标题/h5 h6六级标题/h6 /body …… h1 到 h6 标签用于指定不同级别的标题 查看源代码 字体、字号相关标签 font标签 font size=“+2” color=“red” face=“隶书” ... /font 字体的 大小值 字体的 颜色 字体的 类型 特殊符号 特殊字符 转义码 空格 nbsp; 引号(“”) quot; 小于() lt;less than 大于() gt;grater than 版权号(? ) copy; 1、因为、等符号在HTML中已使用，所以必须用其他符号来代替 2、都以分号结束（；） 字体、字号相关标签 查看源代码 ...... body p font size=+2 color=red 手机充值、ip卡/电话卡 /fontbr / 移动nbsp;|nbsp; 100 | nbsp;联通 | nbsp;50/p copyright copy; 2007 q