HTML Quickstart

Web Application Path

Rate This Course

Please share your feedback

Skip

HTML Quickstart with Rob Tietje

Basic Structure

Basic Structure

HTML

This lesson covers the basic structure of a simple HTML file.

Some parts will always stay the same, as the head and body sections are required to hold information about the site and also the sites content, respectively.

6m 19s
Completed
Lessons
Getting Started
1 Introduction 7m 40s
2 Basic Structure 6m 19s
Basic Elements
3 Paragraphs and Headings 3m 17s
4 Images and Links 4m 48s
5 Ordered / Unordered Lists 1m 34s
6 Tables 6m 1s
7 Input Elements 3m 39s
Moving Forward
8 div and span 4m 58s
Assignment
1

Create a new HTML file, then type the following in it

<!DOCTYPE html>
<html>
  <head>
    <title>My webpage</title>
    <meta charset="utf8" />
  </head>
  <body>
    <p>Hello World</p>
  </body>
</html>

Load the page in your browser and verify that:

  1. the tab shows 'My webpage'
  2. Hello World is displayed
2
sports-rss.xml

Attached is an excerpt from the San Diego Union Tribune Sports RSS feed. RSS is used to transmit article information in a format that newsreaders can understand. To transmit data it uses something called XML, or extensible markup language.

Download the attached XML file and open it in Visual Studio Code. Then answer the following questions.

Note: you will need to right-click and use 'Save as...' to choose a location for the file download

  1. What similarities do you notice between the root element in HTML and in this RSS feed?
  2. What similarities do you notice with how the data is organzed compared to HTML?