reading-notes

_{Think you might be in the wrong place? Go home!}

Introduction to HTML

Read the beginning of Getting Started with HTML. Start from the beginning and read through section “Anatomy of an HTML document”.

What is an HTML attribute?

An HTML attribute is extra information or settings added to an HTML element. It is defined within the element’s opening tag and consists of a name and a value.

Describe the Anatomy of an HTMl element.

• Opening Tag: It starts an HTML element and includes the element’s name.
• Attributes: Optional settings in the opening tag.
• Content: The actual data or sub-elements inside the element.
• Closing Tag: Marks the end of the element.

What is the Difference between <article> and <section> element tags?

• <article>: Represents an independent, standalone content piece.
• <section>: Organizes related content within a webpage.

What Elements does a “typical” website include?

A typical website includes elements like headings, paragraphs, links, images, lists, and structural elements such as header, main content, and footer.

How does metadata influence Search Engine Optimization?

Metadata in HTML, like page titles and descriptions, helps search engines understand and rank web pages more effectively.

How is the <meta> HTML tag used when specifying metadata?

Meta elements help improve how your web page is displayed and ranked in search engine results and ensure it functions correctly across different devices. Such as:

<meta name=”robots” content=”index, follow”>

Miscellaneous

What is the first step to designing a Website?

Determine the website’s purpose and target audience.

What is the most important question to answer when designing a Website?

What is the website’s primary goal?

Why should you use an <h1> element over a <span> element to display a top level heading?

<h1> is preferred for its semantic meaning and SEO benefits.

What are the benefits of using semantic tags in our HTML?

Enhance clarity, accessibility, SEO, and ease of styling.

What is JavaScript?

A versatile object-oriented language for web interactivity.

Describe 2 things that require JavaScript in the Browser?

Form validation and interactive user interfaces.

How can you add JavaScript to an HTML document?

Use inline, internal, or external script tags.