찾다
웹 프론트엔드HTML 튜토리얼【读书笔记】Head first HTML with CSS 第二版_html/css_WEB-ITnose

附录: 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으로 문의하세요.
      HTML : 구조, CSS : 스타일, 자바 스크립트 : 동작HTML : 구조, CSS : 스타일, 자바 스크립트 : 동작Apr 18, 2025 am 12:09 AM

      웹 개발에서 HTML, CSS 및 JavaScript의 역할은 다음과 같습니다. 1. HTML은 웹 페이지 구조를 정의하고, 2. CSS는 웹 페이지 스타일을 제어하고 3. JavaScript는 동적 동작을 추가합니다. 그들은 함께 현대 웹 사이트의 프레임 워크, 미학 및 상호 작용을 구축합니다.

      HTML의 미래 : 웹 디자인의 진화 및 트렌드HTML의 미래 : 웹 디자인의 진화 및 트렌드Apr 17, 2025 am 12:12 AM

      HTML의 미래는 무한한 가능성으로 가득합니다. 1) 새로운 기능과 표준에는 더 많은 의미 론적 태그와 WebComponents의 인기가 포함됩니다. 2) 웹 디자인 트렌드는 반응적이고 접근 가능한 디자인을 향해 계속 발전 할 것입니다. 3) 성능 최적화는 반응 형 이미지 로딩 및 게으른로드 기술을 통해 사용자 경험을 향상시킬 것입니다.

      HTML vs. CSS vs. JavaScript : 비교 개요HTML vs. CSS vs. JavaScript : 비교 개요Apr 16, 2025 am 12:04 AM

      웹 개발에서 HTML, CSS 및 JavaScript의 역할은 다음과 같습니다. HTML은 컨텐츠 구조를 담당하고 CSS는 스타일을 담당하며 JavaScript는 동적 동작을 담당합니다. 1. HTML은 태그를 통해 웹 페이지 구조와 컨텐츠를 정의하여 의미를 보장합니다. 2. CSS는 선택기와 속성을 통해 웹 페이지 스타일을 제어하여 아름답고 읽기 쉽게 만듭니다. 3. JavaScript는 스크립트를 통해 웹 페이지 동작을 제어하여 동적 및 대화식 기능을 달성합니다.

      HTML : 프로그래밍 언어입니까 아니면 다른 것입니까?HTML : 프로그래밍 언어입니까 아니면 다른 것입니까?Apr 15, 2025 am 12:13 AM

      Htmlisnotaprogramminglanguage; itisamarkuplanguage.1) htmlstructuresandformatswebcontentusingtags.2) itworksporstylingandjavaScriptOfforIncincivity, WebDevelopment 향상.

      HTML : 웹 페이지 구조 구축HTML : 웹 페이지 구조 구축Apr 14, 2025 am 12:14 AM

      HTML은 웹 페이지 구조를 구축하는 초석입니다. 1. HTML은 컨텐츠 구조와 의미론 및 사용 등을 정의합니다. 태그. 2. SEO 효과를 향상시키기 위해 시맨틱 마커 등을 제공합니다. 3. 태그를 통한 사용자 상호 작용을 실현하려면 형식 검증에주의를 기울이십시오. 4. 자바 스크립트와 결합하여 동적 효과를 달성하기 위해 고급 요소를 사용하십시오. 5. 일반적인 오류에는 탈수 된 레이블과 인용되지 않은 속성 값이 포함되며 검증 도구가 필요합니다. 6. 최적화 전략에는 HTTP 요청 감소, HTML 압축, 시맨틱 태그 사용 등이 포함됩니다.

      텍스트에서 웹 사이트로 : HTML의 힘텍스트에서 웹 사이트로 : HTML의 힘Apr 13, 2025 am 12:07 AM

      HTML은 웹 페이지를 작성하는 데 사용되는 언어로, 태그 및 속성을 통해 웹 페이지 구조 및 컨텐츠를 정의합니다. 1) HTML과 같은 태그를 통해 문서 구조를 구성합니다. 2) 브라우저는 HTML을 구문 분석하여 DOM을 빌드하고 웹 페이지를 렌더링합니다. 3) 멀티미디어 기능을 향상시키는 HTML5의 새로운 기능. 4) 일반적인 오류에는 탈수 된 레이블과 인용되지 않은 속성 값이 포함됩니다. 5) 최적화 제안에는 시맨틱 태그 사용 및 파일 크기 감소가 포함됩니다.

      HTML, CSS 및 JavaScript 이해 : 초보자 안내서HTML, CSS 및 JavaScript 이해 : 초보자 안내서Apr 12, 2025 am 12:02 AM

      WebDevelopmentReliesonHtml, CSS 및 JavaScript : 1) HtmlStructuresContent, 2) CSSSTYLESIT, 및 3) JAVASCRIPTADDSINGINTERACTIVITY, BASISOFMODERNWEBEXPERIENCES를 형성합니다.

      HTML의 역할 : 웹 컨텐츠 구조HTML의 역할 : 웹 컨텐츠 구조Apr 11, 2025 am 12:12 AM

      HTML의 역할은 태그 및 속성을 통해 웹 페이지의 구조와 내용을 정의하는 것입니다. 1. HTML은 읽기 쉽고 이해하기 쉽게하는 태그를 통해 컨텐츠를 구성합니다. 2. 접근성 및 SEO와 같은 시맨틱 태그 등을 사용하십시오. 3. HTML 코드를 최적화하면 웹 페이지로드 속도 및 사용자 경험이 향상 될 수 있습니다.

      See all articles

      핫 AI 도구

      Undresser.AI Undress

      Undresser.AI Undress

      사실적인 누드 사진을 만들기 위한 AI 기반 앱

      AI Clothes Remover

      AI Clothes Remover

      사진에서 옷을 제거하는 온라인 AI 도구입니다.

      Undress AI Tool

      Undress AI Tool

      무료로 이미지를 벗다

      Clothoff.io

      Clothoff.io

      AI 옷 제거제

      AI Hentai Generator

      AI Hentai Generator

      AI Hentai를 무료로 생성하십시오.

      뜨거운 도구

      PhpStorm 맥 버전

      PhpStorm 맥 버전

      최신(2018.2.1) 전문 PHP 통합 개발 도구

      Eclipse용 SAP NetWeaver 서버 어댑터

      Eclipse용 SAP NetWeaver 서버 어댑터

      Eclipse를 SAP NetWeaver 애플리케이션 서버와 통합합니다.

      SublimeText3 영어 버전

      SublimeText3 영어 버전

      권장 사항: Win 버전, 코드 프롬프트 지원!

      Atom Editor Mac 버전 다운로드

      Atom Editor Mac 버전 다운로드

      가장 인기 있는 오픈 소스 편집기

      Dreamweaver Mac版

      Dreamweaver Mac版

      시각적 웹 개발 도구