HTML的设置与编写.ppt

HTML标记的认识与编写 了解HTML语言基础 学会书写规范HTML代码 HTML基础 1. HTML文档的基本结构如下: html……………………………………..文档开始 head……………………………………..文档头 title……………………………………..文档标题头 ……………文档标题内容………………………. /title……………………………………..文档标题尾 /head……………………………………..文档尾 body……………………………………..文档体头 ……………文档正文内容……………………….. /body……………………………………..文档体尾 /html……………………………………..文档结束 2 第一个HTML程序 html head title第一个程序/title /head body p我的第一个brhtml程序/p /body /html ３html文档的注释 在html文档中进行注释的方法： 使用标识符! --和--可在html网页内插入注释性的说明文字，包含在这两个标识符之间的代码不会被浏览器处理和显示． 第一部分 头部标记 base基底网址，即当前文档的URL全称 basefont设定页面文字的字体、字号、颜色等 title设定显示在浏览器左上方的标题内容 meta有关文档本身的元信息 style设定css层叠样式表的内容 link设定外部文件的连接 base标记的使用 basefont标记的使用： meta标记的使用： Link标记的使用： 第二部分内部主体标记 文字标记 网页常用元素标记 特殊标记 常用文字标记一 空格标记：nbsp; 标题字标记：h1……/h1 、h2……/h2—h6……/h6如：h1 align=”对齐方式”……/h1 段落标记：p……/p 如：p align=”对齐方式”……/p 换行标签：br/ 常用文字标记二 修饰文字标记：font……/font 常用文字标记三 strong……/strong粗体标记 em……/em斜体标记 s……/s删除线标记 u……/u下划线标记 sup……/sup上标标记 sub……/sub下标标记 center……/center段落居中对齐标记 常用文字标四 文字列表标记 字体设置标识符的组合使用 字体设置的标识符很多，也可组合使用，只要一一成对匹配即可。当作用于某一段文字的多个标识符发生冲突时，最里面的一层标识符起作用。代码如下： ifont size=4 color=redb变化/bu多样的/ufont size=6 color=#0000ff好玩的/font字体/font/i 网页常用元素标记一 hr/水平线标记 网页常用元素标记二 iframe /iframe 浮动框架 网页常用元素标记三 table /table 表格标记 表格常用属性 Border……边框宽度 cellspcing……单元格间距 bgcolor……背景色 Bground……背景图像 cellpadding……单元格边距 Align……表格对齐方式 frame……外边框样式 rules……内部边框样式 Bordercolorlight：设定表格左上方和单元格右下边框的颜色 Bordercolordark：设定表格右下方和单元格左上边框的颜色 表格外边框的属性设置 Above：显示上边框 below：显示下边框 border：显示上下左右边框 Hsides：显示上下边框 lhs：显示左边框 rhs：显示右边框 Void：不显示边框 vsides：显示左右边框 表格内边框的属性设置 Vall：显示所有内部边框 cols：仅显示列边框 Groups：显示介于行列间的边框 none：不显示内部边框 Rows：仅显示行边框 表格标题 caption……/caption：设置表格标题 特殊标记 marquee…… /marquee——字体滚动 课后练习 一 填空题 （1）在Dreamweaver 8设计视图中，如果要换行则需（ ）键。如果要分段则需按（ ）键。 （2）标题栏信息是括在（ ）和（ ）标签中。 （3）将输入法切换到（ ）状态再按空格键可以插入不换行空格。 二 判断题 通过Dreamweaver 8的属性面板可以对选中文本的粗斜进行设置。（ ） 网页文档的正文区是括在body和/body标签中。（ ） 三 问答题 （1）html文档的基本结构有哪几个部分组成？ （2）编写代码时应注意哪些规范？ 四 上机操作题 （1）根据本课所学的知识，请自己创建一个网页，在网页中输入简单的文本，并对文本进行颜色、对齐和大小等属性