Site Structure

Build structure with HTML by adding text, links, images and more.

Start[missing "en.views.course_landing_page.make-a-website.course_illustration" translation]
Site Structure
Lesson 1 of 1
  1. 1

    All websites use HTML and CSS. After learning both of these languages, you will be ready to build your own website! * HTML stands for Hyper Text Markup Language. It is used to give websites stru...

  2. 2

    Let's explore the basic anatomy of an HTML element. Line 9 of index.html contains a heading element: [...] 1. All HTML elements begin with an opening tag. In this case, the opening tag...

  3. 3

    Now, let's learn more about the heading element. Headings are a frequently used HTML element. You can think of them like headlines in a newspaper. Your eyes may notice headings first because the ...

  4. 4

    The webpage now has a heading and a tagline. Next, we will add a description of the company. The HTML paragraph element, [...] , is used to hold one or more sentences, just like paragraphs in ...

  5. 5

    Nice work! The webpage is starting to come together. What if you wanted to link users to a different webpage? The HTML anchor element makes it possible to do this with a single click. [...] ...

  6. 6

    Good job! Creating links with the anchor element is a fundamental web development skill. The diagram to the right illustrates the different parts of the anchor element syntax. In the diagram, not...

  7. 7

    To add images to a webpage, use the HTML image element: [...] Just like websites have URLs, images on the web also have URLs. Image URLs typically end with the .jpg or .png file extension. ...

  8. 8

    Awesome! The photo makes the webpage much cooler. What's cooler than a photo? A video! The HTML video element can add video to a webpage. [...] The video element uses a number of attribute...

  9. 9

    Impressive! With just five page elements, you've already created an interesting website! Another essential HTML element is the unordered list. Items in an unordered list are referred to as _list...

  10. 10

    With the video and unordered list elements, you may have noticed something interesting: these HTML elements had other HTML elements nested inside of them. For example, in unordered lists, [......

  11. 11

    Now that we know about HTML element nesting and parent/child relationships, let's see another way these concepts are applied on a real-life webpage. Div elements divide your page by enclosing...

  12. 12

    The last HTML elements we will explore are involved in metadata processes. You can think of these elements as the "brains" of a webpage because they communicate vital information to the web brows...

  13. 13

    Congratulations! You've learned enough HTML to create a great website! Before we move on to styling with CSS, let's review what we learned in this lesson. #### Languages * html: stands for...

What you'll create

Portfolio projects that showcase your new skills

Pro Logo

How you'll master it

Stress-test your knowledge with quizzes that help commit syntax to memory

Pro Logo

Site Structure

Start[missing "en.views.course_landing_page.make-a-website.course_illustration" translation]