最新消息:周一至周五21:30分QQ群(161510483)直播,零基础免费学谷歌SEO,WEB前端,PHP入门教程

1.用HTML如何创建一个网页

HTML语言学习 林雍岷 112浏览

怎么用HTML制作网页?如何学习HTML?从一个简单的HTML网页制作开始学习HTML基础知识。现在很多人开始学习网站建设,HTML和CSS是常用的工具,在日常工作,家庭生活中,这些技术给我们带来了诸多便利,让生活变得简单方便。

现在很多企业都有网站,很多企业的网站都需要日常更新,日常更新就要懂基本的HTML和CSS,只要每天花30到45分钟去学习HTML和CSS四周要点突击课程,保证会制作一个静态网站。

创建第一个HTML网页

HTML和CSS像其它程序语言,如PHP,JAVASCRIPT,开始接触就是Hello World例子。用text文本编辑器编写Hello World,第一节教会你用系统自带的文本编辑器实现Hello World例子。

在index.html编写Hello World

  1. 创建index.html文件;
  2. 在index.html文件上只写Hello World这个单词,不要添加任何东西;
  3. 打开浏览器:
    1. 用最原始的方法打开看效果;
    2. 拖着到浏览器打开看效果。
1.用HTML如何创建一个网页 HTML欢迎页面
html欢迎页面效果图

超文本标记语言

超文本标记语言(英语:HyperText Markup Language,简称:HTML)是用于创建网页标准的标记语言。HTML页面使用标签构建的,因此首先我需要解释什么是标签。标签是网页中的一个命令,告诉浏览器执行某项操作。标签以小于(<)和大于(>)的符号括起来。 在学习标签之前,我们首先在网页做doctype声明:

<!doctype html>

上述是html5的写法,注意html版本不同,doctype也不同,下面html4的写法:

Strict Version

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

该 DTD 包含所有 HTML 元素和属性,但不包括展示性的和弃用的元素(比如 font)。不允许框架集(Framesets)。

Transitional Version

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

该 DTD 包含所有 HTML 元素和属性,包括展示性的和弃用的元素(比如 font)。不允许框架集(Framesets)。

Frameset Version

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">

该 DTD 等同于 HTML 4.01 Transitional,但允许框架集内容。

html欢迎页面

打开Sublime文本编辑器或其它任何纯文本编辑器,然后输入以下代码,左边开启尖括号< 标签名称 >右边关闭尖括号,内容放在这里,左边开启尖括号< 斜线 + 标签名称 >右边关闭尖括号。

<!DOCTYPE HTML>
<html lang="en">
<head>
<meta charset="UTF-8">	
<title>你的第一个网页</title>
<!--
1、解决不同国家语言显示乱码的问题;
2、self close (自关闭标签) 多数喜欢这种
-->
<meta charset="utf-8" />
<!--
1、element元素
2、attribute name 属性名称
3、attribute value 属性值
-->
<meta name="value">
<meta name="value"></meta>
<meta charset="utf-8"></meta>
<!--字符控制网页大小-->
</head>
<!--开始写-->
<body>
hello world
</body>
</html>

代码逐行解释

我们刚刚编写了一个简单的Hello World的HTML代码,让我们逐行分析此代码。

<!DOCTYPE HTML>首先是文档的doctype声明,这种情况是HTML5,你应该总是用这个。
<head>HTML文档从head部分开始,该部分在网页上不可见,但包含有关文档的重要信息。
<html lang=”en”>这是HTML文档的开始,指定文档的语言(英语)。
<meta charset=”UTF-8″>字符编码声明:UTF 8
<title>你的第一个网页</title>页面标题可以在浏览器窗口选项卡中以及在收藏夹将网站标记为书签时看到,可以在标题标签之间放置任何内容。 最后一个标签表示标签标题现在结束,在小于号(<)后面加上反斜杠(/)来结束任何标签。
</head>关闭head
<body>我们开始正文部分,这是所有可以在页面上看到的东西。
Hello World浏览器可见的部分
</body> 关闭body
</html结束文件

按Ctrl + U(在Google Chrome中),你可以看到网页后面看到HTML代码。

总结

  1. plain text 和html区别;
  2. 浏览器查看源码。

转载请注明:林雍岷 » 1.用HTML如何创建一个网页