html作品使用说明,HTML使用详解

介绍

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

HTML基本结构

网页标题

概述：

标签声明为HTML5文档

标签元素是HTML页面的根元素

定义网页编码格式为utf-8。标签元素描述了文档的标题标签元素包含了页面可见的内容

HTML常用标签的使用

1.htm标签

说明：超文本标记语言规定以开始，以结束

2.div标签

说明：块级元素标签，独占一行或是一块区域；使用方式是：

3.span标签

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

4.a标签

说明：超链接标签，用于网站中的链接效果；使用方式：被链接内容

5.br标签

说明：换行标签，使用方式：

6.p标签

说明：文本标签，使用方式：

内容

7.h1~h6标签

说明：标题标签，着重强调，使用方式：

标题内容

8.b标签

说明：文本加粗标签，使用方式：加粗内容

9.strong标签

说明：文本加粗标签，使用方式：加粗内容

10.em标签

说明：强调标签，使用方式：强调内容

11.i标签

说明：斜体标签，使用方式：斜体内容

12.u标签

说明：下划线标签，使用方式：下划线内容

13.img标签

说明：图片标签，使用方式：

14.hr标签

说明：水平线标签，使用方式：

---

15.form标签

说明:表单标签，使用方式

或

action="" method="post">

16.label标签

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

17.input标签

说明：输入框标签，使用方式：

18.textarea标签

说明：文本区域表单标签元素,使用方式：

name="DIVCSS5" cols="30" rows="4">

19.select标签

说明：下拉表单，使用方式：

DIVCSS5

DIVCSS5

20.checkbox标签

说明：多选框，语法结构：

value="" />

21.radio标签

说明：单选框，语法结构：

value="" />

22.table tr td th组合标签

说明:表格，语法结构：

23.dl dt dd组合标签

说明：

为常用标题+列表型标签，语法结构：

列表标题

列表内容

列表内容

...

24.ol li组合标签

说明：有序列表标签元素，使用方式：

1. 内容一
2. 内容二
3. 内容三

25.ul li组合标签

说明：无序列表标签元素，使用方式

• 内容一
• 内容二
• 内容三

26.link标签

说明：用于引用外部样式表链接

27.script标签

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

28.meta标签

说明：常用于关键字，网页介绍，作者，编码格式的声明

29.head标签

说明：头部标签，主要包含：meta，title,link,script,style等标签

30.style标签

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

31.body标签

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