Learn HTML

Learn HTML

by Huỳnh Phúc Thành

​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.

​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.

​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.

​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.

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>.

Multiple Choice

How many heading elements are there?

• 5

• 1

• 6

Multiple Choice

What is the attribute in <div> elements?

• id

• name

• type

​HTML

​