HTML怎么使用

发布时间：2021-11-03 11:05:49 作者：小新
来源：亿速云阅读：136

这篇文章将为大家详细讲解有关HTML怎么使用，小编觉得挺实用的，因此分享给大家做个参考，希望大家阅读完这篇文章后可以有所收获。

介绍

HTML被称之为超文本标记语言，是用来创建网页的标准标记语言，通过一系列的标识，来规范网络上的文档格式。通常我们通过HTML来建立网站，然后由浏览器来解析我们的网站HTML标签；本文主要针对于HTML的使用进行一个简要介绍。

HTML基本结构

<!DOCTYPE html>
<html>
  <head>
      <meta charset="utf-8"/>
      <title>网页标题</title>
  </head>
  <body>
  </body>
</html>

概述：

<!DOCTYPE html> 标签声明为 HTML5 文档

<html> 标签元素是 HTML 页面的根元素

<head> 标签元素包含了文档的元（meta）数据，如： <meta charset="utf-8"> 定义网页编码格式为 utf-8。

<title> 标签元素描述了文档的标题

<body> 标签元素包含了页面可见的内容

HTML常用标签的使用

1. span标签

说明：内联元素标签，使用方式是：<span>展示的内容</span>

4.<spantimes new="" roman"'=""> a标签

说明：超链接标签，用于网站中的链接效果；使用方式：<a href=“链接地址” target="目标" title="说明">被链接内容</a>

5. h2~h7标签

说明：标题标签，着重强调，使用方式：<h2>标题内容<h2>

8. em标签

说明：强调标签，使用方式：<em> 强调内容</em>

11. img标签

说明：图片标签，使用方式：<img src="图片路径" width="175" height="47" alt="说明" />

14. label标签

说明：表单布局中会遇到label标签的使用，使用方式：<label>文本内容</label>

17.input标签

说明：输入框标签，使用方式：<input type="输入框类型" value="value值" />

18. checkbox 标签

说明：多选框，语法结构：<input name="Fruit" type="checkbox" value="" />

21. dl dt dd组合标签

说明：<dl><dt></dt><dd></dd></dl>为常用标题+列表型标签，语法结构：

<dl>
<dt>列表标题</dt>
<dd>列表内容</dd>
<dd>列表内容</dd>
...
</dl>

24. script标签

说明：放置JavaScript脚本或引用外部脚本

28. style标签

说明：常用于定义内部样式表

31.<spantimes new="" roman"'=""> body标签

说明：包含网页可见的内容，除head包含外

关于“HTML怎么使用”这篇文章就分享到这里了，希望以上内容可以对大家有一定的帮助，使各位可以学到更多知识，如果觉得文章不错，请把它分享出去让更多的人看到。

相关阅读