Web学习之HTML基础教程

HTML简介

• HTML是用来描述网页的一种语言。

• HTML 指的是超文本标记语言（Hyper Text Markup Language）

• HTML 不是一种编程语言，而是一种标记语言（markup language），标记* 语言是一套标记标签（markup tag）

• HTML 使用标记标签来描述网页。

• 标签的语法 标签由英文尖括号<和>括起来，如就是一个标签。html中的标签一般都是成对出现的，分 开始标签 和 结束标签 。结束标签比开始标签多了一个/。标签与标签之间是可以嵌套的，但先后顺序必须保持一致，如：

  里嵌套

  ，那么

  必须放在
  的前面。如下图所示。另外html不区分大小写，一般建议用小写。

  
  
  
  
      
      
  
  
      
  网页正文
  
  
  

标签

• HTML中的标记指的就是标签。

• HTML使用标记标签来描述网页。

• 结构：

  <标签名>标签内容
  
  

元素

• 我们还将一个完整的标签称为元素。

• 这里我们可以将元素和标签认为是一个同一词。

  一级标题
  

上边的h1我们就称为元素

  
我是一个段落

p也是一个元素，em是p的子元素，p是em的父元素。

  
      
内容
  

• body 也是一个元素。
• body 是p和em的祖先元素。
• p 和em是body的后代元素。

属性

• 可以为HTML标签设置属性。

• 通过属性为HTML元素提供附加信息。

• 属性需要设置在开始标签或自结束中。

• 属性总是以名称/值对的形式出现。

• 比如:name = 'value'

• 有些属性可以是任意值，有些则必须是指定值。

  标题
  
  

常见属性

• id

-id属性作为标签的唯一标识，在同一个网页中不能出现相同的id属性值。

• class

-class属性用来标签分组，拥有相同class属性的标签我们认为就是一组，可以出现相同的class属性，可以为一个元素指向多个class。

• title

-title属性用来指定标签的标题，指定title以后，鼠标移动到元素上方时，会出现提示文字。

注释

• HTML注释中的内容不会在网页中显示。

• 格式：

• 合理使用注释可以帮助开发人员理解网页的代码。

• 注释不能嵌套！！！