HTML Basics and URL Structure

HTML Tag Structure

• Proper format for an HTML tag is opening and closing tags with content in between: <tagname>Content</tagname>
• Example of correct tag: <h1>Content Affected by Tag</h1>

URL Components

• A URL has two main components: domain and path
• The domain indicates where the browser's request should go, e.g., www.example.com
• The path specifies the exact file being requested, e.g., /home.html

Identifying Domains in URLs

• In the URL www.example.com/home.html, the domain is www.example.com
• The path is home.html

HTML Output Results

• In an HTML document, code generating multiple elements may depend on the tags used. For example:
  • <h1>Hello</h1>, <h2>Hello</h2>, and <h3>Hello</h3> lead to different sized headers.

Understanding Metadata

• Metadata for a webpage includes elements not necessarily displayed in the content, like:
  • The title of the webpage, found in the <title> tag.

Displaying Images in HTML

• The correct way to display an image from a URL in HTML is with the <img> tag.
• Example: <img src="https://upload.wikimedia.org/wikipedia/commons/6/62/Big_and_little_dog.jpg" alt="Big and little dog">

HTML Lists

• Creating an unordered list in HTML can be done using <ul> and <li> tags.
• This results in bullet points when rendered, e.g.,
  • <ul><li>Bread</li><li>Milk</li><li>Eggs</li></ul> becomes:
    • • Bread
    • • Milk
    • • Eggs

Creating Tables in HTML

• To create a table in HTML, structure it using <table>, <tr>, <th>, and <td> tags.
• Example layout for a music library display would include headers and rows for songs.

Compatibility of HTML Web Pages

• HTML pages can be viewed on any device with a compatible browser, irrespective of whether they're desktop or mobile.
• All devices adhere to the same protocols, enabling universal access to HTML content.

Test your understanding of HTML tag structures and the components of URLs in this quiz. Learn to identify domains and paths, and explore the importance of metadata and displaying images in HTML. Perfect for beginners looking to solidify their web development knowledge.