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

* 第二章 HTML语言 * 本讲内容 因特网和WWW HTML简介 HTML元素 总结 本讲内容 掌握HTML的元素 注释 注释标签 !-- 与 -- 用于在 HTML 插入注释 * html body h1春晓/h1 p 春眠不觉晓，br 处处闻啼鸟。br 夜来风雨声，br 花落知多少。br /p !--这是一段注释。注释不会在浏览器中显示。-- p注视不显示。/p /body /html * 标记 水平线HR \ 在屏幕上显示一条水平线，用以分割页面中的不同部分。 Attribute　 size　水平线的宽 width 水平线的长，占屏幕宽度的百分比或象素值来表示 align 水平线的对齐方式 (center、left、right) noshade 线段无阴影属性，为实心线段 HTML元素 htmlheadtitle线段size示例 /title/head body /body /html P这是第一条线段，无size设定，取内定值SIZE=1来显示BRHRP这是第二条线段，SIZE=5BRHR SIZE=5P这是第三条线段，SIZE=10BRHR SIZE=10 size取值越大，线段越宽 * 排版标记 水平线段 HR \ 在屏幕上显示一条水平线，用以分割页面中的不同部分。 属性　 size　水平线的宽 width 水平线的长，占屏幕宽度的百分比或象素值来表示 align 水平线的对齐方式 (center、left、right) noshade 线段无阴影属性，为实心线段 HTML元素 htmlheadtitle线段width示例 /title/head body /body /html P这是第一条线段，无size设定，取内定值SIZE=1来显示BRHRP这是第二条线段，SIZE=5BRHR SIZE=5P这是第三条线段，SIZE=10BRHR SIZE=10 P这是第一条线段，无WIDTH设定，取WIDTH内定值100%来显示BRHR SIZE=3P这是第二条线段，WIDTH=50(点数方式)BRHR WIDTH=50 SIZE=5P这是第三条线段，WIDTH=50%(百分比方式)BRHR WIDTH=50% SIZE=7 * 排版标记 水平线段 HR \ 在屏幕上显示一条水平线，用以分割页面中的不同部分。 属性　 size　水平线的宽 width 水平线的长，占屏幕宽度的百分比或象素值来表示 align 水平线的对齐方式 (center、left、right) noshade 线段无阴影属性，为实心线段 HTML元素 htmlheadtitle线段align示例 /title/head body /body /html P这是第一条线段，无WIDTH设定，取WIDTH内定值100%来显示BRHR SIZE=3P这是第二条线段，WIDTH=50(点数方式)BRHR WIDTH=50 SIZE=5P这是第三条线段，WIDTH=50%(百分比方式)BRHR WIDTH=50% SIZE=7 P这是第一条线段，无ALIGN设定，(取内定值CENTER显示)BRHR WIDTH=50% SIZE=5P这是第二条线段，向左对齐BRHR WIDTH=60% SIZE=7 ALIGN=LEFTP这是第三条线段，向右对齐BRHR WIDTH=70% SIZE=2 ALIGN=RIGHT 默认居中！ * 排版标记 水平线段 HR \ 在屏幕上显示一条水平线，用以分割页面中的不同部分。 属性　 size　水平线的宽 width 水平线的长，占屏幕宽度的百分比或象素值来表示 align 水平线的对齐方式 (center、left、right) noshade 线段无阴影属性，为实心线段 HTML元素 htmlheadtitle线段align示例 /title/head body /body /html P这是第一条线段，无NOSHADE设定，取内定值阴影效果来显示BRHR WIDTH=80% SIZE=5P这是第二条线段，有NOSHADE设定BRHR WIDTH=80% SIZE=7 ALIGN=LEFT NOSHADE P这是第一条线段，无ALIGN设定，(取内定值CENTER显示)BRHR WIDTH=50% SIZE=5P这是第二条线段，向左对齐BRHR WIDTH=60% SIZE=7 ALIGN=LEFTP这是第三条线段，向右