WHAT IS HTML BASIC LEARNING - HTML FULL FORM
What is HTML?
HTML is the standard markup language for creating Web pages.
- HTML stands for Hyper Text Markup Language
- HTML describes the structure of Web pages using markup
- HTML elements are the building blocks of HTML pages
- HTML elements are represented by tags
- HTML tags label pieces of content such as "heading", "paragraph", "table", and so on
- Browsers do not display the HTML tags, but use them to render the content of the page
Write HTML Using Notepad or TextEdit
Web pages can be created and modified by using professional HTML editors.
However, for learning HTML we recommend a simple text editor like Notepad (PC) or TextEdit (Mac).
We believe using a simple text editor is a good way to learn HTML.
Follow the four steps below to create your first web page with Notepad or TextEdit
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>
HTML Elements
An HTML element usually consists of a start tag and end tag, with the content inserted in between:
<tagname>Content goes here...</tagname>
The HTML element is everything from the start tag to the end tag:
<p>My first paragraph.</p>
HTML Attributes
- All HTML elements can have attributes
- Attributes provide additional information about an element
- Attributes are always specified in the start tag
- Attributes usually come in name/value pairs like: name="value"
HTML Headings
Headings are defined with the
<h1>
to <h6>
tags.<h1>
defines the most important heading. <h6>
defines the least important heading.
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6>Heading 6</h6>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6>Heading 6</h6>
HTML Paragraphs
The HTML
<p>
element defines a paragraph:
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
<p>This is another paragraph.</p>
The HTML Style Attribute
Setting the style of an HTML element, can be done with the
style
attribute.
The HTML
style
attribute has the following syntax:
<tagname style="property:value;">
HTML Background Color
The
background-color
property defines the background color for an HTML element.
This example sets the background color for a page to powderblue:
<body style="background-color:powderblue;">
<h1>This is a heading</h1>
<p>This is a paragraph.</p>
</body>
<h1>This is a heading</h1>
<p>This is a paragraph.</p>
</body>
HTML Formatting Elements
In the previous chapter, you learned about the HTML style attribute.
HTML also defines special elements for defining text with a special meaning.
HTML uses elements like
<b>
and <i>
for formatting output, like bold or italic text.
Formatting elements were designed to display special types of text:
<b>
- Bold text<strong>
- Important text<i>
- Italic text<em>
- Emphasized text<mark>
- Marked text<small>
- Small text<del>
- Deleted text<ins>
- Inserted text<sub>
- Subscript text<sup>
- Superscript text
HTML <b> and <strong> Elements
The HTML
<b>
element defines bold text, without any extra importance.
<b>This text is bold</b>
HTML <q> for Short Quotations
The HTML
<q>
element defines a short quotation.
Browsers usually insert quotation marks around the element
<q>
.
<p>WWF's goal is to: <q>Build a future where people live in harmony with nature.</q></p>
No comments
Post a comment