领跑计划Day001Html

Posted 师兄白泽

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了领跑计划Day001Html相关的知识，希望对你有一定的参考价值。

html

1.什么是Html

HTML（Hypter Text Markup Language ）的全称为超文本标记语言，是一种标记语言。它包括一系列标签．通过这些标签可以将网络上的文档格式统一，使分散的Internet资源连接为一个逻辑整体。HTML文本是由HTML命令组成的描述性文本，HTML命令可以说明文字，图形、动画、声音、表格、链接等。

超文本是一种组织信息的方式，它通过超级链接方法将文本中的文字、图表与其他信息媒体相关联。这些相互关联的信息媒体可能在同一文本中，也可能是其他文件，或是地理位置相距遥远的某台计算机上的文件。这种组织信息方式将分布在不同位置的信息资源用随机方式进行连接，为人们查找，检索信息提供方便。

2.html发展史

HTML的全称是HypertextMarkup Language （超文本标记语言）。HTML是用于描述网页文档的标记语言。

现在我们常常习惯于用数字来描述HTML的版本（如：HTML5），但是最初的时候我们并没有HTML1，而是1993年IETF团队的一个草案，并不是成型的标准。

两年之后，在1995年HTML有了第二版，即HTML2.0，当时是作为RFC1866发布的。

有了以上的两个历史版本，HTML的发展可谓突飞猛进。1996年HTML3.2成为W3C推荐标准。之后在1997年和1999年，作为升级版本的4.0和4.01也相继成为W3C的推荐标准。

在2000年基于HTML4.01的ISOHTML成为了国际标准化组织和国际电工委员会的标准。于是被沿用至今，这期间虽然有点小的改动但大方向上终归没有什么变化。

从1993-2000之间短短的7年时间，HTML语言有着很大的发展，基于诸多人的努力，终于产生了我们现在用的HTML语言。

3.html特点：

3.1、简易性

HTML版本升级采用超集方式，从而更加灵活方便。

3.2、可扩展性

HTML语言的广泛应用带来了加强功能，增加标识符等要求，HTML采取子类元素的方式，为系统扩展带来保证。

3.3、平台无关性

虽然PC机大行其道，但使用MAC等其他机器的大有人在，HTML可以使用在广泛的平台上，这也是WWW盛行的另一个原因。

4.Html文档结构

<!DOCTYPE html><!--声明文档结构-->
<!--
五大主流浏览器
1、IE浏览器：
IE是微软公司旗下浏览器，是目国内用户量最多的浏览器。IE诞生于1994年，当时微软为了对抗市场份额占据将近百分之九十的网景Netscape Navigator，于是在Windows中开发了自己的浏览器Internet Explorer，自此也引发了第一次浏览器大战。结果可想而知，微软大获全胜，网景不得不将自己卖给AOL公司。但实际上事情并没有结束，网景后来开发了风靡一时的Firefox火狐，至今Firefox也成为世界五大浏览器之一。
1996年，微软从Spyglass手里拿到Spyglass Mosaic的源代码和授权，开始开发自己的浏览器IE。后来，微软以IE和Windows捆绑的模式不断向市场扩展份额，使IE成为市场的绝对主流。现在装了Windows系统的电脑基本无法卸载IE。
2、Opera浏览器：
Opera是挪威Opera Software ASA公司旗下的浏览器。1995年，opera公司发布第一版Opera浏览器，使用自己研发的Presto内核。当时opera公司的开发团队不断完善Presto内核，使Opera浏览器一度成为顶级浏览器。直到2016年奇虎360和昆仑万维收购了Oprea浏览器，从此也丢弃了强大的Presto内核，改用当时Google开源的webkit内核。后来Opera浏览器跟随Google将浏览器内核改为Blink内核。自此Presto内核也淡出了互联网市场。
3、Safari浏览器：
第二次浏览器大战是从苹果公司发布Safari浏览器开始的。2003年，苹果公司在苹果手机上开发Safari浏览器，利用自己得天独厚的手机市场份额使Safari浏览器迅速成为世界主流浏览器。Safari是最早使用webkit内核的浏览器也是现在苹果默认的浏览器。
4、Firefox浏览器：
Firefox浏览器使Mozilla公司旗下浏览器，也是刚才提到的网景公司后来的浏览器。网景被收购后，网景人员创办了Mozilla基金会，这是一个非盈利组织，他们在2004年推出自己的浏览器Firefox。Firefox采用Gecko作为内核。Gecko是一个开源的项目，代码完全公开，因此受到很多人的青睐。Firefox的问世加快了第二次浏览器大战的开始。第二次浏览器大战与第一次二元鼎力的局面不同，这一次的特点就是百家争鸣，也自此打破了IE浏览器从98年网景被收购后独步浏览器市场的局面。
5、Chrome浏览器：
Chrome浏览器是google旗下的浏览器。Chrome浏览器至发布以来一直讲究简洁、快速、安全，所以Chrome浏览器到现在一直受人追捧。最开始Chrome采用webkit作为浏览器内核，直到2013年，google宣布不再使用苹果的webkit内核，开始使用webkit的分支内核Blink。
-->
<html lang="en"><!--告诉浏览器，文档的语言是英文-->

