- 1、本文档共91页,可阅读全部内容。
- 2、原创力文档(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。
- 3、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载。
- 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
查看更多
第二十三章HTML基础
第二十三章:HTML基础
学习重点HTML文档是由HTML元素组成的文本文件是预定义的正在使用的HTML标签HTML中最重要的标签是定义标题元素,段落和换行的标签格式化元素比如加粗和倾斜文本知识要点
HTML元素HTML文档是由HTML元素组成的文本文件。HTML元素是预定义的正在使用的HTML标签。
HTML标签HTML标签用来组成HTML元素。HTML标签两端有两个包括字符:“”和“”,这两个包括字符被称为角括号。HTML标签通常成对出现,比如b和/b。一对标签的前面一个是开始标签,第二个是结束标签,在开始和结束标签之间的文本是元素内容。HTML标签是大小写无关的,b跟B表示的意思是一样的。
回忆一下上一页的HTML例子:
html
head
titleTitle of page/title
/head
body
This is my first homepage.
bThis text is bold/b
/body
/html下面是一个HTML元素:
bThis text is bold/b此HTML元素以开始标签b起始, 内容是:This text is bold,以结束标签/b中止。b标签的目的是定义一个需要被显示成粗体的HTML元素。下面也是一个HTML元素:
body
This is my first homepage.
bThis text is bold/b
/body
此HTML标签以开始标签body起始,终止于结束标签/body。body标签的目的是定义一个HTML元素,使其包含HTML文档的主体。为什么使用小写标签?HTML标签是大小写无关的:B跟b含义相同。当你上网的时候,你会注意到多数教程在示例中使用大写的HTML标签,我们总是使用小写标签。为什么?假如你想投入到下一代HTML中,你应该开始使用小写标签。W3C在他们的HTML4建议中提倡使用小写标签,XHTML(下一代HTML)也需要小写标签。
标签属性标签可以拥有属性。属性能够为页面上的HTML元素提供附加信息。标签body定义了HTML页面的主体元素。使用一个附加的bgcolor属性,你可以告诉浏览器:你页面的背景色是红色的,就像这样:
body bgcolor=red标签table定义了一个HTML表格。使用一个附加的border属性,你可以告诉浏览器:这个表格是没有边框的,代码是:
table border=0属性通常由属性名和值成对出现,就像这样:name=value。属性通常是附加给HTML元素的开始标签的。
引号样式属性值应该被包含在引号中。双引号是最常用的,但是单引号也可以使用。在很少情况下,比如说属性值本身包含引号,使用单引号就很必要了。比如:name=John ShotGun Nelson。注意:中文引号跟英文引号是不一样的。上面所指的引号都是英文状态下的引号。
HTML基本标签
HTML中最重要的标签是定义标题元素,段落和换行的标签。学习HTML的最好方法是编辑运行示例代码。
请自己尝试一下这个例子一个非常简单的HTML文档:
html
body
The content of the body element is displayed in your browser.
/body
/html
这个例子是一个非常简单的HTML文档,拥有很少的几个HTML标签。它说明了一个主体元素中的文本是如何在浏览器中显示的。
简单的段落:
html
body
p
This is a paragraph.
/p
p
This is a paragraph.
/p
p
This is a paragraph.
/p
p
Paragraph elements are defined by the p tag.
/p
/body
/html这个例子说明了段落元素中的文本是如何在浏览器中显示的。标题元素标题元素由标签h1到h6定义。h1定义了最大的标题元素,h6定义了最小的。
h1
This is a heading
/h1
h2
This is a heading
/h2
h3
This is a heading
/h3
h4
This is a heading
/h4
h5
This is a heading
/h5
h6
This is a heading
/h6HTML自动在一个标题元素前后各添加一个空行。
段落
段落是用p标签定义的。
pThis is another paragraph/p HTML自动在一个段落前后各添加一个空行。换行当需要结束一行,并且不想开始新段落时,使用
文档评论(0)