HTML Basics

March 24th

A Web Page:

This basic webpage resembles the code I've written because it contains two important structure foundations: a header and a body.  The content that is visible is the text and the header division.  However, the staggered structure of the sentence "I am testing a lot of formatting things out with it" that was visible in the code is not visible in the browser.  Why?  Because you need to separate each line of the broken up sentence with the marker <p> to indicate a new paragraph line. 

A Better Webpage:

This page does look more like a web page to me.  While it contains more content, it is missing colors, a structure, and a rhetorical situation.  The structure is linear and travels up and down.  It is not eye catching to the readers.  In addition, the web page could use more assets obviously like images, videos, links, etc.  Finally, what is the web page's message?  What is the web page trying to convey?  The content of the web page is disconnected.

A Pretty Page:
 

It is definitely a better looking page.  The colors, the spacing, and the headers are more appealing to the readers.  In regards to the HTML tags, I notice that the carrots all indicate a divide of some sort whether it is a header or a paragraph or a footer.  Meanwhile, the brackets are used to indicate the aesthetic details of whatever content that is found between the tags such as the text alignment, font, and so on.  The brackets and the carrots work hand-in-hand it seems.  The declarations before the brackets are similar to the declarations inside the carrots.  The code before the brackets and inside the carrots are labels for the different aspects of the page (header, footer, paragraph).   

Compare and Contrast:

 

There are many similarities between the code behind my website and the code in my test.html and teststyle.css files.  Both codes have mark ups for headers, the body of the page, footers, dividers, paragraph indicators, and line breaks.  While both my website and the code in my test.html have many of the same declarations, my website contains a few different declarations that the test.html does not have.  For instance, the below declarations are in my website code, but absent on the test.html:

1. <meta name> refers to the internet tab name of the website
2. <link rel> indicates format of the web page (I think)
3. <script src> indicates the location that the content can be found
4. <li><img src> links to an image
5. <ul> used for orbits?

Aside from declarations, the basic structure of my website and the test.html is derived from the same layout idea.  There is a header, a main body, and a footer.  That is the underlying structure for both my website and the test.html.  The additional declarations in my website is for added assets that the test.html is currently lacking.