网页制作必备.docx
- 文档编号:29476022
- 上传时间:2023-07-23
- 格式:DOCX
- 页数:92
- 大小:36.54KB
网页制作必备.docx
《网页制作必备.docx》由会员分享,可在线阅读,更多相关《网页制作必备.docx(92页珍藏版)》请在冰豆网上搜索。
网页制作必备
经典HTML学习资料
目录
前言1
HTML介绍2
HTML介绍4
HTML元素6
HTML基本标签8
HTML格式14
HTML实体19
HTML链接20
HTML框架27
HTML表格32
HTML列表48
HTML表单54
HTML图像64
HTML背景70
前言
--------------------------------------------------------------------------------
为什么会有这个教程
我是从1998年开始学习HTML的,当时的感觉就是很好奇,一些简单的语句居然就能做出生动的效果。
那时候国内似乎只有清华图书馆翻译的HTML教程,总体感觉很好,在没有参考书的情况下,它教给我很多东西。
后来,随着时间的推移,用HTML的经验越来越多,我周围很多朋友都对HTML表现出很大的兴趣,我推荐他们看的都是这个版本的HTML教程。
后来有一次我偶然去了一下W3Cschool的网站,看到那边的HTML以及其他教程,深深被其打动,那确实是一些十分好的教程,再后来我推荐给朋友看的就是这个网站的教程了。
但是有的朋友不喜欢英文,而且总是要上网看也很麻烦,我就打算翻译它,并且整理出来,提供给大家。
在翻译过程中,我去掉了已经被W3C废弃或不提倡的标签、属性,比如(font),同时对版面结构进行了调整,希望整体效果看起来还可以。
由于水平有限,翻译出来的结果自然难免错漏,对这个,还望大家不要见笑。
另外,本次翻译并没有得到W3Cschool网站的同意,因此对此向W3Cschool表示歉意。
本教程是免费的,并且可以随意传播,转载,但是请不要修改。
--------------------------------------------------------------------------------
我所要感谢的人
首先感谢W3Cschool网站,没有他们的优秀教程就没有我的翻译,点这里可以访问他们的网站。
在翻译制作本教程的过程中,我得到很多朋友的帮助。
在这里,对他们表示衷心感谢。
谨以此教程献给朋友娃娃:
P和blueidea论坛、天擎论坛的所有朋友以及其他关心、支持我的人们。
--------------------------------------------------------------------------------
关于作者
本人是东南大学计算机专业090016班的学生,可以通过如下方式联系:
给我发邮件:
islandowner@
另外,可以在blueidea或者天擎论坛短消息联系:
桃花岛主。
HTML介绍
--------------------------------------------------------------------------------
HTML文件是什么?
HTML表示超文本标记语言(HyperTextMarkupLanguage)。
HTML文件是一个包含标记的文本文件。
这些标记保速浏览器怎样显示这个页面。
HTML文件必须有htm或者html扩展名。
HTML文件可以用一个简单的文本编辑器创建。
--------------------------------------------------------------------------------
想不想尝试一下?
假如你运行的是windows系统,打开记事本,在其中输入以下文本:
Thisismyfirsthomepage.
Thistextisbold
将此文件保存为“mypage.htm”。
启动浏览器。
在文件菜单中选择“打开”(或者“打开页面”),这时将出现一个对话框。
选择“浏览”(或者“选择文件”),定位到你刚才创建的HTML文件——“mypage.htm”,选择它,单击“打开”。
然后在对话框中,你将看到这个文件的地址,比如说:
“C:
\MyDocuments\mypage.htm”。
单击“确定”,浏览器将显示此页面。
--------------------------------------------------------------------------------
例子解释
HTML文档中,第一个标签是。
这个标签告诉浏览器这是HTML文档的开始。
HTML文档的最后一个标签是,这个标签告诉浏览器这是HTML文档的终止。
在
和标签之间文本的是头信息。在浏览器窗口中,头信息是不被显示的。
在
在
和标签之间的文本是正文,会被显示在浏览器中。在和标签之间的文本会以加粗字体显示。
--------------------------------------------------------------------------------
关于HTML编辑器:
用一些所见即所得的编辑器,比如frontpage,dreamwaver,你可以很容易创建一个页面,而不需要在纯文本中编写代码。
但是假如你想成为一名熟练的网络开发者,我们强烈推荐你用纯文本编辑器编写代码,这有助于学习HTML基础。
--------------------------------------------------------------------------------
常见问题
问:
我编写完了HTML文件,但是不能在浏览器中看见结果,为什么?
答:
请确认你保存了文件,并且使用了正确的文件名和扩展名,例如:
“c:
\mypage.htm”,并且确认你用浏览器打开时使用同样的文件名。
问:
我编辑了HTML文件,但是修改结果并没有在浏览器中显示,为什么?
答:
浏览器缓存了你的页面,所以它不需要两次读取同样的页面。
你修改了这个页面,浏览器并不知道。
请使用“刷新/重载”按钮来强迫浏览器读取编辑过的页面。
HTML介绍
--------------------------------------------------------------------------------
HTML文件是什么?
HTML表示超文本标记语言(HyperTextMarkupLanguage)。
HTML文件是一个包含标记的文本文件。
这些标记保速浏览器怎样显示这个页面。
HTML文件必须有htm或者html扩展名。
HTML文件可以用一个简单的文本编辑器创建。
--------------------------------------------------------------------------------
想不想尝试一下?
假如你运行的是windows系统,打开记事本,在其中输入以下文本:
Thisismyfirsthomepage.
Thistextisbold
将此文件保存为“mypage.htm”。
启动浏览器。
在文件菜单中选择“打开”(或者“打开页面”),这时将出现一个对话框。
选择“浏览”(或者“选择文件”),定位到你刚才创建的HTML文件——“mypage.htm”,选择它,单击“打开”。
然后在对话框中,你将看到这个文件的地址,比如说:
“C:
\MyDocuments\mypage.htm”。
单击“确定”,浏览器将显示此页面。
--------------------------------------------------------------------------------
例子解释
HTML文档中,第一个标签是。
这个标签告诉浏览器这是HTML文档的开始。
HTML文档的最后一个标签是,这个标签告诉浏览器这是HTML文档的终止。
在
和标签之间文本的是头信息。在浏览器窗口中,头信息是不被显示的。
在
在
和标签之间的文本是正文,会被显示在浏览器中。在和标签之间的文本会以加粗字体显示。
--------------------------------------------------------------------------------
关于HTML编辑器:
用一些所见即所得的编辑器,比如frontpage,dreamwaver,你可以很容易创建一个页面,而不需要在纯文本中编写代码。
但是假如你想成为一名熟练的网络开发者,我们强烈推荐你用纯文本编辑器编写代码,这有助于学习HTML基础。
--------------------------------------------------------------------------------
常见问题
问:
我编写完了HTML文件,但是不能在浏览器中看见结果,为什么?
答:
请确认你保存了文件,并且使用了正确的文件名和扩展名,例如:
“c:
\mypage.htm”,并且确认你用浏览器打开时使用同样的文件名。
问:
我编辑了HTML文件,但是修改结果并没有在浏览器中显示,为什么?
答:
浏览器缓存了你的页面,所以它不需要两次读取同样的页面。
你修改了这个页面,浏览器并不知道。
请使用“刷新/重载”按钮来强迫浏览器读取编辑过的页面。
HTML元素
--------------------------------------------------------------------------------
HTML文档是由HTML元素组成的文本文件。
HTML元素是预定义的正在使用的HTML标签。
--------------------------------------------------------------------------------
HTML标签
HTML标签用来组成HTML元素。
HTML标签两端有两个包括字符:
“<”和“>”,这两个包括字符被称为角括号。
HTML标签通常成对出现,比如和。
一对标签的前面一个是开始标签,第二个是结束标签,在开始和结束标签之间的文本是元素内容。
HTML标签是大小写无关的,跟表示的意思是一样的。
--------------------------------------------------------------------------------
HTML元素
回忆一下上一页的HTML例子:
Thisismyfirsthomepage.
Thistextisbold
下面是一个HTML元素:
Thistextisbold
此HTML元素以开始标签起始,内容是:
Thistextisbold,以结束标签中止。
标签的目的是定义一个需要被显示成粗体的HTML元素。
下面也是一个HTML元素:
Thisismyfirsthomepage.
Thistextisbold
此HTML标签以开始标签
起始,终止于结束标签。标签的目的是定义一个HTML元素,使其包含HTML文档的主体。--------------------------------------------------------------------------------
为什么使用小写标签?
我们刚说过,HTML标签是大小写无关的:
跟含义相同。
当你上网的时候,你会注意到多数教程在示例中使用大写的HTML标签,我们总是使用小写标签。
为什么?
假如你想投入到下一代HTML中,你应该开始使用小写标签。
W3C在他们的HTML4建议中提倡使用小写标签,XHTML(下一代HTML)也需要小写标签。
--------------------------------------------------------------------------------
标签属性
标签可以拥有属性。
属性能够为页面上的HTML元素提供附加信息。
标签
定义了HTML页面的主体元素。使用一个附加的bgcolor属性,你可以告诉浏览器:
你页面的背景色是红色的,就像这样:
标签