HTML基础知识day1

什么是HTML?

HTML是Hyper Text Markup Language的缩写,中文名称为超文本标记语言,它是一种标识性语言。它包括一系列标签,通过这些标签可以将网络上的文档格式统一,使分散的Internet资源连接为一个逻辑整体,同时使得各个浏览器的标准统一。HTML文本是由HTML命令组成的描述性文本,HTML命令可以说明文字,图形、动画、声音、表格、链接等。
超文本是一种组织信息的方式,它通过超级链接方法将文本中的文字、图表与其他信息媒体相关联。这些相互关联的信息媒体可能在同一文本中,也可能是其他文件,或是地理位置相距遥远的某台计算机上的文件。这种组织信息方式将分布在不同位置的信息资源用随机方式进行连接,为人们查找,检索信息提供方便。

HTML的主体结构

HTML的主体结构如下:


<html>
	<head>
	<title>
	title>
	head>
	<body>
	body>
html>

标记符< html>:说明该文件是用超文本标记语言来描述的,它是文件的开头,而< /html>则表示该文件的结尾,它们是超文本标记语言文件的开始标记和结尾标记。
标记符< head>< /head>:这2个标记符分别表示头部信息的开始和结尾。头部中包含的标记是页面的标题、序言、说明等内容,它本身不作为内容来显示,但影响网页显示的效果。头部中最常用的标记符是标题标记符和meta标记符,其中标题标记符用于定义网页的标题,它的内容显示在网页窗口的标题栏中,网页标题可被浏览器用做书签和收藏清单。
标记符< title>:定义了这个文档的标题。
标记符< body>:这个标记符表示了网页里面的内容,即在这个标记符内写了什么,在网页打开后就呈现出什么内容。

HTML几个重要标签

< h1>~< h6>

HTML 标题(Heading)是通过< h1> ~< h6> 标签来定义的。
代码如下:


<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)title>
head>
<body>
<h1>这是标题 1h1>1
<h2>这是标题 2h2>2
<h3>这是标题 3h3>3
<h4>这是标题 4h4>
<h5>这是标题 5h5>
<h6>这是标题 6h6>6
<h7>这是标题 7h7>7
body>
html>

运行结果如图所示:
HTML基础知识day1_第1张图片
我们可以看出来,标题标签从大到小只有6个,< h7>之后的标题都没有用。标题标签可使标签内的文字单独构成一行。

< p>

HTML 段落是通过标签 < p> 来定义的。
代码如下:


<html>
<head>
<meta charset="utf-8">
<title>hello worldtitle>
head>
<body>

<p>这是一个段落。p>
<p>这是一个段落。p>
<p>这是一个段落。p>

body>
html>

运行结果如图所示:
HTML基础知识day1_第2张图片
我们可以看出来,因为< p>标签的存在,我们可以把内容分成一个个段落。

< hr>

在HTML中,< hr> 定义内容中的主题变化,并显示为一条水平线。
代码如下:


<html>
<head> 
<meta charset="utf-8"> 
<title>hello worldtitle> 
head>
<body>

<h1>HTMLh1>
<p>HTML 是用于描述 web 页面的一种语言。p>

<hr/>

<h1>CSSh1>
<p>CSS 定义如何显示 HTML 元素。p>

body>
html>

运行结果如图所示:
HTML基础知识day1_第3张图片
我们可以看出来,在两段文字之间因为使用了< hr>标签而出现了一条水平线。

< br>

在HTML中,< br>定义为换行符号。
代码如下:


<html>
<head> 
<meta charset="utf-8"> 
<title>hello worldtitle> 
head>
<body>

<p>
使用 br 元素<br>在文本中<br>换行。
p>

body>
html>

运行结果如图所示:
HTML基础知识day1_第4张图片
我们可以看出,在使用了< br>标签后,完成了换行。

你可能感兴趣的:(html)