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
3 questions
Informatika
Presentation
•
10th Grade
6 questions
5.6 Lesson Quiz
Presentation
•
6th Grade
10 questions
Chemical Formulas
Presentation
•
6th - 8th Grade
10 questions
Pronoun Case
Presentation
•
6th Grade
10 questions
7.7A Solving Two-Step Inequalities
Presentation
•
7th Grade
8 questions
Comparing & Ordering Rational Numbers
Presentation
•
6th Grade
6 questions
Dział 2 L1
Presentation
•
6th Grade
8 questions
T1. Cycle 5: HTML MULTIMEDIA ELEMENTS AND HTML LIST
Presentation
•
7th Grade
Popular Resources on Wayground
24 questions
PBIS-HGMS Day 10
Quiz
•
6th - 8th Grade
10 questions
HCS SCI 03 Summer School Review 3
Quiz
•
3rd Grade
11 questions
Home Scope
Quiz
•
7th - 8th Grade
15 questions
HCS SCI 05 Summer School Assessment 3 Review
Quiz
•
5th Grade
35 questions
Lufkin Road Middle School Student Handbook & Policies Assessment
Quiz
•
7th Grade
18 questions
Geo 11.3 Area of Circles and Sectors
Quiz
•
9th - 11th Grade