HTML语言基础教学

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

您需要登录才可以下载或查看，没有账号？点此注册，一起交流

×

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

在这里推荐一个网站：

http://www.w3school.com.cn/

里面有很多基础编程教程。

同时推荐一个适合新手接触的编程软件

Dreamweaver

入门

首先了解一下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代码都会写在这个标签内。

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

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

这个标签可以来写网站的标题，里面写的是什么，打开页面的时候显示的标题就是什么。

这个标签是用来写网站内容的，网站的页面都是写在这里的。

看完上面这些，有人会发现，有些标签是成对的，例如<head>和</head>，而有些标签不是成对的，例如<meta>，这是为什么呢？

首先来说<head>和</head>，</head>这个是结束标签，有开始就有结束对吧。

然后来说<meta>，如果大家看的仔细，会发现其实他的格式是这样的"<meta 内容 />"，他的结束标签就是“/”。

某些标签是可以单写的，用“/”结尾，这里就不具体说明了，大家可以看看上面的地址。

今天就更到这里了，等有空再更。

希望大家可以学到自己喜欢的知识，喵~

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

向dalao低头

[教程] HTML语言基础教学