首页 > 代码库 > 【读书笔记】Head first HTML with CSS 第二版

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

2024-07-31 10:56:14   216人阅读

附录: HTML Cheat Sheet
html-cheat-sheet-v1

  • 一下午读了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属性实际上是帮助浏览器确定要为这个图像预留多大的空间，如果要使用这两个属性，则它们应当与图像的实际宽度和高度一致

image

表格：

  • <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;

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

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


联系
我们