兰潇0w0 发表于 2016-10-22 19:55:26

HTML语言基础教学

本帖最后由 Ice_tuzi 于 2016-10-24 09:55 编辑

在这里推荐一个网站:http://www.w3school.com.cn/里面有很多基础编程教程。同时推荐一个适合新手接触的编程软件Dreamweaver
static/image/hrline/5.gif

入门
首先了解一下HTML的基本格式
在Dreamweaver里面创建一个HTML文件,可以看到软件已经给你生成了一些代码<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>

<body>
</body>
</html>
这些也就是HTML的基本格式了
这里需要注意的是,HTML对大小写不敏感
接下来我们解释一下他们代表的意思

[*]<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
这条的意思是告诉浏览器,这个文件里的代码是HTML的,浏览器将会以HTML的方式处理这些代码。
当然可能玩过“审查元素”的人会问“为什么我看有些网站写的是<!DOCTYPE>,不是你说的这一长条啊?”
其实,那么写也是没问题的,但是最标准的写法是上面这一长条。

[*]<html></html>
我们写的HTML代码都会写在这个标签内。

[*]<head></head>
这个标签呢,是头部代码。当你在声明一些东西的时候,都会写在这里。这里也可以写一些CSS代码,CSS代码要写在<style></style>内。

[*]<meta>
这个标签可提供有关页面的元信息,比如针对搜索引擎和更新频度的描述和关键词。
最常用的是用来声明格式,例如“charset=utf-8”,他的意思就是定义这个文件的编码是UTF-8格式的。

[*]<title></title>
这个标签可以来写网站的标题,里面写的是什么,打开页面的时候显示的标题就是什么。

[*]<body></body>
这个标签是用来写网站内容的,网站的页面都是写在这里的。

看完上面这些,有人会发现,有些标签是成对的,例如<head>和</head>,而有些标签不是成对的,例如<meta>,这是为什么呢?首先来说<head>和</head>,</head>这个是结束标签,有开始就有结束对吧。然后来说<meta>,如果大家看的仔细,会发现其实他的格式是这样的"<meta 内容 />",他的结束标签就是“/”。某些标签是可以单写的,用“/”结尾,这里就不具体说明了,大家可以看看上面的地址。
static/image/hrline/5.gif
今天就更到这里了,等有空再更。希望大家可以学到自己喜欢的知识,喵~


c7w 发表于 2016-10-22 19:59:06

向dalao低头
页: [1]
查看完整版本: HTML语言基础教学