Learn HTML
Presentation
•
Instructional Technology, Design, Computers
•
6th - 7th Grade
•
Hard
Huỳnh Phúc Thành
Used 3+ times
FREE Resource
6 Slides • 3 Questions
1
Learn HTML
by Huỳnh Phúc Thành
2
HTML basic
In this lesson you will learn:
Elements.
When to use the elements.
And after the ends of each section, you will have a quiz.
3
Heading elements
In HTML there are 6 heading elements:
<h1> for main headings.
<h2>, <h3>, <h4>, <h5>, <h6> for subheadings.
The subheadings were smaller as the number got bigger.
The <h1> element creates the biggest headings and the <h6> element creates the smallest heading.
4
Marking up elements
In HTML, the <div> (short for division) are use as the most popular marking element, use to mark parts of the HTML file; besides there are also <span> use to mark letters, <p> element use to mark paragraphs.
<div> are elements that use to mark parts of the HTML file, so it must have something to mark, this leads to an attribute calls "id". This "id" attribute is the name of the part that the <div> mark.
<p> is really a element that use to write paragraph that will display on the web.
5
Main elements
In an HTML file, you must include these elements:
<!DOCTYPE.html> is the element that you must include in the very first row.
<html> is the element that include all of the elements in the file.
<body> is the main element that you include the <div> elements and all of the important elements.
<head> is the element that include <title> which is the title display on your web.
<p> is the paragraph element that I told you in the last slide.
6
Multiple Select
Now tell me what are the main elements?
<html>, <!DOCTYPE.html>, <body>, <p>, <title>, <head>, <div>.
<html>, <!DOCTYPE.html>, <body>, <p>, <title>, <head>, <div>, <span>
<html>, <!DOCTYPE.html>, <body>, <p>, <title>, <head>, <div>, <ul>.
7
Multiple Choice
How many heading elements are there?
5
1
6
8
Multiple Choice
What is the attribute in <div> elements?
id
name
type
9
HTML
Learn HTML
by Huỳnh Phúc Thành
Show answer
Auto Play
Slide 1 / 9
SLIDE
Similar Resources on Wayground
6 questions
Операторы ветвления
Presentation
•
6th - 8th Grade
7 questions
INFLUENCE OF SETTING
Presentation
•
7th Grade
9 questions
W3Schools Lesson Computer Science
Presentation
•
6th - 8th Grade
8 questions
Write Expressions
Presentation
•
6th Grade
6 questions
Heat stress pada Ruminansia
Presentation
•
KG
7 questions
Elements of Narrative Writing
Presentation
•
6th - 7th Grade
8 questions
Elements of a Short Story
Presentation
•
6th Grade
7 questions
Comparing and Ordering Rational Numbers
Presentation
•
6th - 7th Grade
Popular Resources on Wayground
6 questions
Secondary Safety Quiz
Presentation
•
9th - 12th Grade
10 questions
MyPath Diagnostic Overview
Presentation
•
6th - 8th Grade
20 questions
Lab Safety Quiz
Quiz
•
6th Grade
21 questions
Continents and Oceans
Quiz
•
6th Grade
20 questions
Adding and Subtracting Decimals
Quiz
•
5th Grade
20 questions
Parts of Speech
Quiz
•
5th Grade
16 questions
Subject & Predicate
Quiz
•
5th Grade
21 questions
Lab Safety
Quiz
•
10th Grade