HTML学习笔记

一. HTML简介

1. 什么是HTML

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

  • HTML指的是超文本标记语言
  • HTML不是一种编程语言,而是一种标记语言
  • 标记语言是一套标记标签
  • HTML使用标记标签来描述网页

2. HTML标签

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

3. HTML文档=网页

Web浏览器的作用是读取HTML文档,并以网页的形式去显示出它们。浏览器不会显示HTML标签,而是使用标签来解释页面的内容。




我的第一个标题

我的第一个段落。

  • 和之间的文本描述网页
  • 和之间的文本是可见的页面内容
  • 之间的文本被显示为标题
  • 之间的文本被显示为段落

二. 简单的HTML标签

1. 四大元素

  • HTML 标题(Heading)是通过

    -

    等标签进行定义的。
  • HTML 段落是通过

    标签进行定义的。

  • HTML 链接是通过 标签进行定义的。
 This is a link 
  • HTML 图像是通过 标签进行定义的。

2. 空的HTML元素

没有内容的HTML元素被称为空元素,空元素是在开始标签中关闭的。用
表示空行。

三. HTML属性

属性总是以名称/值对的形式出现,如:name = "value",且总是在HTML元素的开始标签中规定。

下面的代码中,href属性指定链接的地址,标签定义链接。

 This is a link 

下面的代码中,align属性指定对齐方式

message

下面的代码中,bgcolor属性指定背景颜色的附加信息

 body 

属性值始终被引号包围,如果内容有双引号,则需要用单引号来描述,如

name='Bill "HelloWorld" Gates'

四. HTML样式

  • style属性:用于改变HTML元素的样式,它提供了一种改变所有HTML元素的样式的通用方法,可以使用style属性直接将样式添加到HTML元素,或者间接地在独立的样式表中(CSS文件)进行定义。

下面的代码中,background-color 属性为元素定义了背景颜色:




heading2

paragraph

下面的代码中,font-family、color 以及 font-size 属性分别定义元素中文本的字体系列、颜色和字体尺寸:




heading2

paragraph

下面的代码中,text-align 属性规定了元素中文本的水平对齐方式:




heading1

paragraph

使用样式的三种方法:

  • 外部样式表:当样式需要被应用到很多页面的时候,外部样式表是理想的选择。使用外部样式表,可以通过更改一个文件来改变整个站点的外观。