Class 1 Reading

Getting Started

Compose a short poem describing how HTTP sends data between computers.
On a c
Describe how HTML, CSS, and JS files are “parsed” in the browser.
The HTML file is parsed first, followed by the CSS style sheet, then lastly the javascript file.
How can you find images to add to a Website?
You can find images to add to a website by going to Google Images and use the license filter to reduce the likelyhood of the images displayed are copyrighted.
How do you create a String vs a Number in JavaScript?
In Javasceript to create a string data type, the value must be represented between single quotation marks '' or double quotation marks " ". A number data type will only be represented by a numeral number.
What is a Variable and why are they important in JavaScript?
Variables are containers that are given names and they store values that can be accesed by calling the variable. let myVariable;

Introduction to HTML

What is an HTML attribute?
HTML attributes are values (words) that are attached to elements in the opening tag that contain extra information about the element that won’t appear in the content.
Describe the Anatomy of an HTMl element.
What is the Difference between <article> and <section> element tags?
<article> encloses a block of related content that makes sense on its own without the rest of the page (e.g., a single blog post).
<section> is similar to <article>, but it is more for grouping together a single part of the page that constitutes one single piece of functionality (e.g., a mini map, or a set of article headlines and summaries), or a theme. It’s considered best practice to begin each section with a heading; also note that you can break <article>s up into different <section>s, or <section>s up into different <article>s, depending on the context.
What Elements does a “typical” website include?
A typical webiste includes the following elemets: <head>, <body>, <footer>, <nav>, <div>, <article>, <section>, <main> and <aside>.
How does metadata influence Search Engine Optimization?
Specifying a description that includes keywords relating to the content of your page has the potential to make your page appear higher in relevant searches performed in search engines (such activities are termed Search Engine Optimization, or SEO.).
How is the <meta> HTML tag used when specifying metadata?

When specifying metadata, the `` tag is used and has attributes of either `name` or `property` to describe the content that will follow. The content attribute will then be the body of the information that will be displayed. ## Miscellaneous 1. What is the first step to designing a Website?
Define what you want to accomplish with it. 2. What is the most important question to answer when designing a Website?
What exactly do I want to accomplish? ### Semantics 1. Why should you use an `

` element over a `` element to display a top level heading?
Because an `
` element has sematic value that makes the font size larger and look like a heading. The `` element has no semantic value so it will not have the same font as the `
` by default. 2. What are the benefits of using semantic tags in our HTML? - Search engines will consider its contents as important keywords to influence the page's search rankings (see SEO) - Screen readers can use it as a signpost to help visually impaired users navigate a page - Finding blocks of meaningful code is significantly easier than searching through endless divs with or without semantic or namespaced classes - Suggests to the developer the type of data that will be populated - Semantic naming mirrors proper custom element/component naming ### [What is Javascript](https://developer.mozilla.org/en-US/docs/Learn/JavaScript/First_steps/What_is_JavaScript) 1. Describe 2 things that require JavaScript in the Browser? - event listeners - Input and output information 2. How can you add JavaScript to an HTML document?
You add Javascript to an HTML document with the external method which is: `script` tag along with the `href` attribute [<== BACK](README.md)