第二课文本编辑及HTML基础.pptVIP

第二课 文本编辑及HTML基础 首页 功能：代表一个网站的风格与特色 架构：代表了网站的第一层架构 设置为首页 右击INDEX.HTM:设成首页 查看地图 页面属性 标题 背景图像 背景文字颜色 链接颜色 边界 文档编码 跟踪图像 图像透明度 查看和编辑头内容 网页文件的结构 头（HEAD） 不可见部分，不是每个页面都需要 META：名称AUTHOR 关键字：保龄,保龄球,球员,球具,教学,体育 描述: 这是一个专业的个性的保龄网站! 刷新: 在一定时间后自动刷新页面 主体（BODY） 主要部分，可见部分 HTML概述 超文本标记语言 不是程序设计语言,是页面描述语言,类似于排版语言 浏览器负责解释插入到HTML文件中的各种标记,并以此为依据显示文本的内容 HTML文件的基本结构 由标记及夹在其中的文本内容构成 绝大多数标记都有开始和结束标记 不同的标记有不同的属性 编辑代码 DW代码窗口 记事本(注意扩展名) 小实例 html head title第一个实例诞生了/title /head body 主体内容看到了吗? /body /html HTML编辑头内容 插入作者 meta name=“author” content=“……” 插入关键字 meta name=“keywords” content=“……” 插入说明 meta name=“description” content=“……” 插入刷新 meta http-equiv=“refresh” content=“8;url=http://……” HTML编辑页面属性 Bgcolor=“0000FF” background text Link, vlink, alink Leftmargin, topmargin 插入文本 两种方式 直接输入 复制文本 插入文本的位置 网页 表格 层 注意事项 文本的编码方式 分段落与分行 ENTER SHIFT+ENTER 记号的显示：编辑-首选参数-不可见元素 属性面板调整文本属性 格式 字体 推荐使用默认字体 大小 颜色 粗体和斜体 对齐方式 项目列表和编号列表 文本凸出和缩进 超级链接 插入其它文本元素 插入水平线（常用/HTML） 设置属性 使用快速标签编辑器改变色彩 插入日期 插入特殊字符,文本类 检查拼写与查找替换 文本---检查拼写（SHIFT+F7） 编辑---查找替换（CTRL+F） HTML 语言中插入文本 文本的编码方式 在文件头中插入 meta http-equiv=“content-type” content=“text/html; charset=gb2312 分段落p ENTER 分行br SHIFT+ENTER 用HTML标记设置文本属性(一） 标题字体标记H?文本内容/H? 共6种 文本字体font face=“?”文本内容/font 字体大小font size=“?”文本内容/font 字体颜色font color=“?”文本内容/font 常用的预定义色彩 黑色：color=black color=“#000000” 白色：white=“#ffffff” 黄色：yellow=“#ffff00” 绿色：green=“#00ff00” 蓝色：blue=“#0000ff” 海蓝色：aqua=“#00ffff” 银色：silver=“#c0c0c0” 用HTML标记设置文本属性(二） 粗体和斜体 b…/b strong…/strong I…/I em…/em 文本的对齐方式 属于标记的属性，应该加到标记的尖括号中去。标记标记h?段落标记p h? align=#…/h? p align=?…/p #=left center right 用HTML标记设置文本属性(三） 项目列表和编号列表 项目列表ulli Type属性disc（圆）circle（圆圈）square（方块） 编号列表olli Type属性1、A、a、i、I Start属性 其它文本标记（练习） 下划线：u…/u 删除线：s…/s 居中：center…/center 上标与下标：sup…/sup sub…/sub 文本闪烁：blink…/blink只适用于NC 文字块：div…/div也有align属性 文本的超级链接（以后） HTML文档注释 !--注释内容-- 对代码加以提示，不会出现在最终的浏览器窗口中 总结 首先明确：文本内容在一个网站中具有很重要的地位 丰富充实的文字内容才是浏览者光临该网站的主要原因 搭配漂亮的页面效果?成功的网站 * * HTML—文件头 添加完头以后，可以在代码或拆分模式下查看