卜卜口の猫窝

在Otaku和常人之间徘徊!

自己动手写网页 第一章

Posted by 卜卜口の on 2010年06月07日 22 条评论

HTML(How To Make Love)

HTML(HyperText Mark-up Language)即超文本标记语言或超文本链接标示语言,是目前网络上应用最为广泛的语言,也是构成网页文档的主要语言。HTML文本是由HTML命令组成的描述性文本,HTML命令可以说明文字、图形、动画、声音、表格、链接等。HTML的结构包括头部(Head)、主体(Body)两大部分,其中头部描述浏览器所需的信息,而主体则包含所要说明的具体内容。

设计HTML语言的目的是为了能把存放在一台电脑中的文本或图形与另一台电脑中的文本或图形方便地联系在一起,形成有机的整体,人们不用考虑具体信息是在当前电脑上还是在网络的其它电脑上。

上面这些当我没说, 具体可以参考wiki甚至百度百科

HTML – 维基百科,自由的百科全书 zh.wikipedia.org/zh-cn/html
html_百度百科 baike.baidu.com/view/692.htm

相信看完百科,大家都应该了解一些关于HTML的内容,至于Hello world,直接跳过,好吧

在编写自己的网页之前,你需要找一个用着顺手的文本编辑器,来编辑你的网页

推荐一些比较好用的编辑器:
1, Dreamweaver 集网页制作和管理网站于一身的所见即所得网页编辑器;
2, UltraEdit 能够满足你一切编辑需要的编辑器;
3, Notepad2 增强版Notepad, 完全可以胜任网页编辑的工作;
4, EmEditor 没有UE那么强大,但是功能要比Notepad2强大.
甚至可以使用windows自带的记事本.

Web 设计软件,HTML 编辑器 | Adobe Dreamweaver CS5
www.adobe.com/cn/products/dreamweaver

UltraEdit Text Editor | UltraCompare file compare
www.ultraedit.com

flo's freeware – Notepad2
www.flos-freeware.ch/notepad2.html

EmEditor Text Editor – Unicode text editor for Windows suppor…
www.emeditor.com

找到了和手的编辑器之后,就开始做你的第一个网页吧

我们从网页的头部开始写起

自己动手写网页 第一章

以上是我的最基本开头部分,
<!DOCTYPE> 标签是用来声明你的HTML使用的是哪种网页标准,我们经常见到的网页其实正在使用的是W3C推荐的XHTML网页标准.并非HTML
XHTML和HTML基本一致,但语法要比HTML严格.更适合我们编写严谨的网页

XHTML 1.0目前规定了三种网页标准 Strict, Transitional 和 Frameset.
其中Transitional要求相对松散, 很容易即可通过XHTML的检测
Frameset则允许我们使用框架结构,在XHTML基本废弃
推荐大家使用更严格的Strict作为你的网页标准, 虽然大家会觉得Transitional更易于使用,但相对的以后有可能面临的网页问题也会增加.
而且Strict可以更平滑的过渡到XHTML1.1 大部分时候只需更改<!DOCTYPE>即可

<html> 标签限定了文档的开始点和结束点, xmlns属性用来在HTML文档中定义命名空间, 用来控制浏览器定义于该元素中的内容. 大多数情况下只需定义在html标签上面即可
<head> 标签用于定义HTML文档的头部,它是所有头部元素的容器.
常用的头部元素有<base>, <link>, <meta>, <script>, <style>, <title>.
<base>标签用来定义HTML文档的根目录路径, 用于补全文档中的一部分使用相对路径定义的文件元素的地址,在XHTML里面必须被正确闭合.
<link>标签用来定义HTML文档与外部资源的关系. 常用的外部资源有CSS文件(层叠样式表),javascript文件(客户端脚本),icon文件(网页的图标)等等..
<meta>元素用来提供有关当前HTML文档的相关信息. 常用的文档信息有description(简介),keywords(关键字),author(作者)等等…
<script>元素用来定义客户端脚本,既可以包含脚本语句,也可以直接指向外部脚本文件. 在XHTML里面必须定义type,
<style>元素用来定义CSS(层叠样式表)信息,CSS规定了浏览器如何呈现当前的HTML文档. 在XHTML里面必须定义type,

自己动手写网页 第一章

文章作者卜卜口の,转载请注明出处及卜卜口の猫窝链接
待续…

文章来自: 自己动手写网页 第一章

22 条评论 订阅评论 RSS

#1
无念,2010年06月07日 08:40

改当教师了?

博主
卜卜口の,2010年06月07日 08:41

@无念 >_<想尝试着写一下这种类似教程的东西, 然后发现自己很不适合写这类文章

#2
肘子,2010年06月07日 08:56

这是一篇关于HTML(How To Make Love)的教程吗?

博主
卜卜口の,2010年06月07日 08:57

@肘子 >_<其实我自己也不是很熟练…以后来要多多练习啊…

#3
UUltraman,2010年06月07日 11:19

基础知识要支持!

#4
wettuy,2010年06月07日 12:06

Good Job~
@卜卜口の 哦,原来乃对how to make love还不是很熟练,打算求更多啪啪,的意思呀

博主
卜卜口の,2010年06月07日 12:07

@wettuy 我不是loli >O<@@@

#5
流河,2010年06月07日 13:59

强烈期待下文

#6
小e,2010年06月07日 16:36

嗯,讲的不错,关注中!

#7
lovee,2010年06月07日 23:57

好久没碰HTML了wwww初中的时候还学了一点

#8
nono+,2010年06月08日 09:33

图片里的EVA不错…

#9
nomaka,2010年06月08日 20:27

html第一课就这么难啊>_<

#10
Bee君,2010年06月08日 22:42

我也是刚刚开始学HTML+CSS

#11
A.L.,2010年06月09日 00:01

入门者基础教程~~技术活~~

#12
A.shun,2010年06月10日 00:24

扫盲贴啊,不错
我想想第一次写html那个时候感觉特成就。
虽然现在完全不专业的说

#13
星野苍真,2010年06月10日 18:49

目前只能写写静态页面而已= =

#14
团伙分享创意,2010年06月11日 23:51

博主 发飙了,呵呵 自己动手写!

#15
掌柜的马甲,2010年06月12日 07:30

很庆幸这些我还是会的..

#16
减肥帮,2010年07月14日 15:25

写的很用心,顶了

#17
LotVpn,2010年08月04日 13:28

Mark…HTML = How To ML ….囧…………ORZ

#18
奈维摩尔,2010年08月17日 11:53

那个啥。。CSS里有的是 xxx{ 有的是 .xxx{ 有的是 #xxx{
有什么区别啊。。

博主
卜卜口の,2010年08月17日 17:04

@奈维摩尔
xxx{ 中的xxx是指html的某类标签例如 a{color:#000;} 设置所有链接的颜色成黑色;
.xxx{ 中的.xxx属于 CSS类选择器 就是定义在html标签上的 class=”xxx” 例如 .xxx{padding:5px;} 设置.xxx选择器的内边距为5px;
#xxx{ 中的#xxx属于 CSS id 选择器 就是定义在html标签中的 id=”xxx” 例如 #xxx{margin:5px;} 设置#xxx选择器的外边距为5px;
简单的区别就是这些,我说的可能不是很明白 ,关于这些,在w3school.com.cn有更详细的说明的
链接 http://www.w3school.com.cn/css/
希望不要被我说明的更迷糊>_<

发表评论!

设置头像