第一个 HTML 页面
浏览 586
课文
第一个 HTML 页面
在桌面上新建一个文本,输入以下代码保存。
<h1>三眼鸭yyds</h1>
将文件的后缀改成 html
, 双击打开。
不出意外会显示一个网页,网页上用大号加粗字体显示了 三眼鸭yyds
.。
其中 <h1>
是一级标题的开始标签, </h1>
则是一个结束标签。开始标签与结束标签是一一对应的,它们构成了一个元素。这里则是构成了 一级标题
这个元素。
HTML 页面
HTML 是 HyperText Markup Language 超文本标记语言
的缩写。
以下代码是一个较为完整的 HTML 页面
。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>三眼鸭</title>
</head>
<body>
<h1>三眼鸭yyds</h1>
<p>欢迎来三眼鸭学编程</p>
</body>
</html>
**<!DOCTYPE html>**
声明这是一个 HTML 页面<html>
HTML 页面的根元素<head>
头部元素,包含一些引入文件,元信息等<meta charset="utf-8">
网页编码格式为 utf-8<title>
元素描述了文档的标题<body>
页面上的可见元素<h1>
一级标题<p>
文本段落
代码运行结果如下,<title>
标签的内容就是浏览器的标题,而只有 <body>
元素内的内容才会显示在页面上。
通过上面这个例子我们发现 HTML
元素是可以 嵌套
的,这是 HTML
最大的特点与实用性所在,因为页面中很多元素都是嵌套的,便可以用 HTML
轻易地表达出来。
比如三眼鸭的首页元素同样也是一层一层的嵌套关系。
实战
写一个网页,标题是你的名字,页面内容是你的座右铭。
解析
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>路飞</title>
</head>
<body>
<p>我是要成为海贼王的男人。</p>
</body>
</html>
评论
暂无评论