笔记概述:这是一本很好的HTML入门书籍,幽默诙谐,开发大脑,H5之后有一本新版的。经个人阅读,这里总结一些笔记,H5出来以后,XHTML也没兴起,表格布局也过时了,所以在某些章节会简略一些。
笔记内容:
第一章:了解HTML
HyperText Markup Language(超文本标记语言),简写为HTML。一门web语言。
网页:利用HTML语言编写的文件,并放到web服务器上。 web服务器:一台或多台链接到互联网的计算机,不停的
响应用户各种请求。
web浏览器干啥:提供用户操作窗口,向web服务器请求网页,接收网页并在浏览器窗口上显示。HTML会告诉浏览
器如何显示页面的结构和内容。
用包围文本的成对标记告诉浏览器网页结构。记住: 元素=开始标记 + 内容 + 结束标记。
元素属性:来描述元素的额外信息。用来个性化元素。
HTML负责网页的结构,CSS负责网页的外观样式。两者松耦合。
网页通常有一个<html>元素,并伴随一个<head>元素和一个<body>元素。<head>元素中声明网页的相关信
息,<body>元素中的内容在浏览器中可见。
第二章:认识“MT“,深入理解超文本
HTML中的'ML':描述网页结构的标记语言。
HTML中的'HT':超文本。个人理解也就是<a>元素,有了它,就可以让各个网页之间相互连接起来成为一个网络。
使用<a>元素创建超文本链接到另一个网页。<a>元素中的内容在网页中是可点击的。Href属性告诉浏览器链接的目的地。
第三章:创建网页
目前的网页创建有了很多的工具。这也是很低级的工作了,简单说说步骤:
1.将我们的想法形成一个草图。
2.有了草图,就可以把草图画的更接近于略图结构,具有一定的布局和排版。
3.从略图到网页:根据略图,将各个HTML元素添加到各个各个位置。
第四章:链接
域名:如 baidu.com ,google.com, abc.cn 等,用来定位网站的独一无二的名字。域名由一家权威机构(称为ICANN)控制,确保每个域名只能使用一次。
网站名:www.baidu.com 同一个域名可以在多个网站上: corporate.starbuzzcoffee.com或者employees.starbuzzcoffee.com。
发布网站到web上的步骤:
1.找一个主机代理商。
2.选择网站名字。
3.将文件传到主机上,网站的根目录。
4.把新网站公开。
URL(Uniform Resource Locators):统一资源定位符,是一个全球性地址,用于定位网上的资源,包括html页、音视频等其他形式内容。
URL demo: http://www.starbuzzcoffee.com/index.html。 http:// (HyperText Transfer Protocol)是资源接收协议, 第二部分是网站名, /index.html 是从根目录到资源的绝对路径。
绝对路径: URL中网站名之后的部分,告诉浏览器从根目录开始去获取指定的资源。
相对路径:相对路径是相对当前网页的路径,浏览器会根据相对路径和网页路径生成一个绝对路径。
链接到目标锚: <a href="index.html#chai">See Chai Tea</a> 在相对路径中加上目标锚的id
第五章:添加图像
第六章:HTML标准和规范
第七章:简述XHTML
第八章:开始css
第九章:字体和颜色
第十章:盒模式
记住:块元素特立独行;内敛元素随波逐流。
第十一章:div和span
第十二章:布局和排版
第十三章:表格和列表
第十四章:表单
最后总结: