[Reading Notes] Head first HTML with CSS version 2, headcss

Source: Internet
Author: User

[Reading Notes] Head first HTML with CSS version 2, headcss

Appendix: HTML Cheat Sheet

  • I read 300 pages one afternoon. This book is really a vernacular, and the target readers should be those who have no programming experience at all.
Tips:

IE cannot correctly display the border body around the page subject {border :}

Index.html # id: Link to the page element with id

Pixel: Your Computer Display is composed of millions of vertices called pixels in the tree.

<Br> line feed, more stringent syntax requirements in the void element XHTML <br/>

Block and inline:
  • <Q> </q> short references and inline elements are part of an existing section. Which browsers will automatically add double quotation marks?
  • <Blockquote> </blockquote> long reference and block elements are displayed separately. Is the browser slightly indented?
  • <H1> <ul> <ol> <li> <p> <blockquote> block elements
  • <Em> <q> Row Element
  • <A> based on the specific context, it can be either an inline element or a block element, because it can contain block elements, not just text

 

  • <Br> it is a fuzzy location between block elements and inline elements. It does create a line feed, but does not divide a text into two separate blocks as <p>
  • is an inline element. It does not insert a line break before or after it. The alt attribute specifies the text that describes the image. The browser downloads the image only after the html file is downloaded and the page is displayed. If the width and height attributes are provided for img, the browser can create a page layout before displaying the image, if not specified, the browser can know the size after downloading the image. You need to adjust the page layout again.

Why can't I use width and height to adjust the image size? Because the browser still needs to obtain the entire large image before scaling the image to adapt to the page size. The width and height attributes help the browser determine the size of the space reserved for the image. If you want to use these two attributes, they should be consistent with the actual width and height of the image.

Table:
  • <Ol> ordered list
  • <Ul> unordered list
  • <Li> list item

Definition list

  • <Dl>
  • <Dt> define a TERM </dt>
  • <Dd> definition description </dd>
  • </Dl>
HTML Entity:

Some characters are reserved in HTML.

You cannot use signs (<) or greater than signs (>) in HTML. This is because the browser mistakenly believes that they are tags.

To correctly display reserved characters, we must use character entities in the HTML source code ).

Reference link: HTML ISO-8859-1 Reference Manual

Character entities are similar to the following:

  • & Lt; & #60;
  • & Nbsp;
  • & Gt; & amp; & copyright;

Note: The object name is case sensitive! Real Numbers are better supported by browsers

HTML will not have 6, 7, 8

HTML versions 6, 7, and 8 are not available .... People who develop standards have turned this standard into a living standard, which will form relevant documents as technology develops. Therefore, no version is available. You may not even call it HTML5, because from now on, it is just "HTML"

Backwords compatibility indicates that we can continue to add new content to HTML. the browser will eventually support this new content, but they will continue to support the original content.

  • <Meta charset = "UTF-8">

Meta indicates that we want to tell the browser some information about the page, and specify the character encoding in the charset attribute of meta. The character encoding provides us with a method, it can represent all letters, numbers, and other symbols in a language on a computer. The standard is now Unicode encoding. UTF-8 is an encoding in the unicode sequence. UTF-8 is used on the web page.


I have read the Head First HTML, CSS, and XHTML books to help me solve this problem.

Knowledge is a process of accumulation. Everything is from nothing to anything. What you are talking about is something like div and css layout. Unlike the logic of language programs, these things are more written.
 
Head first html, css, and xhtml

This is an entry-level book (you don't need to read it if you have a foundation )... At least you don't feel tired... Many images. The explanation is very vivid... But because of this, some people like it (they think they can learn something like watching an animation), and some do not like it (because it is too unconventional, many do not have a systematic introduction ), so you don't know if you like it. I think it is good, but I think it is not necessarily suitable for you.

Related Article

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.