[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 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.