码前课-前端必修课-HTML5-页面基本结构

570 05-11

什么是HTML？

超文本标记语言(Hypertext Markup Language)
"超文本"指的就是页面内可以包含图片，链接，甚至音乐，程序等非文本元素。

HTML发展历史

超文本标记语言（第一版）–在1993年6月作文互联网工程工作小组（IETF）工作草案发布（并非标准）。
HTML2.0 --1995年11月作为RFC 1866发布，在RFC2854于2000年6月发布之后被宣布已经过时。
HTML3.0 --1997年1月14日，W3C推荐标准。
HTML4.0 --1997年12月18日，W3C推荐标准。
HTML4.01（微小改进） --1999年12月24日，W3C推荐标准。
HTML5.0 --2014年10月28日，W3C推荐标准。

HTML主体结构部分

<!DOCTYPE html>		 //浏览器得知自己需要处理的内容是html
<html lang="en"> 	//文档中html开始的部分，lang ="en“ 表示内容为英文， 可以省略写为 <html> 
	<head>					//提供有关内档内容和标注信息的内容
	</head>
	<body>				//内部的内容即为网页中显示的内容
	</body>
</html>

HTML 文档主要分为 Head 部分和 Body 部分两个部分

Head 部分

Head 部分中可以放入的元素包括

Title // 当前页面的标题
Meta //提供额外的信息，通常写入页面的编码格式
Script //用于嵌入脚本，或者引用外部脚本（比如：JavaScrpt,Jquery库）
Style //用于写入嵌入样式
Link //表示引用指向某一类型的资源，通常为CSS样式表
等等…

示例（Head 部分）:

<head>
    <title>MelanceXin</title>
    <Meta charset="UTF-8">
    <style type="text/css">
         .class1{
            width: 100px;
            height: 200px;
            background-color: aliceblue;
         }
    </style>
    <link href="./bootstrap/css/bootstrap.min.css" rel="stylesheet" media="screen">
    <link href="../css/bootstrap-datetimepicker.min.css" rel="stylesheet" media="screen">
    <script type="text/javascript" src="./jquery/jquery-1.8.3.min.js" charset="UTF-8"></script>
    <script type="text/javascript">
       function Exit(){
           alert("退出");
       }
    </script>
</head>

Body 部分

承载了页面中显示出来的几乎所有的内容

文本元素
表单元素
图片元素
视频元素
音频元素
等等…

学完还行练？点这里。

标签： HTML5