HTML Level One
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
This section covers the fundamentals of HTML, the foundational language of the web. Starting with basic HTML elements, it progresses to styling with CSS and adding functionality with JavaScript. Dive into Django Bootcamp, where you'll explore HTML, CSS, and Django templates. Get hands-on with tagging, lists, divs, spans, and attributes. Join the journey to web development mastery!"
Download Presentation
Please find below an Image/Link to download the presentation.
The content on the website is provided AS IS for your information and personal use only. It may not be sold, licensed, or shared on other websites without obtaining consent from the author.If you encounter any issues during the download, it is possible that the publisher has removed the file from their server.
You are allowed to download the files provided on this website for personal or commercial use, subject to the condition that they are used lawfully. All files are the property of their respective owners.
The content on the website is provided AS IS for your information and personal use only. It may not be sold, licensed, or shared on other websites without obtaining consent from the author.
E N D
Presentation Transcript
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!
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
