So the text the html inserts inherits the formatting from the page and where it is place in it?

Question

However, when they're added to the document, the browser converts it to 3:57 HTML and applies any formatting at that other paragraph's on the page receive.

Answer 1 · 2017-07-01T05:24:11Z

July 1, 2017 5:24am

Yes. That is correct. The reason Dave's text on the screen doesn't look like default formatting is because its inheriting formatting from his linked CSS document.

Here's an example:

CSS:

p {
    font-size: 1.5em;
    font-family: sans-serif;
    color: tomato;
}

/*Here's some paragraph formatting that I've placed in a file named "cool-styles.css"*/

HTML:

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">

        <link type="text/css" rel="stylesheet" href="cool-styles.css">
        <!-- Here's my linked stylesheet -->

        <title>Cool Website Name Here</title>
    </head>

    <body>
        <div id="someDIV"></div>
    <body>
</html>

JS:

function print(message){
    var output = document.getElementById("someDiv");
    output.innerHTML = message;
}

var html = "";
html += "<p>Look Ma, dyna,ic html from a javascript document</p>"; //Although JS just sees this as random characters.
html += "<p>What's cool is how I inherit the same styles as they do</p>";
print(html);

//When added to the html document, the document sees those angle brackets and converts whatevers inside to html. Regardless of where it came from! And since all the html document sees is html, it also gives them styling from the linked css file

Hope this helps. Good Luck!

How about an upvote for all this typing. ;)

Welcome to the Treehouse Community

Looking to learn something new?

Learning coding

Learning coding

So the text the html inserts inherits the formatting from the page and where it is place in it?

1 Answer

Adrien Contee

Adrien Contee