"Reading notes" Head first HTML with CSS second Edition

Appendix: HTML Cheat Sheet

• Reading 300 pages in the afternoon, this book is really a plain English, and the target audience should be those who have no programming experience at all to get started.

Tips:

IE does not correctly display the border around the body of the page Body{border:}

Index.html#id link to page element with ID

Pixel: Your computer display is made up of dots of trees called pixels.

<br> newline, void type elements in XHTML stricter syntax requirements <br/>

Block and inline:

• <q></q> short references, inline elements, as part of an existing paragraph. Which browsers automatically add double quotes?
• <blockquote></blockquote> long references, block elements, displayed separately. Will the browser be slightly indented?
• <em><q> inline elements
• <a> depending on the context, it can be either an inline element or a block element, because it can contain block elements, not just text

• <br> is a blur between block elements and inline elements, and it does create a newline, but does not divide a text into a separate two block like <p>
• is an inline element that does not insert line breaks before or after, and the ALT attribute specifies some text that describes the image. The browser starts downloading the image after downloading the HTML file and starting to display the page, and if the width and Height properties are provided for IMG, the browser can start to create the page layout before the picture is displayed, and if not specified, the browser will not know the size until the image is downloaded. The page layout needs to be re-adjusted

Why can't I resize a picture directly using width and height? Because the browser still needs to get the entire large image before scaling the image to fit the page size. The width and Height properties are actually help the browser determine how much space to reserve for this image, and if you want to use these two properties, they should match the actual width and height of the image

Form:

• <ol> ordered list
• <ul> unordered List
• <li> list Item

Definition List

• <dl>
• <dt> Define Terms </dt>
• <dd> Definition Description </dd>
• </dl>

HTML entities:

In HTML, some characters are reserved.

The less than sign (<) and greater than sign (>) cannot be used in HTML because the browser mistakenly considers them to be labels.

If you want to display reserved characters correctly, we must use the character entity (character entities) in the HTML source code.

Reference link: HTML iso-8859-1 reference Manual

The character entity looks like this:

• &lt; & #60;
• &nbsp;
• &gt; &amp; &copyright;

Note: The entity name is case sensitive! Entity numbers are better supported by the browser

"Reading notes" Head first HTML with CSS second Edition