初识HTML：简单的HelloWorld⽹页制作
HTML 基本概念
HTML是⼀种标准化的标记语⾔，由⼀套标记标签(markup tag)组成。Web前端开发⼈员的⼀项主要⼯作就是利⽤HTML标签来编写⽹页，将⽂本、超链接、图⽚、语⾳、视频等各种内容整合起来，实现绚丽多姿的⽹页。
下⾯是⼤家需要记住的关于HTML的⼀些基本描述：
HTML标记标签，通常简称HTML标签；
HTML⽂档，通常简称HTML页⾯、⽹页等；
HTML5能够较好的兼容HTML之前版本，但也废弃了⼀些旧的HTML特性。
基本的HTML结构
这是⼀个最基本HTML页⾯：
1<!DOCTYPE html>
2<html>
3    <head>
4        <meta charset="utf-8">
5        <title>Hello World</title>
6    </head>
7    <body bgcolor="yellow">
8        <h1 align="center">这是⼀个⼀级标题</h1>
9        <p>这是第1个段落。</p>
10        <p>这是第2个段落。</p>
11    </body>
12</html>
显⽰效果如下：
其中：
<html>、</html>，<body>，</body>，<h1>，<p>等都是HTML标签；
<h1>这是⼀个⼀级标题</h1>，<p>这是第1个段落。</p>等都是HTML元素；
bgcolor="yellow"、align="center"都是HTML元素的属性。
那么HTML标记和HTML元素，到底有何区别呢？HTML元素的属性⼜是什么呢？
HTML 标签
HTML标签由⼀对尖括号、标签名，以及反斜杠组成，包括开始标签和结束标签两类：
开始标签的格式：<；标签名>。
结束标签的格式：</标签名>。
因此，
<html>，<head>，<p>等都是开始标签；
</html>，</head>，</p>等都是结束标签。
HTML 元素
HTML元素是由HTML开始标签、元素内容、HTML结束标签，以及各种HTML属性组成的嵌套式HTML内容单元。典型的HTML元素的格式：
<；标签名> 元素内容 </标签名>
因此，
⼀个HTML⽂档，即<html>...</html>就是⼀个最⼤的HTML元素；
<head>...</head>，<p>...</p>也都是HTML元素（其中...表⽰两个标记之间的所有内容）。
HTML 属性
属性提供了有关HTML元素的更多的信息。
HTML属性位于开始标签，其基本的结构如下：
<；标签名属性名="属性值"> 元素内容 </标签名>
下⾯是关于属性的⼀些要点：
属性在开始标签中规定；
属性是以名称/值对的形式出现，⽐如：name="value"；
⼀个标签可以包含多个属性；
HTML属性不会展现到⽹页上。
本例中，bgcolor属性代表主体(body)部分的颜⾊；align属性代表对齐⽅向，其值有：
align属性值含义
center居中对齐
right右对齐
left左对齐
提⽰：
1. 属性使⽤⼩写英⽂字母更加符合规范；
2. 属性值可以⽤双引号或单引号包含，例如：
title=' 他说"你好" '
这种情况，属性值如果包含双引号，那么最外层就⽤单引号。
我们还会⽤到⼀些常⽤的属性，如下表所⽰：
| 属性 | 值 | 含义
| ------------ | -----------
| class | ⾃定义的元素类名 | 元素的类名
| id | ⾃定义的元素id名 | 元素的唯⼀的id
| style | 元素内联样式 | 元素的样式
| title | 额外信息内容 | 元素的额外信息
本关的任务是编写⼀个简单的HTML页⾯，这个⽹页包含⼀个标题和⼀个段落。显⽰效果如下:
代码如下：
1<!DOCTYPE html>
2<html>
3  <head>
4    <meta charset="utf-8">
5    <title>Hello world</title>
6  </head>
7
8
9  <body bgcolor='F6F3D6'>
10    <!--⽤HTML语⾔向世界打声招呼吧！-->
11    <h1 align="center" >Hello World</h1>
12    <p  align="center" >动⼿改变世界</p>
13  </body>
14html制作一个网页
15
16</html>

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。