[电脑基础知识]第3章HTML语法.ppt

第 三 章  HTML语法 本章内容 3.1 HTML文件的基本结构 3.2 HTML头部标记 3.3 HTML主体标记 3.4 文字和段落标记 3.5 图像标记 3.6 超级链接标记 3.7 列表标记 3.8 表格标记 3.9 层标记 3.10 表单控件 3.11 标签选择器 3.12 本章小结 3.1 HTML文件的基本结构 HTML文件的基本结构： html !--文件开始标记 -- head !--文件头开始的标记-- … … !--文件头的内容 -- /head !--文件头结束的标记 -- body !--文件主体开始的标记 -- … …!--文件主体的内容 -- /body !--文件主体结束的标记-- /html !--文件结束标记 -- 3.1 HTML文件的基本结构 从上面的代码可以看出，HTML代码主要分为3部分，其中各部分含义如下。 html…/html：告诉浏览器HTML文件开始和结束的位置，HTML文档一般由头部标记和主体标记两部分组成，所以其中包括head和body标记。HTML文档中所有的内容都应该在这两个标记之间，一个HTML文档总是以html开始，以/html结束。 head…/head：HTML文件的头部标记，在其中可以放置页面的标题以及文件信息等内容，通常将这两个标记之间的内容统称为HTML的头部，通常不会显示在页面上（只起控制作用）。 body…/body：用来指明文档的主体区域，网页在浏览器文档区所要显示的内容都放在这个标记内，其结束标记/body指明主体区域的结束。 3.2 HTML头部标记 HTML头部标记head里包含关于所在网页的信息，如网页标题、页面描述和页面关键字等等。头部标记head里的内容，主要是被浏览器所用，一般不会显示在网页的正文内容里。 3.2 HTML头部标记 3.2.1 标题标记TITLE 3.2.2 基底网址标记BASE 3.2.3 LINK标记 3.2.4 元信息标记META 3.2.1 标题标记TITLE TITLE标记的语法格式： title……/title 在HTML文件里，TITLE用来表示文档的标题。TITLE 元素只能在HEAD元素内使用。标题内容会显示在浏览器的标题栏和Windows 的任务栏的图标上。另外，收藏页面时显示在的书签名称，搜索引擎结果的标题行。写标题时要注意要反映页面的内容，让人容易读懂。 TITLE里的内容不要过长，浏览器标题栏如果没有足够空间，多于的文字就不会显示出来，一般来说其字数上限为50-60个字符。 例如：titleHTML头部标记/title，则设定页面的标题为：HTML头部标记。 3.2.2 基底网址标记BASE BASE标记的语法格式：base href=url target=target 这个元素指定了一个基准URL，文档内的所有相对URL都是相对它而言的。可以把此元素的href属性设置为一个完全的URL，这样，所有其他的相对URL都在它的基础上定义。 Href 这个属性指定了一个基准URL，文档内的所有相对URL都是相对它而言的。 Target 在何处打开页面中所有的链接。可通过在每个链接中使用 target 属性来覆盖此属性。 · _blank - 在一个新的未命名的窗口载入文档 · _self - 在相同的框架或窗口中载入目标文档 · _parent - 把文档载入父窗口或包含了超链接引用的框架的框架集 · _top - 把文档载入包含该超链接的窗口,取代任何当前正在窗口中显示的框架 · 指定名称 - 和框架配合使用 例如：base target=_blank 则页面所有未定义target属性的链接默认打开窗口都是新窗口。 3.2.3 LINK标记 此元素定义了当前文档与 Web 集合中其他文档的关系。最常用的是用来引入外部的CSS样式表文件，示例如下： head link rel=stylesheet type=text/css href=theme.css / /head 常用属性和取值如下： · href： URL 目标文档或资源的 URL。 · rel： 定义当前文档与目标文档之间的关系，常用值：stylesheet、prev等等 · type： 规定目标 URL 的 MIME 类型。常用值如下： text/css text/javascript image/gif · charset： 定义目标 URL 的字符编码方式。默认值是 ISO-8859-1。 · hreflang： 定义目标 URL 的基准语言。 · media： 规定文档将显示在什么设备上。常用