<head><!--html的思想（用户看不到的内容）-->
    <!-- 
        GB2312 big
        GBK
        Unicode
     -->
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>淘宝网，淘，呸</title><!--文档标题（浏览器标签页显示的内容）-->
  	<!--script js代码存放位置-->
    <script>
    </script>
  	<!--内部css存放位置-->
    <style>
        h1{
            font-size: 20px;
            font-weight: lighter;
        }
        div{
            font-size: 2em;
            font-weight: bold;
        }
    </style>
  	<!--base 文档中未定义的链接默认为以下地址-->
    <base href="#">
  	<!--引入外部的css javascript-->
    <link rel="stylesheet" href="">
</head>
<body>
  <!--这里写的是用户可以看到的页面的内容-->
</body>
</html>

5.Html常用标签

<!DOCTYPE html>定义文档类型。
<html>定义 HTML 文档。
<head>定义关于文档的信息。
<title>定义文档的标题。
<body>定义文档的主体。
<h1>~<h6>定义 HTML 标题。
<p>定义段落。
<br>定义简单的折行。
<hr>定义水平线。
<!---->定义注释。

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-TpHG9kuW-1636003579347)(Day001Html.assets/image-20211031220504471.png)]

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-prrQuWZF-1636003579349)(Day001Html.assets/image-20211031222135067-5690097.png)]

6.常用格式化标签

标签描述
<acronym>定义只取首字母的缩写。HTML5 中不支持。请使用 代替。
<abbr>定义缩写。
<address>定义文档作者或拥有者的联系信息。
<b>定义粗体文本。
<bdi>定义文本的文本方向，使其脱离其周围文本的方向设置。
<bdo>定义文字方向。
<big>定义大号文本。HTML5 中不支持。请使用 CSS 代替。
<blockquote>定义长的引用。
<center>定义大号文本。HTML5 中不支持。请使用 CSS 代替。
<cite>定义引用(citation)。
<code>定义计算机代码文本。
<del>定义被删除文本。
<dfn>定义定义项目。
<em>定义强调文本。
<font>定义大号文本。HTML5 中不支持。请使用 CSS 代替。
<i>定义斜体文本。
<ins>定义被插入文本。
<kbd>定义键盘文本。
<mark>定义有记号的文本。
<meter>定义预定义范围内的度量。
<pre>定义预格式文本。
<progress>定义任何类型的任务的进度。
<q>定义短的引用。
<rp>定义若浏览器不支持 ruby 元素显示的内容。
<rt>定义 ruby 注释的解释。
<ruby>定义 ruby 注释。
<s>定义加删除线的文本。
<smap>定义计算机代码样本。
<small>定义小号文本。
<strike>定义加删除线文本。HTML5 中不支持。请使用 或 代替。
<strong>定义语气更为强烈的强调文本。
<sup>定义上标文本。
<sub>定义下标文本。
<template>定义用作容纳页面加载时隐藏内容的容器。
<time>定义日期/时间。
<tt>定义打字机文本。HTML5 中不支持。请使用 CSS 代替。
<u>定义下划线文本。
<var>定义文本的变量部分。
<wbr>定义可能的换行符。

以上是关于领跑计划Day001Html的主要内容，如果未能解决你的问题，请参考以下文章

领跑计划Day004Html

领跑计划Day004Html

领跑计划Day002Html

领跑计划Day002Html

领跑计划Day003Html

领跑计划Day003Html