HTML基础
笔记按照下面结构书写。
HTML入门看HTML手册就可以了 http://www.521yy.com/tools/HTML/
1、一个例子入门
假如你运行的是windows系统,打开记事本,在其中输入以下文本:
<html> <head> <title>Title of page</title> </head> <body> This is my first homepage. <b>This text is bold</b> </body> </html>
将此文件保存为“mypage.htm”。
启动浏览器。在文件菜单中选择“打开”(或者“打开页面”),这时将出现一个对话框。选择“浏览”(或者“选择文件”),定位到你刚才创建的HTML文件——“mypage.htm”,选择它,单击“打开”。然后在对话框中,你将看到这个文件的地址,比如说:“C:\MyDocuments\mypage.htm”。单击“确定”,浏览器将显示此页面。
例子解释
HTML文档中,第一个标签是<html>。这个标签告诉浏览器这是HTML文档的开始。HTML文档的最后一个标签是</html>,这个标签告诉浏览器这是HTML文档的终止。
在<head>和</head>标签之间文本的是头信息。在浏览器窗口中,头信息是不被显示的。
在<title>和</title>标签之间的文本是文档标题,它被显示在浏览器窗口的标题栏。
在<body>和</body>标签之间的文本是正文,会被显示在浏览器中。
在<b>和</b>标签之间的文本会以加粗字体显示。
2、HTML标签
HTML标签用来组成HTML元素。
HTML标签两端有两个包括字符:“<”和“>”,这两个包括字符被称为角括号。
HTML标签通常成对出现,比如<b>和</b>。一对标签的前面一个是开始标签,第二个是结束标签,在开始和结束标签之间的文本是元素内容。
HTML标签是大小写无关的,<b>跟<B>表示的意思是一样的。
3、HTML元素
回忆一下上一页的HTML例子:
<html>
<head>
<title>Title of page</title>
</head>
<body>
This is my first homepage.
<b>This text is bold</b>
</body>
</html>
下面是一个HTML元素:
<b>This text is bold</b>
此HTML元素以开始标签<b>起始, 内容是:This text is bold,以结束标签</b>中止。<b>标签的目的是定义一个需要被显示成粗体的HTML元素。
下面也是一个HTML元素:
<body>
This is my first homepage.
<b>This text is bold</b>
</body>
此HTML标签以开始标签<body>起始,终止于结束标签</body>。<body>标签的目的是定义一个HTML元素,使其包含HTML文档的主体。
4、标签属性
标签可以拥有属性。属性能够为页面上的HTML元素提供附加信息。
标签<body>定义了HTML页面的主体元素。使用一个附加的bgcolor属性,你可以告诉浏览器:你页面的背景色是红色的,就像这样:
<body bgcolor="red">
标签<table>定义了一个HTML表格。使用一个附加的border属性,你可以告诉浏览器:这个表格是没有边框的,代码是:
<table border="0">
属性通常由属性名和值成对出现,就像这样:name="value"。属性通常是附加给HTML元素的开始标签的。
5、引号样式
属性值应该被包含在引号中。双引号是最常用的,但是单引号也可以使用。
在很少情况下,比如说属性值本身包含引号,使用单引号就很必要了。
比如:name='John "ShotGun" Nelson'。
注意:中文引号跟英文引号是不一样的。上面所指的引号都是英文状态下的引号。