HTML BASICS PART I ~ My Profile

All HTML documents must start with a document type declaration: <!DOCTYPE html>.

HTML Attributes

All HTML elements can have attributes
Attributes provide additional information about elements
Attributes are always specified in the start tag
Attributes usually come in name/value pairs like: name="value"

<a href="https://www.w3schools.com">Visit W3Schools</a>
<img src="img_girl.jpg" width="500" height="600">
<img src="img_girl.jpg" alt="Girl with a jacket">
<html lang="en">
This is a paragraph.

The style attribute is used to add styles to an element, such as color, font, size, and more.
The <img> tag should also contain the width and height attributes, which specifies the width and height of the image (in pixels)
The required alt attribute for the <img> tag specifies an alternate text for an image
You should always include the lang attribute inside the <html> tag, to declare the language of the Web page. This is meant to assist search engines and browsers.
The title attribute defines some extra information about an element.
The value of the title attribute will be displayed as a tooltip when you mouse over the element

HTML Headings

HTML headings are defined with the <h1> to <h6> tags.

HTML Paragraphs

The HTML  element defines a paragraph.
A paragraph always starts on a new line, and browsers automatically add some white space (a margin) before and after a paragraph.
With HTML, you cannot change the display by adding extra spaces or extra lines in your HTML code.
The browser will automatically remove any extra spaces and lines when the page is displayed:

This paragraph
contains a lot of lines
in the source code,
but the browser
ignores it.


This paragraph
contains a lot of spaces
in the source code,
but the browser
ignores it.

HTML Horizontal Rules

The <hr> tag defines a thematic break in an HTML page, and is most often displayed as a horizontal rule.
The <hr> element is used to separate content (or define a change) in an HTML page
The <hr> tag is an empty tag, which means that it has no end tag

HTML Line Breaks

The HTML   element defines a line break.
Use   if you want a line break (a new line) without starting a new paragraph:

Example:

This is a paragraph with line breaks.

The HTML <pre> Element

The HTML <pre> element defines preformatted text.
The text inside a <pre> element is displayed in a fixed-width font (usually Courier), and it preserves both spaces and line breaks:

Example:

<pre>
My Bonnie lies over the ocean.
My Bonnie lies over the sea.
My Bonnie lies over the ocean.
Oh, bring back my Bonnie to me.
</pre>

it displays the content as it is written .

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;">

The property is a CSS property. The value is a CSS value.

Use the style attribute for styling HTML elements
Use background-color for background color
Use color for text colors
Use font-family for text fonts
Use font-size for text sizes
Use text-align for text alignment

HTML Text Formatting

 Defines bold text

 Defines emphasized text

 Defines a part of text in an alternate voice or mood

 Defines smaller text

 Defines important text

 Defines subscripted text

 Defines superscripted text

<ins> Defines inserted text

<del> Defines deleted text

 Defines marked/highlighted text

HTML Quotation and Citation Elements

<abbr> Defines an abbreviation or acronym

<address> Defines contact information for the author/owner of a document

<bdo> Defines the text direction

<blockquote> Defines a section that is quoted from another source

<cite> Defines the title of a work

<q> Defines a short inline quotation

HTML Comment Tags

You can add comments to your HTML source by using the following syntax:

My Profile

Menu

Monday, 19 April 2021