《【深入浅出HTML】Head.First.HTML.with.CSS.and.XHTML》笔记

笔记概述:这是一本很好的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

  第十二章:布局和排版

  第十三章:表格和列表

  第十四章:表单

最后总结:

  

posted @ 2017-10-10 17:33  longshenzhu  阅读(150)  评论(0编辑  收藏  举报