Scribd
Upload
10 views

HTML Basic Examples

The document discusses basic HTML elements and tags. It explains that all HTML documents must start with <!DOCTYPE html> and contain <html> and </html> tags. The visible content is between <body> and </body> tags. It also describes common text elements like headings (<h1>-<h6>), paragraphs (<p>), links (<a>), and images (<img>). The last section provides tips on how to view the source code of HTML pages.

Uploaded by

Tuấn Minh
Copyright
© © All Rights Reserved
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
10 views

HTML Basic Examples

The document discusses basic HTML elements and tags. It explains that all HTML documents must start with <!DOCTYPE html> and contain <html> and </html> tags. The visible content is between <body> and </body> tags. It also describes common text elements like headings (<h1>-<h6>), paragraphs (<p>), links (<a>), and images (<img>). The last section provides tips on how to view the source code of HTML pages.

Uploaded by

Tuấn Minh
Copyright
© © All Rights Reserved
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
You are on page 1/ 13

2.

HTML Basic Examples


HTML Documents

All HTML documents must


start with a document type
declaration: <!DOCTYPE html>.
The HTML document itself
begins with <html> and ends
with </html>.
The visible part of the HTML
document is
between <body> and </body>.
Try It Yourself
The <!DOCTYPE> Declaration
The <!DOCTYPE> declaration
represents the document type, and
helps browsers to display web pages
correctly.
It must only appear once, at the top
of the page (before any HTML tags).
The <!DOCTYPE> declaration is not
case sensitive.
The <!DOCTYPE> declaration for
HTML5.
HTML Headings

HTML headings are defined


with the <h1> to <h6> tags.

<h1> defines the most


important heading.

<h6> defines the least


important heading.
Try It Yourself
HTML Paragraphs

HTML paragraphs are defined with the <p> tag.


Try It Yourself
HTML Links

HTML links are defined with the <a> tag.

The link's destination is specified in


the href attribute.

Attributes are used to provide additional


information about HTML elements.
Try It Yourself
HTML Images

HTML images are defined with the <img> tag.

The source file (src), alternative text (alt), width,


and height are provided as attributes :
Try It Yourself
How to View HTML Source?

Have you ever seen a Web page and wondered "Hey! How did they
do that?“

View HTML Source Code:


Right-click in an HTML page and select "View Page Source" (in
Chrome) or "View Source" (in Edge), or similar in other browsers.
This will open a window containing the HTML source code of the
page.

Inspect an HTML Element:


Right-click on an element (or a blank area), and choose "Inspect"
or "Inspect Element" to see what elements are made up of (you
will see both the HTML and the CSS). You can also edit the HTML
or CSS on-the-fly in the Elements or Styles panel that opens

You might also like