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
7 questions
Intro to Bloxels - Creating Characters
Presentation
•
6th Grade
8 questions
PENGHASILAN DAN PENGUJIAN ATURCARA
Presentation
•
6th Grade
7 questions
TIK Kls 6
Presentation
•
6th Grade
9 questions
long division
Presentation
•
7th Grade
8 questions
APE: Atomic Number, Protons, and Electrons
Presentation
•
6th - 8th Grade
9 questions
Personalizacija
Presentation
•
6th - 8th Grade
10 questions
File explorer
Presentation
•
6th Grade
8 questions
Theme
Presentation
•
6th - 8th Grade
Popular Resources on Wayground
19 questions
Naming Polygons
Quiz
•
3rd Grade
10 questions
Prime Factorization
Quiz
•
6th Grade
20 questions
Math Review
Quiz
•
3rd Grade
15 questions
Fast food
Quiz
•
7th Grade
20 questions
Main Idea and Details
Quiz
•
5th Grade
20 questions
Context Clues
Quiz
•
6th Grade
20 questions
Inferences
Quiz
•
4th Grade
19 questions
Classifying Quadrilaterals
Quiz
•
3rd Grade
Discover more resources for Instructional Technology
10 questions
Prime Factorization
Quiz
•
6th Grade
15 questions
Fast food
Quiz
•
7th Grade
20 questions
Context Clues
Quiz
•
6th Grade
20 questions
Figurative Language Review
Quiz
•
6th Grade
10 questions
Candy
Quiz
•
4th - 8th Grade
10 questions
Fact Check Ice Breaker: Two truths and a lie
Quiz
•
5th - 12th Grade
14 questions
Volume of rectangular prisms
Quiz
•
7th Grade
20 questions
Math Review
Quiz
•
6th Grade