网站建设系列之初级篇1Html标记ppt课件.ppt

Html标记 HTML HyperTextMark upLanguage 即超文本标记语言 是WWW的描述语言 设计HTML语言的目的是为了能把存放在一台电脑中的文本或图形与另一台电脑中的文本或图形方便地联系在一起 形成有机的整体 人们不用考虑具体信息是在当前电脑上还是在网络的其它电脑上 我们只需使用鼠标在某一文档中点取一个图标 Internet就会马上转到与此图标相关的内容上去 而这些信息可能存放在网络的另一台电脑中 HTML文本是由HTML命令组成的描述性文本 HTML命令可以说明文字 图形 动画 声音 表格 链接等 HTML的结构包括头部 Head 主体 Body 两大部分 其中头部描述浏览器所需的信息 而主体则包含所要说明的具体内容 HTML的基本结构 文档标题文档主体 文本 图像 声音 HTML命令 html元素大体分类 有关文档结构及页面布局的元素 etc 链接元素图像元素列表元素 表格元素表单元素窗框元素及 1 段落 开始一个新段落段落标志符是HTML标志符中最常见的一种符号 它位于各段落起始部位 使用该标志符后 每块文本段落之间都会空出一行 另外对于标志符来说 不必使用来做结尾 2 排列文本 将文字居左将文字居右将文字居中 3 字体加粗 斜体 创建粗体文字结束粗体文字显示创建斜体字结束斜体字注意 Strong效果同b的效果 4 分行 插入新分行大多数情况下 段落标志符是分隔文本的最佳符号 但有时你可能会希望重起一行 但在新行与上一行之间并不空出一行间距 在这种情况下 你最好使用分行标志符 5 注释文本 注释标志符在HTML文档中留出一些空间 这里面的文字信息不会显示在网页上 这是因为凡是在注释标志符内的文字都是隐性的 你可以利用这个空间做为备忘录 但有一点要注意 那就是如果别人查看你的源代码 那么你的这些注释信息就会一览无余了 所以如果你想把自己一些最保密的事保存在这里 恐怕要换个地方了 6 表格 111221223132 7 链接 发送邮件 百度我要发送邮件 8 图片 图片链接 9 播放多媒体 播放mp3 播放wmv 10 层 层建议 所有的html本不区分大小写的 但是随着xhtml标记的发展 建议书写代码的实惠哦用小写 最常用的html标记 1 文件宣告让浏览器知道这是HTML文件2 开头提供文件整体信息3 标题定义文件标题 将显示于浏览器顶端举4 主体设计文件格式及内容所在5 说明标记为文件加上说明 但不被显示6 段落标记为字图表格等之间留下一空白行7 换行标记令字 图 表格显示于下一行8 水平线插入一水平线9 居中令字 图 表格等显示于中间 10 定位标记设定字 图 表格等的摆放位置11 加重语气产生字体加粗Bold的效果12 粗体标记产生字体加粗的效果13 斜体标记字体出现斜体效果 14 加下划线加下划线下划线下划线15 级标题标记将字体变大 级数越高越小16 字体标记设定字体 大小 颜色17 顺序清单清单项目将以数字 字母顺序排列 18 无序清单清单项目将以实心圆点作为符号排列 19 清单项目清单中的项目 一个标记一行 20 表格标记设定该表格的各项参数 21 自订标记独立使用或与样式表一起用 22 表格列设定该表格的列 23 表格栏设定该表格的栏24 表格标头相等于但其内文字字体会变粗 25 表单标记决定该表单的运作模式 26 文字框提供文字输入栏 27 输入标记决定输入形式 28 选择标记建立弹出卷动清单 29 选项每一个清单选项 30 图形标记用来插入图形及设定图形属性 31 链接标记加入链接32 框架设定设定框架33 窗口设定设定框架中的窗口34 页内框架于网页中插入框架35 多媒体加入声音 音乐或影像36 走马灯令文字走动 37 式样表控制网页版面 38 js脚本写js脚本39 元信息40 链接URL 附录一meta meta的属性包括 Description 网页的描述信息 Keywords 关键字 当搜索引擎查找时 按此关键字查找 Content type 用来设置该网页的编码 Author 用来设置该网页的作者姓名 Refresh 用来设置网页的自动更新 当CONTENT 3 URL 时 该网页打开3秒钟后 就自动的转到网站 附录二xhtml xhtml是当前和未来的文档标准之一 是对HTML4的重述 延伸和扩展 xhtml文档类型是基于XML 并最终为XML客户端服务的 XHTML是EXtensibleHyperTextMarkupLanguage 可扩展超文本标记语言 的英文缩写 而HTML则是HyperTextMarkupLanguage 超文本标记语言 这是名字的不同 其实我们说得标准应该是XML 那为什么要学习XHTML呢 因为现在的HTML代码烦琐 危机四伏 但是XML使用环境还不成熟 所以推出了一个过度的产品就是XHTML 它起着呈上起下的作用 也有人认为XHTML是HTML的一个升级版本 其实也是正确的 我的理解是XHTML把HTML做得更加规范的一个标记语言 使HTML变得功能强大 减少了代码的烦琐尤其是表格 附录三DHTML 动态HTML DHTML是DynamicHTML的缩写 DHtml通过传统的HTML语言 利用CSS CascadingStyleSheets 即样式表 并依靠javascript使一向静止不变的页面得以 动 起来 Netxcape4 0和IE4 0 5 0版本支持DHTML DHTML是一种完全 客户端 技术 直接通过WEB页面实现页面与用户之间的交互性 Dhtml的优秀之处在于增强了Web页面的功能 在Web页面直接建立动画 游戏和应用软件