HTML基础标签

2023-03-06 09:26:44 点击：971次

一、HTML介绍

1、什么是HTML?

HTML是一门语言，所有的网页都是用HTML这门语言编写出来的。HTML(HyperText Markup Language):超文本标记语言。

超文本：超越了文本的限制，比普通文本更强大。除了文字信息，还可以定义图片、音频、视频等内容。

标记语言：由标签构成的语言

HTML运行在浏览器上，HTML标签由浏览器来解析

HTML标签都是预定义好的。例如:使用< img>展示图片

2、W3C标准:网页主要由三部分组成

结构:HTML

表现:css

行为:JavaScript

二、HTML快速入门

新建文本文件，后缀名改为.html

编写HTML结构标签

在< body>中定义文字

<html> html根标签 <head> 加载资源信息和标题 <title> </title> </head> <body> <font color = "red" >正文 </font> </body></html>

1、HTML文件以.htm或.html为扩展名

2、HTML结构标签

< HTML>：定义HTML文档

< head>：定义关于文档的信息

< title>：定义文裆的标题

< body>：定义文档的主体

3、HTML标签不区分大小写

4、HTML标签属性值单双引皆可

5、HTML语法松散

三、基础标签

1、< h1> ~< h6> ：定义标题，h1最大，h6最小；

用法：< h1>我是标题h1< /h1>

2、< font>：定义文本的字体、字体尺寸、字体颜色（css完成）；

用法：< font face = “楷体” size = “5” color = “red”> 字体大小和颜色 < /font>

html表示颜色：

（1）英文单词：red,pink,blue…

（2）rgb(值1，值2，值3)，红绿蓝，值的取值范围：0~255，如red(255,0,0)

（3）#值1值2值3：16进制，值的范围：00~ff

3、< hr>：定义水平线

4、< b>：定义粗体文本

5、< i>：定义斜体文本

6、< u>：定义文本下划线

7、< center>：定义文本居中(css完成)