Web前端开发技术与案例教程 课件 第一章 网络应用基础(HTML标记语言).ppt

* 元素 属性 包含关于文档中数据的信息，而不是数据本身。 值的种类 枚举类型：必须从标准的值列表中选择一个值 数字或百分数：通常是描述大小和长度的属性 颜色类型：名称或者16进制数字 文件地址：引用其它文件，包含URL形式的值 p align=“center”hello!p left、center、right table width=“50%” height=“300”/table font color=“red” #ff0000 img src=“images/beauty.jpg” img src=/images/beauty.jpg 其它内容 HTML简介 * HTML 网页元素 2、文本 任意空格只显示一个 任意换行都忽略 BODY CENTER H3欢迎光临 我的主页 /CENTER /H3 HRFONT SIZE=2　　 这是我第一次做主页， 无论 怎么样， 我都会努力做好！ /FONT BODY * 网页的构造 3、链接、图像、Flash动画、视频和音乐等 使用HTML标签嵌入页面 寻找合适的应用程序 提示下载插件 链接：a href=“”新浪/a 图像：img src=“images/beauty.jpg” / Flash动画：objectembed src=“hello.swf” \/object 视频：embed SRC=“welcome.wmv” \ 音频：embed SRC=“midi.mid” \ HTML简介 * 网页的构造 4、其它 Javascript CSS 页面信息 其它 HTML简介 * 本讲内容 因特网和WWW HTML简介 HTML基本结构 HTML元素 总结 本讲内容 掌握HTML的基本结构 HTMLHEADTITLE /TITLE/HEADBODY/BODY/HTML 一个简单的HTML示例 CENTER H3欢迎光临我的主页/H3BRHRFONT SIZE=2　　这是我第一次做主页，无论怎么样，我都会努力做好！/FONT/CENTER HTML basic structure * HTML基本结构 HTML HEAD TITLE标题/TITLE /HEAD BODY 正文。。。。。。。。 /BODY /HTML 不可见部分 可见部分 HTML基本结构 * 本讲内容 因特网和WWW HTML简介 HTML基本结构 HTML元素 总结 本讲内容 掌握各种HTML元素的含义和相关属性 了解页面布局方法和技巧 * HTML元素 文件标签 排版标签 字体标签 清单标签 表格标签 表单标签 图形标签 连结标签 框架标签 影像地图 多媒体 其他标签 HTML元素 * 标签 标题 H1…/H1　　　　　第一级标题 H2…/H2　　　　　第二级标题 H3…/H3　　　　　第三级标题 H4…/H4　　　　　第四级标题 H5…/H5　　　　　第五级标题 H6…/H6　　　　　第六级标题 HTML htmlheadtitle标题示例 /title/head body /body /html 这是一行普通文字PH1一级标题/H1H2二级标题/H2H3三级标题/H3H4四级标题/H4H5五级标题/H5H6六级标题/H6 * html body h1This is heading 1/h1 h2This is heading 2/h2 h3This is heading 3/h3 h4This is heading 4/h4 h5This is heading 5/h5 h6This is heading 6/h6 p请仅仅把标题标签用于标题文本。不要仅仅为了产生粗体文本而使用它们。请使用其它标签或 CSS 代替。/p /body /html * 标签 换行 BR\ 编写者对于自己需要断行的地方，应加上BR\ HTML htmlheadtitle无换行示例 /title/head body /body /html 登黄鹤楼　白日依山尽，黄河入海流。欲穷千里目，更上一层楼。 登黄鹤楼br白日依山尽，br黄河入海流。br欲穷千里目，br更上一层楼。 换行 * html body h1春晓/h1 p 春眠不觉晓， 处处闻啼鸟。 夜来风雨声， 花落知多少。 /p p注意，浏览器忽略了源代码中的排版（省略了多余的空格和换行）。/p /body /html