Scribd
Upload
55 views20 pages

PP 7

This document provides an overview of an HTML Level One course that will cover basic HTML concepts like tags, lists, divs, spans, and attributes. The course is divided into parts that cover HTML basics, basic tagging, lists, divs and spans, attributes, and an assessment to apply the skills learned. Later sections will introduce CSS, JavaScript, Python, and Django to add styling, interactivity, and dynamic content to HTML pages.

Uploaded by

raji
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
55 views20 pages

PP 7

This document provides an overview of an HTML Level One course that will cover basic HTML concepts like tags, lists, divs, spans, and attributes. The course is divided into parts that cover HTML basics, basic tagging, lists, divs and spans, attributes, and an assessment to apply the skills learned. Later sections will introduce CSS, JavaScript, Python, and Django to add styling, interactivity, and dynamic content to HTML pages.

Uploaded by

raji
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 20

HTML Level One

Let’s learn about HTML!


Django Bootcamp

● This section of the course will start off by


covering the very basics of HTML.
● HTML stands for HyperText Markup
Language
● It is the most basic building block of the
web and every website will need it.
Django Bootcamp

● It is our first fundamental step in


understanding how to build web
applications.
● Later on we will learn other technologies
such as CSS to style the HTML and
Javascript to add functionality.
Django Bootcamp

● Then once we reach the Python and


Django sections of the course we will
learn how to add django template tags
to HTML and dynamically generate
content based off a user’s interaction
with the website!
Django Bootcamp

● All of that is still quite a bit away!


● For now we will start with Level One:
○ HTML Basics
○ Tagging
○ Lists
○ Divs and Spans
○ Attributes
Django Bootcamp

● Remember as you code along with the


course, you can always reference the
corresponding lecture notes to check
your code!
Let’s get started!
Part 1 - HTML Basics
HTML - Level One
Django Bootcamp

● Let’s start by exploring the basics of what


an html file looks like and how we can
open it in a browser!
Part 2 - Basic Tagging
HTML - Level One
Django Bootcamp

● In this lecture we will go over basic


headings and paragraph tags.
● We’ll also show you a few resources to
use a reference as you continue learning
about HTML.
● Let’s get started!
Part 3 - Lists
HTML - Level One
Django Bootcamp

● Let’s get all our information on our HTML


page organized!
● One way to do this is with a list.
● HTML has two types of lists: ordered and
unordered.
● We can then add list elements to each!
Part 4 - Divs and Spans
HTML - Level One
Django Bootcamp

● In this lecture we will show some


examples of div and span tags
● However we won’t really be able to utilize
them until we learn about CSS
● So keep that in mind as we learn about
them!
Part 5 - Attributes
HTML - Level One
Django Bootcamp

● HTML Attributes allow us to add more


information to HTML tags
● This includes things such as adding a
link or referencing an image
● Let’s get started!
HTML Level One
Assessment
HTML - Level One
Django Bootcamp

● To practice all your new skills, you will be


viewing an HTML file and re-creating it
based off what you see in the browser
● The file is called
○ HTML_Level_One_Assessment.html
HTML Level One
Assessment - Solutions
HTML - Level One

You might also like