万维网的发明和历史事件(部分)

WWW(World Wide Web),简称万维网。1990年，Tim Berners-Lee 发明了HTML，HTTP，URL。自己写了一个浏览器，服务器和网页。

接下来几个时间点很重要：

1990年，Tim Berners-Lee发明了WWW。
1993年，万维网，Mosaic浏览器出现在人们的视野中。
1995年，马云出国美国，回国后不久，创建了中国黄页公司(一个相当于以前的电话本黄页的网页)
1995年年底，JavaScript出现。
1995-1999年，美国发生了互联网热潮(.com热潮)。
1996年年底,CSS发布第一个版本。
1996年，对于上市公司来说，一个官网主页，已经成为了必须品。
1998年11月，腾讯成立，2004年在香港上市。
1999年，阿里巴巴成立。
2000年1月，百度成立，2005年在美国上市。

马云在去了美国之后，回过就创办了“互联网公司”(当时还不叫互联网)。新时代到来，机会变得更容易获得。

WWW=URL+HTTP+HTML(一个面试题，输入网址到页面出现，发生了写什么？)

HTML起手应该写什么？或者说应该学习什么？

首先是标签：

一个网页最简单的标签都代表什么意思？

!DOCTYPE： 文本类型。告诉浏览器，我是HTML，请用HTML的方式解析我。(面试题：询问DOCTYPE是什么意思？最佳回答：文本类型)
html： HTML标签，代表里面的内容是HTML格式。
head： 头标签。(一般用于加载一些看不见的内容，一般里面的meta标签没有顺序要求，但加载JavaScript代码和css是有要求。)
meta： 文档级元数据元素(meta)表示那些不能由其它 HTML 元相关元素之一表示的任何元数据信息。
body: 文档主体元素,展示网页主要内容。
以上是一个网页必须要有的内容 。

下面是常用标签：(标签总数大概在110个左右，入门的话，先熟记大概30个左右，接下来的再慢慢熟悉，了解)

h1~h6: 标题标签，字体逐渐变小。

section： :章节。表示一个包含在HTML文档中的独立部分，它没有更具体的语义元素来表示，一般来说会有包含一个标题。
article： 文章。MDN的官方解释为元素表示文档、页面、应用或网站中的独立结构，其意在成为可独立分配的或可复用的结构。
p: 段落。表示一个段内容或者一部分内容。
main： 主要的。呈现了文档的 <body> 或应用的主体部分。
aside： 旁边的，无关的。表示一个和其余页面内容几乎无关的部分，被认为是独立于该内容的一部分并且可以被单独的拆分出来而不会使整体受影响。
header: 顶部。顶部部分，和主要内容无关。
footer： 底部。底部部分，和主要内容无关。
div: 盒子标签。可以使用div替代大部分标签。

全局属性：每一个标签都有的属性。

class：类名。class 的值是一个以空格分隔的元素的类名（classes ）列表，它允许 CSS 和 Javascript 通过类选择器 (class selectors) 或DOM方法( document.getElementsByClassName)来选择和访问特定的元素。大部属性都使用class。
contenteditable：可编辑属性 。标签加上这个属性后，用户可以在网页上直接进行编辑操作。
hidden:隐藏 。hidden 是一个布尔属性，表示一个元素尚未或者不再相关。
id:id的名。 全文档唯一的标识符(ID)。但有时候不是全局唯一，且与js中的特殊标识符重名的话，获取不到ID的值。
style：CSS样式。 包含应用到元素的 CSS 样式声明。要注意样式最好定义在单独的文件中。这个属性以及 <style> 元素的主要目的是快速装饰。
tabindex：tab键聚焦。 指示其元素是否可以聚焦，以及它是否/在何处参与顺序键盘导航。
title:标题。
还有很多标签没有举例，如果感兴趣可以去MDN社区查询。

常用的内容标签：

a：超链接标签 。target一般属性都为_blank，新打开一个网页。
strong:加粗，重要。
em:加粗，强调。
code：将每一个字母都变成等宽。
hr:水平分割线。 br：换行。
ol + li:有序列表，配合使用。 <ol><ol/>里一般只放<li><li/>。
ul + li:无序列表，配合使用。<ul><ul/>里一般只放<li><li/>。
dl + dt + dd：表格，横向表格，纵向表格。 这里一般会把表格border的默认样式覆盖掉。
table{ border-collapse：collapse;//合并 border-sapcing：0；//间距为0 }
pre:保留空格+回车+tab等特殊字符。 列如：<h2><pre>一级标题<pre/><h2/>

HTML入门笔记1