首页 > > 网页制作 > css >

HTML5 基础知识（1）——基本标签

2020-03-10 16:01:09来源：博客园阅读 ()

HTML5 基础知识（1）——基本标签

## HTML
**概念**：是最基础的网页开发语言
（Hyper Text Markup Langage 超文本标记语言）

> 1.超文本：超文本是用超链接的方式i，将各种不同空间的文字组织在一起的网状文本。
> 2.标记语言：由表签构成的语言，如HTML，xml。（标记语言不是编程语言）

**快速入门**：

- 语法：

```css
1.HTML文档后缀名为 .html 或 .htm
2.标签分为：
* 围堵标签：有开始标签有结束结束标签。如：<html> </html>
* 自闭和标签：开始标签和结束标签在一起。如：<br />.
3.标签可以嵌套：需要正确嵌套，不能你中有我，我中有你的形式。
例如：错误："<a><b></a></b>",正确"<a><b></b></a>"
4.在开始标签中可以定义属性。属性是由键值对构成，值需要引号（单双都可以）引起来
5.HTML的标签不区分大小写，但建议小写。

```
**标签学习**

```javascript
1.文件标签：
HTML：HTML文档的根标签
head：头标签。用于指定HTML文档的一些属性。引用外部资源。
title：标题标签
body：体标签
<!DOCTYPE html>:html5中定义该文档为HTML文档
2.文本标签：
注释：
<h1> to <h6>:标题标签
h1 -- h6 字体大小逐渐减小
<p>:段落标签
<br />:换行标签
<hr />：水平线标签
属性：
color：颜色
width：宽度
size：高度
align：对齐方式
center：居中
left：左对齐
right：右对齐
<b>：字体加粗
<i>：斜体
<font>字体标签（不在使用）
属性定义：
color：
1.英文单词：red，green，blue
2.rgb（值1，值2，值3）：值的范围：0~255 如： rgb（ 0，0，255）
3，#值1，值2，值3：值的范围：00~FF之间。如：#FF00FF
width：
1。数值：width=‘20’，数值的单位‘px’ ，默认是像素。
2.数值%：占比相对于父元素的比例。

```

**列表标签**

```javascript
1。有序标签：
ol：外层
li：内层
2.无序标签：
ul：外层
li：内层
```

**链接标签**

```javascript
< a >: 定义一个超链接标签
属性：
href：指定访问访问资源的URl（统一资源定位符）
target：指定打开资源的方式
_self:默认值，在当前界面打开
_blank：在新的界面窗口打开
```

**div 和 span:**
```javascript
<div>:每一个div占满一行。块级标签
<span>:文本信息在一行展示，行内标签内联标签。
```
**语义化标签：**

```javascript
HTML5中为了提高程序的可读性，提供了一些标签
1. <header>:页眉
2. <footer>:页脚
```
**表格标签**

```javascript
1.table：定义一个表格
width：宽度
border：边框
bgcolor：背景色
align：对齐方式
2.tr：定义行
3.td：定义单元格
4.th：定义表头单元格
5.<caption>：表格标题
<thead>：表示表格的头部分
<tbody>：表示表格的体部分
<tfoot>：表示表格的脚部分
```

以上就是一些基本的HTML的标签。

原文链接:https://www.cnblogs.com/haoshaoqian/p/12458634.html
如有疑问请与原作者联系

标签：

版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com
特别注意：本站所有转载文章言论不代表本站观点，本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有