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.