第二讲HTML语言概述.ppt

第二讲 HTML语言 课程内容 HTML语言 HTML文档基本架构 HTML head title 网页标题 /title /head BODY pHTML 语言/p /BODY /HTML 说明： html 元素是HTML文档的最高层元素。 head 元素用来标识网页的头部。 title 元素用来指定浏览器所要显示的标题文字。 body 元素用来标识HTML文档的主体部分。 ? HTML文档基本架构 HTML常用标记 头部标记 HEAD和/HEAD是HTML的头部标记，其中主要包括对当前网页的一些基本描述信息，例如网页标题、一些说明信息和搜索关键字等。 1．网页标题标记 2．元信息标记 网页标题标记 格式： TITLE 标题文字 /TITLE 示例： title访客留言簿/title 元信息标记 META标记是HTML头部标记中常见的元信息标记，可重复出现在头部标记中. 作用： 指明本网页的作者、网页制作工具、所包含的的关键字，以及其他一些描述网页信息。 创建HTTP响应头，以便让浏览器知道如何去处理这个网页，例如这个网页什么时候过期，隔多少时间自动刷新等。 META示例 主体标记 标志： BODY ……… /BODY 说明： 是HTML文档的主体标记，其内包括了将在网页中显示的文字、图片、表格、链接、表单等所有内容。 1．BODY标记的属性及其说明 BODY标记应用示例 body bgcolor=gold body bgground=abc.jpg bgproperties=fixed body link=#0000FF alink=#FF0000 vink=#800080 body topmargin=12 leftmargin=20 段落标记 1．标题文字标记 Hn align = 对齐方式 标题文字 /Hn 2．分段标记 P align = 对齐方式 文字 /P 说明：分段标记不仅使得后面的文字换行输出，还将在两个段落之间产生一个空行。分段结束标志 /P 可以省略。 3．换行标记 BR 说明：可以连续使用多个BR 标记来产生多个空行 段落标记 4．横线标记 HR size = 粗细 align = 对齐方式 width = 宽度 color = 颜色 5．文本缩排标记 Blockquote 文字 /Blockquote 文字格式标记 1．字体标记 格式： FONT size = 大小 face = 字体名称 color = 颜色文字/FONT 2．文字修饰标记 特殊字符标记 列表标记 1．有序列表标记 格式： OL type = 序号类型 start = 开始序号 LI 列表项1 LI 列表项2 …… LI 列表项n /OL? OL示例 列表标记 2．无序列表标记 格式： UL type = 项目符号类型 LI 列表项1 LI 列表项2 …… LI 列表项n /UL UL示例 列表标记 3．HTML自定义列表 格式： dl type = 项目符号类型 dt 列表项1/dt dd 说明1/dd …… dt 列表项n/dt dd 说明n/dd /dl DL示例 图像标记 格式： IMG src = 图片文件的URL align = 对齐方式 border = 边框宽度 alt = 说明性替代文字 height = 图像高度 width = 图像宽度 hspace = 水平边距 vspace = 垂直边距 超链接标记 格式： A href = URL用作链接的文字或图像/A HREF示例 a href=“#top”回到id为top 的标志符处/a a href=mailto:du@163.com给我写邮件/a a href=“a.htm” target=“_blank”打开/a HTML表格标记 1．网页中的表格 网页中经常需要使用各种表格元素，设计者不仅可以通过表格来输出诸如“商品表”或“员工表”中的各行信息，更重要的是可以利用表格来方便地控制网页中各种元素的布局，以便整齐地安排网页中众多的文字和图片等。 TABLE align = 对齐方式 bgcolor = 表格背景颜色