HTML基础知识1——HTML简介

超文本标记语言即是我们所熟知的HTML语言，它是一种用于创建网页的标记语言，我们可以使用 HTML 来建立自己的 WEB 站点，HTML 运行在浏览器上，由浏览器来解析

对HTML的理解：

（1）它是一种标记语言即是一套标记标签并不是一种编程语言，HTML使用标记标签来描述网页

（2）HTML文档又叫做web页面，它包含了HTML标签及文本内容

HTML特点：

html不需要编译，直接由浏览器执行
html文件是一个文本文件
html文件必须使用html或html为文件名后缀
html大小写不敏感，html与HTML一样

HTML的基础语法：

(1)html基本结构

html结构包括：html文件、头部信息、网页内容

<html>
<head>
    <title>标题</title>
</head>
<body>
    网页主体内容    
</body>
</html>

注意：

写在head标签中的内容，在网页上不会显示出来

在网页中能看见的内容都是写在body标签中的内容

(2)html标签

HTML 标记标签通常被称为 HTML 标签 (HTML tag)。在基础知识一种写过元素由开始标签、元素内容、结束标签所构成，如:这是一个段落就是一个段落元素

其实简单的来说HTML文档就是由嵌套的HTML元素构成的。

HTML 标签是由尖括号包围的关键词，比如 <html>
HTML 标签通常是成对出现的，比如 和
标签对中的第一个标签是开始标签，第二个标签是结束标签
开始和结束标签也被称为开放标签和闭合标签

<标签>内容</标签>

例如:一个简单的HTML文档

<!DOCTYPE html>
<html>

<body>
<p>这是第一个段落。</p>
</body>

</html>

上实例就包括了三个HTML元素分别是：<html>元素<body>元素元素

注意：

*有些标签可以完成自结束的功能，例如：

*虽然不加结束标签时大多数浏览器也会正确地显示 HTML，但是忘记使用结束标签有时也会产生不可预料的结果或错误。

*HTML 标签对大小写不敏感： 等同于 。许多网站都使用大写的 HTML 标签。但是我们在开发时一般都使用小写

(3)HTML元素

一个 HTML 元素包含了开始标签与结束标签，如下实例:HTML 元素:这是一个段落。

一个简单的HTML实例：

<!DOCTYPE html>                              //声明为HTML5文档
<html>                                       //HTML页面根元素
<head>　　　　　　　　　　　　　　　　　　　　　　　 //HTML的头元素，是不可缺少的组成部分　
<meta charset="utf-8">                       //meta是元数据，charset定义网页编码格式
<title>菜鸟教程(runoob.com)</title>           //标题元素
</head>
<body>                                      //同<head>一样是不可或缺的部分
 
<h1>我的第一个标题</h1>                        //标题                         
 
<p>我的第一个段落。</p>                         //段落
 
</body>
</html>

(4)html属性

HTML属性可以理解为是HTML元素提供的附加信息，他一般描述于开始标签中，一般以名值对的形式出现，如name=“value”

关于HTML属性的一般注意事项：

**属性值应该始终包括在引号内，双引号是最常用的，但是在某些个别情况下如：属性值自身就包含了双引号，那这个时候就要用使用单引号了如：name='xiao"hong"mao'

**属性和属性值对大小写不敏感，但是新版本的HTML要求使用小写属性

**属性写在开始标签中，多个属性之间用空格隔开

**属性的书写格式如下：<标签名属性名1=“属性值” 属性名2=“属性值” ...></标签名>

常用的属性有：

属性	描述
class	为html元素定义一个或多个类名（classname）(类名从样式文件引入)
id	定义元素的唯一id
style	规定元素的行内样式（inline style）
title	描述了元素的额外信息 (作为工具条使用)

*HTML属性有很多，在我们使用时可以查找HTML属性参考手册

html的注释格式：

注释的作用只是为了方便阅读，注释中的内容不会出现在浏览器的页面上

posted @ 2019-11-12 22:11 QMH 阅读(190) 评论(0) 编辑收藏举报

刷新页面返回顶部