HTML基础知识1——HTML简介

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

对HTML的理解:

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

(2)HTML文档又叫做web页面,它包含了HTML标签文本内容 

HTML特点:

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

HTML的基础语法:

(1)html基本结构

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

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

注意:

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

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

(2)html标签

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

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

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

例如:一个简单的HTML文档

<!DOCTYPE html>
<html>

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

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

注意:

*有些标签可以完成自结束的功能,例如:<br/>

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

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

(3)HTML元素

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

一个简单的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  阅读(181)  评论(0编辑  收藏  举报