首 页IT知识库收藏内容
当前位置:翔宇亭IT乐园IT知识库WEBHTML

HTML简介

减小字体 增大字体 作者:本站  来源:本站整理  发布时间:2023-05-02 07:58:00

什么是HTML?

HTML是超文本标记语言(Hyper Text Markup Language)的缩写;

HTML是创建Web页面的标准标记语言;

HTML用于描述Web页面的结构;

HTML是由一系列元素组成;

HTML元素用于告诉浏览器如何显示内容;

HTML元素可以标记内容片段,如“标题”、“段落”、“链接”等。

HTML文档简单示例

<!DOCTYPE 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中的元素

在HTML中,一个元素一般由开始标记和结束标记构成,开始标记和节数标记中间是该元素的具体内容。具体形式如下:

<tagname>这里是具体的内容或其他标记......</tabname>

位于开始标记和结束标记中的内容都是该元素的内容。需要注意的是:并非所有的元素都有内容,如换行符<br>,其也没必要有结束标记,因此在HTML中的一些元素是没有结束标记的,如除了<br>之外,<hr>用于显示一条水平线,其也没有结束标记。

HTML的编辑器

HTML可以使用任何文本编辑器进行编辑,如计算机自带的记事本,也可以使用更加专业的编辑器来编辑,如vscode、dreamweaver、NotePad++、Atom等。

下面以记事本为例,讲解具体的编写过程。

(1)打开记事本,输入以下内容。

<!DOCTYPE html>
<html>
<body>

<h1>内容一级标题</h1>

<p>这是段落:翔宇亭IT乐园的网址是:http://www.biye5u.com.</p>

</body>
</html>

 在记事本中书写的样式如下:

使用记事本编写html

(2)保存编写的文档

编写完毕后,选择记事本中的菜单:文件->另存为,文件名称输入:index.html,文件类型选择“所有文件”,编码选择“UTF-8”,然后点击“保存”即可。如下图所示:

使用记事本编写HTML时保存文件

要注意的是,保存文件的后缀需要是htmlhtm

(3)浏览网页效果

可以双击打开刚才保存的文件,上面的结果如下图所示:

预览HTML文件

一些建议

当然,专业的编辑器一般提供了语法着色,即时预览、可视化编辑、标记补全、潜在问题提示等一系列可以提高编辑效率的功能。在我们开始学习HTML时,尽量通过手写代码来锻炼代码编写能力,了解HTML中每个标记的含义。

微信搜索“优雅的代码”关注本站的公众号,或直接使用微信扫描下面二维码关注本站公众号,以获取最新内容。

个人成长离不开各位的关注,你的关注就是我继续前行的动力。

知识评论评论内容只代表网友观点,与本站立场无关!

   评论摘要(共 0 条,得分 0 分,平均 0 分) 查看完整评论
愿您的精彩评论引起共鸣,带来思考和价值。
用户名: 查看更多评论
分 值:100分 90分 80分 70分 60分 40分 20分
内 容:
验证码:
关于本站 | 网站帮助 | 广告合作 | 网站声明 | 友情连接 | 网站地图
本站部分内容来自互联网,如有侵权,请来信告之,谢谢!
Copyright © 2007-2024 biye5u.com. All Rights Reserved.