【读书笔记】Head first HTML with CSS 第二版

附录: HTML Cheat Sheet

  • 一下午读了300页,这本书真的是大白话,目标读者应该是那些完全没有编程经验的人群入门。

Tips:

IE无法正确显示页面主体周围的边框 body{border:}

index.html#id    用id链接到页面元素

像素:你的计算机显示屏是由树百万个称为像素的点组成的

<br>换行,void类型的元素 XHTML中更严格的语法要求<br/>

Block and inline:

  • <q></q>短引用,内联元素,作为现有段落的一部分。哪些浏览器会自动加双引号?
  • <blockquote></blockquote>长引用,块元素,单独显示。浏览器会稍稍缩进?
  • <h1><ul><ol><li><p><blockquote>块元素
  • <em><q>行内元素
  • <a>根据具体的上下文,既可以是内联元素也可以是块元素,因为它可以包含块元素,而不仅仅是文本

 

  • <br>是块元素和内联元素之间的模糊地段,它的确会创建一个换行,但不会像<p>那样把一个文本分成单独的两块
  • <img>是内联元素,它不会在前面或者后面插入换行,  alt属性指定描述这个图像的一些文本 。浏览器是在下载了html文件并开始显示页面之后才开始下载图像,如果为img提供了width和height属性,浏览器在显示图片之前就可以开始建立页面布局,如果没有指定,则浏览器在下载图像之后才能知道大小,需要重新调整页面布局

为什么不能直接使用width和height来调整图片的大小?因为浏览器在缩放图像使之适应页面大小之前,仍然需要获取整个大图像。width和height属性实际上是帮助浏览器确定要为这个图像预留多大的空间,如果要使用这两个属性,则它们应当与图像的实际宽度和高度一致

表格:

  • <ol> ordered list
  • <ul> unordered list
  • <li> list item

定义列表

  • <dl>
  •     <dt>定义术语</dt>
  •     <dd>定义描述</dd>
  • </dl>

HTML 实体:

在 HTML 中,某些字符是预留的。

在 HTML 中不能使用小于号(<)和大于号(>),这是因为浏览器会误认为它们是标签。

如果希望正确地显示预留字符,我们必须在 HTML 源代码中使用字符实体(character entities)。

参考链接:HTML ISO-8859-1 参考手册

字符实体类似这样:

  • &lt;  &#60;
  • &nbsp;
  • &gt; &amp; &copyright;

注释:实体名称对大小写敏感!实体数字被浏览器支持的更好

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。