本帖最后由 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 内容 />",他的结束标签就是“/”。 某些标签是可以单写的,用“/”结尾,这里就不具体说明了,大家可以看看上面的地址。
今天就更到这里了,等有空再更。 希望大家可以学到自己喜欢的知识,喵~
|