Status Updates From HTML and CSS: Design and Bu...

*"Using elements for
headings helps people who
use screen readers, improves
the ability for search engines
to index your pages, and also
enables you to control the
appearance of tables better
when you start to use CSS."

*"JPGs, GIFs, and PNGs belong to a type of image format known as bitmap"
*"Scalable Vector Graphics (SVG) are a relatively new format used to display vector images directly on the web"
*"Images often come with captions. HTML5 has introduced a new element to contain images and their caption so that the two are associated."
*The element allows web page authors to add
a caption to an image.

* "Whenever you have many different
colors in a picture you should use a JPEG."

*"The images you use on your website should be
saved at the same width and height that you
want them to appear on the page"

*"Images created for the web should be saved at
a resolution of 72 ppi. The higher the resolution
of the image, the larger the size of the file."

*"On larger websites it's a good idea to organize your code by placing the pages for each different section of the site into a new folder. Folders on a website are sometimes referred to as directories"

*"Alt text should give an accurate description of the image content so it can be understood by screen reader software (used by people with visual impairments) and search engines." (p106) (img attribute)

*URL stands for Uniform Resource Locator.
*An absolute URL starts with the domain name for that site, and can be followed by the path to a specific page. If no page is specified, the site will display the homepage.
*When linking to other pages within the same site, you can use relative URLs. These are like a shorthand version of absolute URLs because you do not need to specify the domain name.

*(p57) Semantic Elements (used NOT for styling but to give more info to your browser or search engines.

"Their purpose is to describe the content of your web pages more accurately. For example, the voice of a screen reader may add
emphasis to the words inside the element, or a search
engine might register that your page features a quote if you use
the

element."

* "Semantic markup: which provides extra information; such
as where emphasis is placed in a sentence, that something
you have written is a quotation (and who said it), the
meaning of acronyms, and so on" (p48)

*(p56) Content Management Systems & Visual editors vs. Code Views

I love how smart this move was by this author. They used their webpage as a practice problem/example and made me click on their website lol. Good subtle marketing haha.

"But you can still look at the code that a web server sends to you. To try this out for yourself, simply go to the sample code for this chapter, at www.htmlandcssbook.com/code/ and click on the link called "View Source."

Notes:
* "Each HTML element tells the browser
something about the information that sits between its opening and
closing tags" (p27)

* "Attributes provide additional information
about the contents of an element. They appear
on the opening tag of the element and are
made up of two parts: a name and a value,
separated by an equals sign" (p32)

*lang = '"fr" --> a language that every browser can understand.