0% found this document useful (0 votes)
25 views2 pages

HTML

The document provides information on HTML tags for text formatting and semantics. It describes tags such as <b>, <strong>, <i>, <em>, <mark>, <small>, <del>, <ins>, <sub>, <sup> for formatting text. It also covers tags for quotations like <blockquote>, <q> and other semantic tags such as <abbr>, <address>, <cite>, <bdo>. It concludes with a brief description of CSS properties for borders, padding and margins and using images as links.

Uploaded by

Mary Clare
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
25 views2 pages

HTML

The document provides information on HTML tags for text formatting and semantics. It describes tags such as <b>, <strong>, <i>, <em>, <mark>, <small>, <del>, <ins>, <sub>, <sup> for formatting text. It also covers tags for quotations like <blockquote>, <q> and other semantic tags such as <abbr>, <address>, <cite>, <bdo>. It concludes with a brief description of CSS properties for borders, padding and margins and using images as links.

Uploaded by

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

1 .

Always include lang attribute inside the <html>, to declare the language of
the Web Page.
eg- <html lang="en">

Country code can be added in the lang.


The first two characters define the language of the HTML page and the second
one define the country.
eg- <html lang="en-US">

2. <b> - Bold text


<strong> - Important text
<i> - Italic text
<em> - Emphasized text
<mark> - Marked text
<small> - Smaller text
<del> - Deleted text
<ins> - Inserted text
<sub> - Subscript text
<sup> - Superscript text

*<strong> defines text with strong important but <b> is not.


<i> tag is often used to indicate a technical term, a phrase from another
language, a thought, a ship name, etc.
<em> element defines emphasized text.A screen reader will pronounce the words in
<em> with an emphasis, using verbal stress.
<mark> element defines text that should be marked or highlighted.
<small> element represents side-comments and small print, like copyright and
legal text, independent of its styled presentation.
<del> element defines text that has been deleted from a document. Browsers will
usually strike a line through deleted text.
<ins> element defines a text that has been inserted into a document. Browsers
will usually underline inserted text.
<sub> : subscript text
<sup> : superscript text

QUOTATIONS

<blockquote> used for a section that is quoted from another source. Browsers
usually indent <blockquote>
*** <blockquote cites="source"></blockquote>***

<q> tag defines a short quotation.


Browsers normally insert quotation marks around the quotation.

<abbr> tag defines an abbreviation or an acronym, like "HTML", "CSS", "Mr.", "Dr.",
"ASAP", "ATM".
Marking abbreviations can give useful information to browsers, translation systems
and search-engines.
***Tip: Use the global title attribute to show the description for the
abbreviation/acronym when you mouse over the element.
***<abbr title="World Health Organization">WHO</abbr>
OUTPUT:underline dotted under WHO

The HTML <address> tag defines the contact information for the author/owner of a
document or an article.
The contact information can be an email address, URL, physical address, phone
number, social media handle, etc.
The text in the <address> element usually renders in italic, and browsers will
always add a line break before and after the <address> element.

<cite> tag defines the title of a creative work (e.g. a book, a poem, a song, a
movie, a painting, a sculpture, etc.).
NOTE: A person's name is not the title of a work.
The text in the <cite> element usually renders in italic.

<bdo> tag is used to override the current text direction


EXAMPLE: <p>This line will be written from right to left.</p>
<bdo dir="rtl">This line will be written from right to left.</bdo>

OUTPUT: This line will be written from right to left.


.tfel ot thgir morf nettirw eb lliw enil sihT

CSS
border, padding, margin

border is used for a border around the element.


padding is a space between the text and the border.
margin is the space outside the border.

Use an image as a link


***Put the img inside the a.

You might also like