第二章 HTML语言概述
2.1什么是HTML文件
HTML的英文全称是Hypertext Marked Language,中文叫做“超文本标记语言”。 和一般文本的不同的是,一个HTML文件不仅包含文本内容,还包含一些Tag,中文称“标记”。 一个HTML文件的后缀名是.htm或者是.html。 用文本编辑器就可以编写HTML文件。 下面写个小HTML文件
This is my first homepage. This text is bold
2.2 HTML元素
HTML 元素指的是从开始标签(start tag)到结束标签(end tag)的所有代码。 HTML 元素以开始标签起始 HTML 元素以结束标签终止 元素的内容是开始标签与结束标签之间的内容 某些 HTML 元素具有空内容(empty content) 空元素在开始标签中进行关闭(以开始标签的结束而结束) 大多数 HTML 元素可拥有属性
2.3HTML格式
HTML定义了一些文本格式的Tag,比如利用Tag,可以将字体变成粗体或者斜体。从下面的示例,你可以了解各种文本格式Tag如何改变HTML文本的显示。
6
2.4 HTML 的特殊字符显示
有些字符在HTML里有特别的含义,比如小于号<就表示HTML Tag的开始,这个小于号是不显示在我们最终看到的网页里的。那如果我们希望在网页中显示一个小于号,该怎么办呢?这就要说到HTML字符实体(HTML Character Entities)了。一个字符实体(Character Entity)分成三部分:第一部分是一个&符号,英文叫ampersand;第二部分是实体(Entity)名字或者是#加上实体(Entity)编号;第三部分是一个分号。比如,要显示小于号,就可以写<或者<。用实体(Entity)名字的好处是比较好理解,一看lt,大概就猜出是less than的意思,但是其劣势在于并不是所有的浏览器都支持最新的Entity名字。而实体(Entity)编号,各种浏览器都能处理。 注意:Entity是区分大小写的。 最常用的字符实体如下图:
7
2.5HTML样式
style 属性的作用: 提供了一种改变所有 HTML 元素的样式的通用方法。 样式是 HTML 4 引入的,它是一种新的首选的改变 HTML 元素样式的方式。通过 HTML 样式, 能够通过使用 style 属性直接将样式添加到 HTML 元素, 或者间接地在独立 的样式表中(CSS 文件)进行定义。
2.6HTML链接
HTML 使用 (锚)标签来创建连接另一个文档的链接。 锚可以指向网络上的任何资源:一张 HTML 页面,一幅图像,一个声音或视频文件等 等。
1)a和href属性 HTML用来表示超链接,英文叫anchor。
可以指向任何一个文件源:一个HTML网页,一个图片,一个影视文件等。用法如下:
链接的文字
点击当中的内容,即可打开一个链接文件,href属性则表示这个链接文件的路径。比如链接到admin5.com/html站点首页,就可以这样表示: 2)target属性使用 title 属性,可以让鼠标悬停在超链接上的时候,显示该超链接的文字注释。
3)name属性 使用name属性,可以跳转到一个文件的指定部位。 使用name属性,要设置一对。一是设定name的名称,二是设定一个href指向这个name;
4)链接到email属性 在网站中,你经常会看到“联系我们”的链接,一点击这个链接,就会触发你的邮件客户端,比如Outlook Express,然后显示一个新建mail的窗口。用可以实现这样的功能。 代码如:
这是一个最简单的邮箱地址的链接:
8
这个邮箱地址的链接写了subject内容:
这个邮箱地址链接写了to, cc, bcc, subject, body的内容:
href=\om&subject=I like your site&body=真是个好站点!\写信给新浪
注:空格请用 表示。
显示效果如下图:
图2-1
2.7HTML表格
表格由 标签来定义。每个表格均有若干行(由 标签定义) ,每行被分割 为若干单元格(由 标签定义) 。字母 td 指表格数据(table data) ,即数据单元格的内 容。数据单元格可以包含文本、图片、列表、段落、表单、水平线、表格等等。 示列如图2-2:
9
表格所用到的Tag:整个表格开始要用table;每一行开始要用tr;每一单元格开始要用td。
只有一行(Row)一列(Column)的表格
100一行三列的表格
100 200 300两行三列的表格
100 200 300 400 500 60010