# 认识HTML标签

## **语义化标签**

## 标签的用途

在学习网页制作时，常常会听到一个词，语义化，那么什么叫语义化呢？通俗说就是：明白每个标签的用途(在什么情况下使用什么标签)比如：网页上文章的标题可以使用标题标签，网页上的各个栏目的栏目名称也可以使用**标题标签**，文章中的内容的段落就得放在**段落标签**中等等。

## 段落标签

如果想在网页上显示文章，这时就需要使用<p>标签了，把文章的内容放到段落标签中，语法如下:

```

文章内容

```

示例：

```

这是第一个段落，这是第一个段落，这是第一个段落，这是第一个段落，这是第一个段落，这是第一个段落，这是第一个段落，这是第一个段落，这是第一个段落，这是第一个段落，这是第一个段落

这是第二个段落，这是第二个段落，这是第二个段落，这是第二个段落，这是第二个段落，这是第二个段落，这是第二个段落，这是第二个段落，这是第二个段落，这是第二个段落

```

效果：

![](https://img.kancloud.cn/f4/78/f478143381d22c9f4f34c0dfe27d5bec_688x388.png)

P标签的默认样式，可以从上图看出来，段前和段后都会有空白，如果想去掉这个空白，可以采用CSS去除。

## 文本标签

文本标签没有特殊的语义，它的作用就是为了设置单独的样式。

语法：

```

文本内容

```

示例：

```

HTML的全称为超文本标记语言，是一种标记语言。它包括一系列标签．通过这些标签可以将网络上的文档格式统一，使分散的Internet资源连接为一个逻辑整体。HTML文本是由HTML命令组成的描述性文本，HTML命令可以说明文字，图形、动画、声音、表格、链接等。超文本...

```

如果想把“超文本标记语言”的字体颜色改为红色，这是就需要使用<span>标签了。

## 标题标签

文章的内容是用<p>标签，那么文章的标题使用什么标签呢？在HTML中可以使用标题标签来定义标题。

标题标签一共有6个，分别为 h1,h2,h3,h4,h5,h6

语法：

```

一级标题

二级标题

三级标题

四级标题

五级标题

六级标题

```

示例：

![](https://img.kancloud.cn/87/97/879741de52a49fbaf513467294963322_820x433.png)

## DIV标签

在网页制作过程过中，可以把一些独立的逻辑部分划分出来，放在一个`

`标签中，这个标签的作用就相当于一个容器。

语法：

```

内容

```

**确定逻辑部分：**

什么是逻辑部分？它是页面上相互关联的一组元素。如网页中的独立的**栏目版块**，就是一个典型的逻辑部分。如下图所示：图中用红色边框标出的部分就是一个逻辑部分，就可以使用`

`标签作为容器。

## 头部区域

## 底部区域

## 区段

## 侧边栏

## *效果标签*

`
`,` `,`

第二章 html标记语言,第二章-认识HTML标签相关推荐

x_html语言名词解释,第2章++XHTML标记语言（97页）-原创力文档
第2章 XHTML标签语言 2.1 XHTML基础 2.2 段落和文字标签 2.3 列表标签 2.4 超级链接标签 2.5 插入图片标签 2.6 页面布局标签 2.7 框架标签 2.8 表单标签 2. ...
以下html标记语言表示网页标题的标记是,第8章 HTML标记语言.ppt
Target属性用于指定要在其中打开文档的框架的名称.创建框架时,需要设置Name属性.此名称用于创建链接时,设置链接目标.修改框架的内容后,原始的框架集定义将丢失.如果有多个链接指向同一个目标,可以 ...
小谢同学的C语言之路————第一章初遇C语言第二集数据类型
承接上集,我们学习了第一个C语言程序.接下来我们来学习数据类型! 首先,小C来介绍一些数据类型,他们分别是: 1.char__________________________ 字符数据类型 2.sho ...
bb平台c语言第2章习题,C语言各章习题集
C语言习题集第 1 章 C语言概述一. 填空题 1. C程序是由构成的,一个C程序中至少包含.是C程序的基本单位. 2. 任何C程序必须有且只有一个_______函数. 3. C程序注释是由和所界 ...
[iBoard 电子学堂][第二卷 C程序设计语言 ]第二篇数据类型与运算符
一.数据类型 1.变量及命名规则变量是存储在硬件存储器某一区间的数值.C语言中,变量的命名有一定的规则.变量名字是由字母和数字组成的序列(a~z.A~Z.0~9和 _),但第一个字符必须为字 ...
Web前端开发笔记——第二章 HTML语言第三节文本格式化标签
目录前言一.文本加粗.斜体标签二.文本字体缩小.放大标签三.文本下标.上标标签四.文本下划线.删除线标签五.双引号字符结语前言这里主要介绍对html语言中对文本的处理. 一.文本加粗 ...
HTML(超文本标记语言)介绍
超文本标记语言(Hyper Text Markup Language,简称HTML)是为"网页创建和其它可在网页浏览器中看到的信息"设计的一种标记语言. HTML的全称为超文本标记 ...
【AIML系列-1】人工智能标记语言——基本内容教学
[AIML系列]人工智能标记语言--基本内容教学 AIML代表人工智能标记语言.AIML由Alicebot自由软件社区和Richard S. Wallace博士在1995-2000期间开发. AIML ...
html是什么？超文本标记语言
html是什么?很多人在学习web时会遇到的内容.今天小编就来给大家总结一下html是什么? 1.Html含义 HTML的全称为超文本标记语言(Hyper Text Markup Language), ...

第二章 html标记语言,第二章-认识HTML标签