找回密码
 点此注册,一起交流

QQ登录

只需一步,快速开始

快捷导航
发帖
图集游戏社团任务公告
查看: 1481|回复: 1

[教程] HTML语言基础教学

[复制链接]

16

主题

124

回帖

801

积分

Lv.6 富商

深海远航中...

SAN值
148
贡献
3
叉子
2283
爱心
0
咸鱼
96
在线时间
84 小时
注册时间
2016-10-22

灰色领域青葱领域光荣圣堂

QQ
发表于 2016-10-22 19:55:26 | 显示全部楼层 |阅读模式

登录查看完整内容,这不会花费您太长时间

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

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

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



入门

首先了解一下HTML的基本格式

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

  7. <body>
  8. </body>
  9. </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 内容 />",他的结束标签就是“/”。
某些标签是可以单写的,用“/”结尾,这里就不具体说明了,大家可以看看上面的地址。


今天就更到这里了,等有空再更。
希望大家可以学到自己喜欢的知识,喵~


评分

参与人数 1SAN值 +20 叉子 +200 贡献 +2 收起 理由
MRTangwin8 + 20 + 200 + 2 加油(积分公式更新

查看全部评分

3

主题

17

回帖

72

积分

Lv.2 市民

SAN值
17
贡献
0
叉子
99
爱心
0
咸鱼
3
在线时间
4 小时
注册时间
2016-10-22
发表于 2016-10-22 19:59:06 | 显示全部楼层
向dalao低头

评分

参与人数 1SAN值 +5 收起 理由
MRTangwin8 + 5 大家都是DALAO

查看全部评分

回复 支持 反对

使用道具 举报

本版积分规则

论坛官方群
543046662 543046662

快来加入我们吧!!

官方微信公众号

ACG中文社区

黑ICP备19004942号-1

Powered by Discuz! X3.5© 2016 - 2024 ACG中文社区

Archiver| 手机版| 小黑屋| ACG中文社区

GMT+8, 2024-11-25 00:29 , Processed in 0.071548 second(s), 8 queries , Redis On.