首页 web前端 html教程 【读书笔记】Head first HTML with CSS 第二版_html/css_WEB-ITnose

【读书笔记】Head first HTML with CSS 第二版_html/css_WEB-ITnose

Jun 24, 2016 am 11:54 AM

附录: HTML Cheat Sheet

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

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

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

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


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

    Block and inline:
  • 短引用,内联元素,作为现有段落的一部分。哪些浏览器会自动加双引号?
  • 长引用,块元素,单独显示。浏览器会稍稍缩进?
      1. 块元素
      2. 行内元素
      3. 根据具体的上下文,既可以是内联元素也可以是块元素,因为它可以包含块元素,而不仅仅是文本
      4.  


      5. 是块元素和内联元素之间的模糊地段,它的确会创建一个换行,但不会像

        那样把一个文本分成单独的两块

      6. 【读书笔记】Head first HTML with CSS 第二版_html/css_WEB-ITnose是内联元素,它不会在前面或者后面插入换行,  alt属性指定描述这个图像的一些文本 。浏览器是在下载了html文件并开始显示页面之后才开始下载图像,如果为img提供了width和height属性,浏览器在显示图片之前就可以开始建立页面布局,如果没有指定,则浏览器在下载图像之后才能知道大小,需要重新调整页面布局
      7. 为什么不能直接使用width和height来调整图片的大小?因为浏览器在缩放图像使之适应页面大小之前,仍然需要获取整个大图像。width和height属性实际上是帮助浏览器确定要为这个图像预留多大的空间,如果要使用这两个属性,则它们应当与图像的实际宽度和高度一致

        表格:
        1. ordered list
        • unordered list
      8. list item
      9. 定义列表

      10.    
        定义术语
      11.    
        定义描述
      12. HTML 实体:

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

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

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

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

        字符实体类似这样:

      13. < <
      14. > & ©right;
      15. 注释:实体名称对大小写敏感!实体数字被浏览器支持的更好

        HTML不会再有6,7,8

        HTML不会再有版本6、7、8….制定标准的人已经把这个规范变成了一个活的标准,它会随着技术的发展形成相应文档。所以,不再有版本号,你甚至可以不把它叫做HTML5,因为从现在开始,它只是“HTML”

        向后兼容性(backwords compatibility)表示我们可以继续向HTML增加新的内容,浏览器最终会支持这个新内容,不过它们还是会继续支持原来的内容

      16. meta表示我们要告诉浏览器关于页面的一些信息,在meta的charset属性中指定字符编码,字符编码为我们提供了一种方法,可以在计算机上表示某种语言中的所有字母数字和其他符号。如今标准已经统一为Unicode编码。utf-8是unicode序列中的一个编码,web页面中使用的就是utf-8

    • 本站声明
      本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

      热AI工具

      Undresser.AI Undress

      Undresser.AI Undress

      人工智能驱动的应用程序,用于创建逼真的裸体照片

      AI Clothes Remover

      AI Clothes Remover

      用于从照片中去除衣服的在线人工智能工具。

      Undress AI Tool

      Undress AI Tool

      免费脱衣服图片

      Clothoff.io

      Clothoff.io

      AI脱衣机

      Video Face Swap

      Video Face Swap

      使用我们完全免费的人工智能换脸工具轻松在任何视频中换脸!

      热工具

      记事本++7.3.1

      记事本++7.3.1

      好用且免费的代码编辑器

      SublimeText3汉化版

      SublimeText3汉化版

      中文版,非常好用

      禅工作室 13.0.1

      禅工作室 13.0.1

      功能强大的PHP集成开发环境

      Dreamweaver CS6

      Dreamweaver CS6

      视觉化网页开发工具

      SublimeText3 Mac版

      SublimeText3 Mac版

      神级代码编辑软件(SublimeText3)

      HTML容易为初学者学习吗? HTML容易为初学者学习吗? Apr 07, 2025 am 12:11 AM

      HTML适合初学者学习,因为它简单易学且能快速看到成果。1)HTML的学习曲线平缓,易于上手。2)只需掌握基本标签即可开始创建网页。3)灵活性高,可与CSS和JavaScript结合使用。4)丰富的学习资源和现代工具支持学习过程。

      HTML,CSS和JavaScript的角色:核心职责 HTML,CSS和JavaScript的角色:核心职责 Apr 08, 2025 pm 07:05 PM

      HTML定义网页结构,CSS负责样式和布局,JavaScript赋予动态交互。三者在网页开发中各司其职,共同构建丰富多彩的网站。

      HTML中起始标签的示例是什么? HTML中起始标签的示例是什么? Apr 06, 2025 am 12:04 AM

      AnexampleOfAstartingTaginHtmlis,beginSaparagraph.startingTagSareEssentialInhtmlastheyInitiateEllements,defiteTheeTheErtypes,andarecrucialforsstructuringwebpages wepages webpages andConstructingthedom。

      了解HTML,CSS和JavaScript:初学者指南 了解HTML,CSS和JavaScript:初学者指南 Apr 12, 2025 am 12:02 AM

      WebDevelovermentReliesonHtml,CSS和JavaScript:1)HTMLStructuresContent,2)CSSStyleSIT和3)JavaScriptAddSstractivity,形成thebasisofmodernWebemodernWebExexperiences。

      Gitee Pages静态网站部署失败:单个文件404错误如何排查和解决? Gitee Pages静态网站部署失败:单个文件404错误如何排查和解决? Apr 04, 2025 pm 11:54 PM

      GiteePages静态网站部署失败:404错误排查与解决在使用Gitee...

      网页批注如何实现Y轴位置的自适应布局? 网页批注如何实现Y轴位置的自适应布局? Apr 04, 2025 pm 11:30 PM

      网页批注功能的Y轴位置自适应算法本文将探讨如何实现类似Word文档的批注功能,特别是如何处理批注之间的间�...

      如何用CSS3和JavaScript实现图片点击后周围图片散开并放大效果? 如何用CSS3和JavaScript实现图片点击后周围图片散开并放大效果? Apr 05, 2025 am 06:15 AM

      实现图片点击后周围图片散开并放大效果许多网页设计中,需要实现一种交互效果:点击某张图片,使其周围的...

      HTML,CSS和JavaScript:Web开发人员的基本工具 HTML,CSS和JavaScript:Web开发人员的基本工具 Apr 09, 2025 am 12:12 AM

      HTML、CSS和JavaScript是Web开发的三大支柱。1.HTML定义网页结构,使用标签如、等。2.CSS控制网页样式,使用选择器和属性如color、font-size等。3.JavaScript实现动态效果和交互,通过事件监听和DOM操作。

      See all articles