**昊哥前端知识基本总结**
第一章 :HTML
1.什么是HTML?
HTML称为超文本标记语言,是一种标识性的语言。它包括一系列标签.通过这些标签可以将网络上的文档格式统一,使分散的Internet资源连接为一个逻辑整体。HTML文本是由HTML命令组成的描述性文本,HTML命令可以说明文字,图形、动画、声音、表格、链接等。
2.HTML整体结构
HTML主要分:头部、主体、尾部。
头部内容:
标记符< html>:说明该文件是用超文本标记语言来描述的,它是文件的开头,而则表示该文件的结尾,它们是超文本标记语言文件的开始标记和结尾标记.
< head> < /head>:这2个标记符分别表示头部信息的开始和结尾。头部中包含的标记是页面的标题、序言、说明等内容,它本身不作为内容来显示,但影响网页显示的效果。头部中最常用的标记符是标题标记符和meta标记符,其中标题标记符用于定义网页的标题,它的内容显示在网页窗口的标题栏中,网页标题可被浏览器用做书签和收藏清单。
以下表格列出了 HTML head 元素:
标签 | 描述 |
---|---|
< head> | 定义了文档的信息 |
< title> | 定义了文档的标题 |
< base> | 定义了页面链接标签的默认链接地址 |
< link> | 定义了一个文档和外部资源之间的关系 |
< meta> | 定义了HTML文档中的元数据 |
< script> | 定义了客户端的脚本文件 |
< style> | 定义了HTML文档的样式文件 |
主体内容:
< body>< /body>: 网页中显示的实际内容均包含在这2个正文标记符之间。正文标记符又称为实体标记。只有 < body>区域 (白色部分) 才会在浏览器中显示。
尾部内容:
< footer>< /footer>: 标签定义文档或者文档的一部分区域的页脚,< footer>元素应该包含它所包含的元素的信息。在典型情况下,该元素会包含文档创作者的姓名、文档的版权信息、使用条款的链接、联系信息等等。
< footer>在一个文档中,您可以定义多个 < footer> 元素。
HTML代码例图如下:
<!--头部-->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style type="text/css">
<!-- 编写一些样式 -->
</style>
<script type="text/javascript">
<!-- 编写一些脚本语言 -->
</script>
</head>
<body>
<!--主体内容-->
<footer>
<!--尾部内容-->
</footer>
</body>
</html>
3.HTML特点
超级文本标记语言文档制作不是很复杂,但功能强大,支持不同数据格式的文件镶入,这也是万维网盛行的原因之一,其主要特点如下:
1.简易性:超级文本标记语言版本升级采用超集方式,从而更加灵活方便。
2.可扩展性:超级文本标记语言的广泛应用带来了加强功能,增加标识符等要求,超级文本标记语言采取子类元素的方式,为系统扩展带来保证。
3.平台无关性:虽然个人计算机大行其道,但使用MAC等其他机器的大有人在,超级文本标记语言可以使用在广泛的平台上,这也是万维网盛行的另一个原因。
4.通用性:另外,HTML是网络的通用语言,一种简单、通用的全置标记语言。它允许网页制作人建立文本与图片相结合的复杂页面,这些页面可以被网上任何其他人浏览到,无论使用的是什么类型的电脑或浏览器。