Scribd
Upload
31 views

Try It Yourself!: Create Your Own HTML Web Design!

This document provides an overview of HTML (Hypertext Markup Language) and its basic elements and tags for web development. It discusses what HTML is, where to write HTML code, and some fundamental HTML tags and attributes including headings, paragraphs, links, images, styles, formatting, and buttons. It also covers using the <body> background attribute to add a background image to a webpage. The document encourages readers to try out examples of HTML elements and experiment with creating their own web designs.

Uploaded by

JJGuimalan
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
31 views

Try It Yourself!: Create Your Own HTML Web Design!

This document provides an overview of HTML (Hypertext Markup Language) and its basic elements and tags for web development. It discusses what HTML is, where to write HTML code, and some fundamental HTML tags and attributes including headings, paragraphs, links, images, styles, formatting, and buttons. It also covers using the <body> background attribute to add a background image to a webpage. The document encourages readers to try out examples of HTML elements and experiment with creating their own web designs.

Uploaded by

JJGuimalan
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 1

Hypertext Markup Language

Web Development Basics


Topic Overview
I.
What is HTML?
II.
Where to write the HTML?
III.
HTML Basics (Headings, Paragraphs,
Links and Images)
IV.
HTML Styles
V.
HTML Formatting
VI.
HTML Button
VII.
HTML <body> Background Attribute
HTML DESIGNING!
I. What is HTML?
Stands for Hypertext Markup Language
Describes the structure of Web pages using
markup
Elements are the building blocks of HTML
pages
Elements are represented by tags.
II. Where to write the HTML?
Professional HTML Editors
Notepad
TextEdit (Mac)
TRY IT YOURSELF!
III. HTML Basics
(Headings, Paragraphs, Links and
Images)
A. Headings
HTML headings are defined with
the <h1> to <h6> tags.
<h1> defines the most important heading.
<h6> defines the least important heading.
<hr> element is used to separate content
(or define a change) in an HTML page.
TRY IT YOURSELF!
B. Paragraphs
HTML <p> element defines a paragraph.
Browser will remove any extra spaces and
extra lines when the page is displayed.
Most browsers will display HTML correctly
even if you forget the end tag.

TRY IT YOURSELF!
C. Links
HTML links are defined with the <a> tag.
TRY IT YOURSELF!
D. 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!
IV. HTML Styles
HTML style attribute has the
following syntax:
HTML Background Color:
HTML Text Color:
HTML Text-Size:
HTML Text-Alignment:
TRY IT YOURSELF!
V. HTML Formatting
HTML also defines special elements for
defining text with a special meaning.
TRY IT YOURSELF!
VI. HTML Button
The <button> tag defines a clickable button.
Inside a <button> element you can put
content, like text or images. This is the
difference between this element and buttons
created with the <input> element.
TRY IT YOURSELF!
VI. HTML Button
VII. HTML <body> Background Attribute
HTML <body> background Attribute
The background attribute specifies a
background image for a document.
TRY IT YOURSELF!
Reference:
http://www.w3schools.com/html/default.asp
Create your own HTML Web Design!

You might also like