1、HTML概念
HTML是Hyper Text Markup Language的缩写。意思是超文本标记语言。它的功效是搭建网页结构,在网页上展示内容。
1.1 超文本
HTML文件本质上是文本文件,而普通的文本文件只能表示字符。然则HTML技术经过HTML标签把其他网页、照片、音频、视频等各样多媒介资源引入到当前网页中,让网页有了非常丰富的呈现方式,这便是超文本的含义——本身是文本,然则呈现出来的最后效果超越了文本。
1.2 标记语言
说HTML是一种标记语言,是由于它是由于一系列标签构成的,无常量、变量、流程掌控、反常处理。IO等等这些功能。
HTML很简单,每一个标签都有它固定的含义和确定的页面表示效果。
标签是经过一组尖括号和标签名的方式来定义的。起始标签<>和结束标签</>一块构成为了一个完整的标签。起始标签的结束标签之间的部分叫文本标签体,亦简叫作标签体。
2、HTML的结构
2.1 文档声明
HTML文件中第1行的内容,用来告诉浏览器当前HTML文档的基本信息,其中最要紧的便是当前HTML文档遵循的语法标准。
HTML5版本的文档类型声明如下:
<!DOCTYPEhtml>
2.2 根标签
html标签是全部文档的根标签,所有其他标签都必要放在html标签里面。
2.3 头部
head标签用于定义文档的头部,其他头部元素都放在head标签里。头部元素包含title标签、script标签、style标签、link标签、meta标签等等。
2.4 主体
body标签用于定义网页的主身体容,在浏览器窗口内表示的内容都定义到body标签内。
2.5 注释
HTML注释的写法如下:
<!---->
注释的内容不会表示到浏览器窗口内,是研发人员用来对代码内容进行解释说明。
3、HTML语法规则1.根标签有且只能有一个2.没论是双标签还是单标签都必要正确关闭3.标签能够嵌套但不可交叉嵌套4.注释不可嵌套5.属性必要有值,值必要加引号,单引号或双引号均可6.标签名不区分体积写,但意见运用小写4、HTML的各个标签的运用
4.1 标题标签
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>标题标签的介绍</title>
</head>
<body>
<!--标题标签的特点:
1.独霸一行
2.加粗加黑
3.默认在左边
按照标题的体积,能够分为六级标题,从大到小分别是h1到h6
-->
<h1>我是标题</h1>
<h2>我是标题</h2>
<h3>我是标题</h3>
<h4>我是标题</h4>
<h5>我是标题</h5>
<h6>我是标题</h6>
</body>
</html>
页面效果如下:
请添加照片描述
4.2 段落标签和换行标签
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>段落标签</title>
</head>
<body>
<!--一个p标签里面的内容就放在一段里面-->
<p>从11月15日起始,全国已连续九天每日新增本土感染者突破两万。其中,23日,这一数值已然破三万。国家疾控局传防司二级巡视员胡翔11月22日介绍说,11月1日败兴,全国已然累计报告了25.3万例感染者,近1星期平均每日报告2.22万例
|