If Codecademy was a book!


#1

hello there this is my first post here.
I don’t love reading when i try to learn something i prefer videos, But here in codecademy it was something else especially the Instructions part it made the course better. so now i’m learning html & css, I was wondering if this course was a book how many pages it will be. and sorry for my bad english!


#2

It would consist of the content of all found at
w3c.org (the HTML working group)
and
https://developer/mozilla.org/en-us/

====================================================
It all start’s with you,
using a Browser
in which you load a HTML-file,
which we will call the HTML-Document.

This document has a minimal build of

<!DOCTYPE html>
  <html>
     <head>
          <title> </title>
     </head>
     <body>
       <!-- here you insert your HTML-code -->
     </body>
  </html>

The Browser =load’s= this document into Memory
in a pattern that is described as
the Document Object Model
in short the DOM.
( the interpretation of the DOM is Browser & Version specific )

            html
             |
       +-----+------+
       |            |
     head          body
       |
     title

In the description of your document in DOM-talk…
you will encounter terms like:
parent children sibling descendants ascendants…

The HTML-Element has no parent
but is a parent to 2 child-Element’s
the ‘head’-Element
and
the ‘body’-Element.

The ‘head’- and ‘body’-Element,
both being children to the ‘html’-Element
are siblings to each-other.

The ‘head’-Element is parent to the ‘title’-Element…
the ‘title’-Element is a child of the ‘head’-Element
the ‘title’-Element is also a descendant of the ‘html’-Element.
https://developer.mozilla.org/en-US/docs/Web/HTML/Element
https://developer.mozilla.org/en-US/docs/Web/HTML/Element/style

The DOM has several interface’s
over which you can access the data**/**information
held by the DOM.

One of the interface’s is the Element-interface
you can divide the interface into
properties ( consisting of a property-key and it’s associated VALUE )
and
methods ( giving you the functionality to manipulate the Elements )
https://developer.mozilla.org/en-US/docs/Web/HTML/Element
https://developer.mozilla.org/en-US/docs/Web/API/Element
https://developer.mozilla.org/en-US/Learn/HTML/HTML_tags

============================================================
As guidline to your path of knowledge
you could read
You are using a Browser and are opening the index.html-file into a Browser -tab-.
http://stackoverflow.com/questions/1795438/load-and-execution-sequence-of-a-web-page

You will not completely understand all of it,
but during the course you will be introduced to most of the steps…

=============================================================

Reference

google search
== the Book ==
[your question] site:developer.mozilla.org/en-us/

== discussions / opinions ==
html [your question] site:stackoverflow.com
css [your question] site:stackoverflow.com