已发布 / Published 2016-10-05T13:12:09+08:00

网页之本:HTML

代码其实是和文字一样的,代码搭配逻辑构成软件,文字搭配主题形成文章 。


一个普通网页,首先需要有文本内容(HTML),其次是布局样式 (CSS),最后是反应互动(Javascript)。


这篇文章先讲文本内容。


一·概念

文本内容即HTML:HyperText Markup Language,a markup language for creating webpages, 中文翻译是超文本标记语言,即简单的英文+特殊标记符号,形成某些特定链接。图片
与文章的段落不同,HTML的段落内容需要加在tag之间,例:

图片


所以嘛,认识这几个单词的话,这么清晰的结构一目了然。


只要学会运用其中的规则即可制作网页。

有两句话很中肯:

1.会英语的女生只要认真研究一下编程语言,很容易就超过一半的程序员了。

2.代码其实是和文字一样的,代码搭配逻辑构成软件,文字搭配主题形成文章
图片


二·历史


图片



哈哈暴露情况了。这张图已经说明了一切。

简单一句话就是2007年之前WHATWG一家公司在做,从无标准到HTML4.0再到XHTNL1.0,然后和W3C一起干,做出来今天的HTML5。

哦,那HTML和HTML5有什么关系呢?

后这当然是前者的升级版啊!

简单说来,HTML5包括HTML。因为HTML是静态网页,只有文本内容,而HTML5则可以唤起外部链接,绘图等等,功能更加强大。
例:点击即弹出”你好“。图片


三·规则


  1. 以下两个是只有开头的"< >",而没有结尾的,即和前面的<title>  <title>等等一前一后,一一对应是不同的。
    图片

  2. 这一点也是规则,就像我们语文写作文习惯段前空两格一个道理:这里有且只能在p后面空格,一般一个就可以。

图片

3.         既然是超文本(HTML),那么就不能以普通的文本来进行常规理解。因为计算机是理解不了我们在数学和语文等学科中通用的>,<的大于号,小于号的。

图片


4. 一句话里有一个意群,一篇文章里有一个中心,一堆代码里也有一块元素。

图片

(其实翻译的话,有些实在是难以精确表达)