HTML基础知识

在这里插入图片描述

1、HTML综述

1.1 概念

HTML的全称是超文本标记语言(Hyper Text Markup Language, HTML)。HTML不同于java、c或者c#等编程语言,它并不是编程语言,而是一种标记语言(Markup Language)。
HTML是构成网页文档的主要语言,由一套标记标签构成(Markupo Tag,例如<html></html><head></head><title></title><body></body>等)组成,HTML通过这些标签来描述网页。
HTML操作简单,功能强大,主要特点:

  1. 简易性
  2. 可扩展性
  3. 平台无关性

1.2 文档结构

一个以.html或者.tml为扩展名的文件就是一个html文档。
HTML文档有自己固定的结构,主要由三部分组成:

<html>
	<head>……</head>
	<body>……</body>
</html>

例如:

<html>
	<head>
		<title>Hello World!</title>
	</head>
	<body>
		Hello World!
	</body>
</html>

直接用记事本保存为test.html文件,使用浏览器打开。
在这里插入图片描述
这就是一个非常简单的html网页。

1.3 文档类型

由于历史原因,HTML有许多版本,主要包括:HTML4.0、XHTML1.0和HTML5,常用的是HTML5版本。
浏览器默认是不知道HTML文档是那个版本的,所以必须在文档的开头声明
在HTML5中,文档类型声明只有一种:

<!DOCTYPE html>

所以1.2的代码是不完善的,需要加上文档类型声明:

<!DOCTYPE html>
<html>
	<head>
		<title>Hello World!</title>
	</head>
	<body>
		Hello World!
	</body>
</html>

1.4HTML基本语法

通过不同的标签(tag),HTML文档可以包含不同的内容,比如最基础的文本图片,链接、列表、表格、表单甚至视频等,最后在浏览器上呈现出来,就构成了网页

  • 标签
    用尖括号包含的关键词称为标签,标签通常成对出现,例如:<p></p>,标签内部包含对应标签的内容,例如:<p>Hello World!</p>
  • 元素
    标签及其包含的内容称为元素。例如:<p>Hello World!</p>
  • 块级元素
    在浏览器中显示时会从新的一行开始。例如<p>Hello World!</p><p>I'm Yancy!</p>这两行文字在浏览器中会分行显示,因为p标签属于块级元素。
  • 内联元素
    又称为行内元素,与块级元素相反,会在桶一行从左到右顺序显示。
  • 属性
    元素的属性位于标签名称之后,用空格隔开,以键值对的形式出现。
    例如:<p align="center">HelloWorld</p>,其中align就是p标签的属性之一。

简单的来说,一张网页就对应了一篇HTML文档,浏览器的功能就是将文档“翻译”成我们最后看到的网页。而CSS则是将网页美化的工具,JavaScript就是实现网页与用户交互的工具。

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

小绵杨Yancy

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值