HTML简介
什么是HTML?
HTML是超文本标记语言(Hyper Text Markup Language)的缩写;
HTML是创建Web页面的标准标记语言;
HTML用于描述Web页面的结构;
HTML是由一系列元素组成;
HTML元素用于告诉浏览器如何显示内容;
HTML元素可以标记内容片段,如“标题”、“段落”、“链接”等。
HTML文档简单示例
<html>
<head>
<title>网页标题</title>
</head>
<body>
<h1>这是一个标题</h1>
<p>这是一个段落</p>
</body>
</html>
在上面这个例子中:
< !DOCTYPE html>声明将此文档定义为HTML5文档;
<html>元素是html页面的根元素;
<head>元素包含有关HTML页面的元信息;
<title>元素指定HTML页面的标题(显示在浏览器的标题栏或页面的选项卡中);
<body>元素定义了文档的主体,并且是所有可见内容的容器,例如内容标题、段落、图像、超链接、表格、列表等。
<h1>元素定义了一个一级标题;
<p>元素定义一个段落。
下面内容将介绍HTML中元素的概念。
HTML中的元素
在HTML中,一个元素一般由开始标记和结束标记构成,开始标记和节数标记中间是该元素的具体内容。具体形式如下:
位于开始标记和结束标记中的内容都是该元素的内容。需要注意的是:并非所有的元素都有内容,如换行符<br>,其也没必要有结束标记,因此在HTML中的一些元素是没有结束标记的,如除了<br>之外,<hr>用于显示一条水平线,其也没有结束标记。
HTML的编辑器
HTML可以使用任何文本编辑器进行编辑,如计算机自带的记事本,也可以使用更加专业的编辑器来编辑,如vscode、dreamweaver、NotePad++、Atom等。
下面以记事本为例,讲解具体的编写过程。
(1)打开记事本,输入以下内容。
<html>
<body>
<h1>内容一级标题</h1>
<p>这是段落:翔宇亭IT乐园的网址是:http://www.biye5u.com.</p>
</body>
</html>
在记事本中书写的样式如下:
(2)保存编写的文档
编写完毕后,选择记事本中的菜单:文件->另存为,文件名称输入:index.html,文件类型选择“所有文件”,编码选择“UTF-8”,然后点击“保存”即可。如下图所示:
要注意的是,保存文件的后缀需要是html或htm。
(3)浏览网页效果
可以双击打开刚才保存的文件,上面的结果如下图所示:
一些建议
当然,专业的编辑器一般提供了语法着色,即时预览、可视化编辑、标记补全、潜在问题提示等一系列可以提高编辑效率的功能。在我们开始学习HTML时,尽量通过手写代码来锻炼代码编写能力,了解HTML中每个标记的含义。
微信搜索“优雅的代码”关注本站的公众号,或直接使用微信扫描下面二维码关注本站公众号,以获取最新内容。
个人成长离不开各位的关注,你的关注就是我继续前行的动力。