初识 HTML

HTML

1.描述　HTML超文本标记语言（英语：HyperText Markup Language）是一种用于创建网页的标准标记语言

　　　　　您可以使用 HTML 来建立自己的 WEB 站点，HTML 运行在浏览器上，由浏览器来解析。

　2. 一个最基本的HTML页面：

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>网页标题</title>
</head>
<body>
</body>
</html>

　　上述解析：

<!DOCTYPE html> 声明为 HTML5 文档
<html> 元素是 HTML 页面的根元素
<head> 元素包含了文档的元（meta）数据，如 <meta charset="utf-8"> 定义网页编码格式为 utf-8（meta设置字符集要与浏览器统一，不然造成乱码）　　
<title> 元素描述了文档的标题
<body> 元素包含了可见的页面内容

　3.标签：　　

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

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

• 结构：

<标签名>标签内容</标签名>

<标签名 />

　4.常用标签：

　　<html>

　　　 • 作用：

– <html>标签用于告诉浏览器这个文档中包含的信息是用HTML编写的。

• 用法：

– 所有的网页的内容都需要编写到html标签中一个页面中html标签只能有一个。

– html标签中有两个子标签head和body 。

<head>

• 作用：

– <head>标签用来表示网页的元数据，head中包含了浏览器和搜索引擎使用的其他不可见信息。

• 用法：

– head标签作为html标签的子元素的出现，一个网页中只能有一个head。

　　 <title>

• 作用：

– <title>标签表示网页的标题，一般会在网页的标题栏上显示。
– title标签中的文字，是页面优化的最重要因素。在搜索引擎的搜索时最先看到的、最醒目的内容。

　　 <body>

　　　• 作用：

– <body>标签用来设置网页的主体，所有在页面中能看到的内容都应该编写到body标签中。

　　 <h1>~<h6>

• 作用：

– h1~h6都是网页中的标题标签，用来表示网页中的一个标题，不同的是，从h1~h6重要性越来越低。

– 标题标签相当于正文的标题，通常认为重要性仅次于页面的title。

　　 – 一般标题标签我们只会使用到h3，h3以后的标题标签对于搜索引擎就没有什么意义了。

　　　– 一个页面中只会使用一个h1标签。

<p>

　　 • 作用：

– <p>标签表示网页中的一个段落。

– 一般浏览器会在段落的前和后各加上一个换行，也就是段落会在页面中自成一行。

　　<br />
　　 • 作用
　　 – <br />标签表示一个换行标签，使用br标签可以使br标签后的内容另起一行。
　　<hr />
　　 • 作用：
　　 – <hr />标签是水平线标签，使用hr标签可以在页面中打印一条水平线，水平线可以将页面分成上下两个部分。
　　<img />
　 • 作用：
　　 – < img />标签是图片标签，可以用来向页面中引入一张外部的图片。
　　• 属性：
　　 – src指向一个外部的图片的路径。
　 – alt图片的描述
　　<a>
　　 • 作用：
　　 – <a>标签是超链接标签，通过a标签，可以快速跳转到其他页面。
　　 • 属性：
　　 – href 指向一个链接地址
　　 – target设置打开目标页面的位置，可选值：_blank新窗口、_self当前窗口。

5.基本标签实例及效果

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>基本标签</title>
	</head>
	<body>
		<h1> 一级标题 </h1>
		<h2> 二级标题 </h2>
		<h3> 三级标题 </h3>
		<h4> 四级标题 </h4>
		<h5> 五级标题 </h5>
		<h6> 六级标题 </h6>
		<p>相对论（Relativity）的基本假设是相对性原理，即物理定律与参照系的选择无关。<br>
		狭义相对论（Special Relativity）和广义相对论（General Relativity）的区别是，<br>
		前者讨论的是匀速直线运动的参照系（惯性参照系）之间的物理定律，后者则推广到具有加速度的参照系中<br><hr ><br>
		（非惯性系），并在等效原理的假设下，广泛应用于引<br>力场中。相对论和量子力学是现代物理学的两大基本支柱。
		经典物理学基础的<br>经典力学，不适用于高速运动的物体和微观<br>领域。相对论解决了高速运动问题；量子力学解决了
		微观亚原子条件下的问题。<br>相对论颠覆了人类对宇宙和自然的“常识性”观念，提出了“时间和空间的相对性”、“四维时空”、
		“弯曲空间”等全新的概念。狭义相对论提出于1905年，广义相对论提出于1915年（爱<br>因斯坦在1915年末完成广义相对论的
		创建工作，在1916年初正式发表相关论文）。
		</p>
		<img src="../../HelloHBuilder/img/HBuilder.png" >
		<a href="#">这是个链接</a>
	</body>
</html>

猜你喜欢