LECTURE 2
HTML ELEMENTS
An HTML element is defined by a start tag, some content, and an end tag.
<tagname>Content goes here...</tagname>
Examples:
<h1>My First Heading</h1>
<p>My first paragraph.</p>
EMPTY HTML ELEMENTS
HTML elements with no content are called empty elements.
The <br> tag defines a line break, and is an empty element without a closing tag
HTML ATTRIBUTES
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“
Examples:
<img src="img_girl.jpg" alt="Girl with a jacket">
<a href="[Link] W3Schools</a>
HTML TEXT FORMATTING
HTML Text Formatting
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
<del> - Deleted text
<sub> - Subscript text
<sup> - Superscript text
HTML TEXT Formatting
The HTML <b> element defines bold text, without any extra importance.
The HTML <strong> element defines text with strong importance. The content inside
is typically displayed in bold.
The HTML <i> element defines a part of text in an alternate voice or mood. The
HTML <em> element defines emphasized text. The content inside is typically
displayed in italic.
The HTML <mark> element defines text that should be marked or highlighted
The HTML <del> element defines text that has been deleted from a document.
Browsers will usually strike a line through deleted text
The HTML <sub> element defines subscript text. Subscript text appears half a
character below the normal line
The HTML <sup> element defines superscript text. Superscript text appears half a
character above the normal line
HTML QUOTATIONS
HTML QUOTATIONS
We will go through the <blockquote>, <q>, <abbr> and <cite> HTML elements.
HTML <blockquote> for Quotations
The HTML <blockquote> element defines a section that is quoted from another source
Example:
<blockquote cite="[Link]
For nearly 60 years, WWF has been protecting the future of nature. The world's leading
conservation organization, WWF works in 100 countries and is supported by more than
one million members in the United States and close to five million globally.
</blockquote>
HTML QUOTATIONS
The HTML <q> tag defines a short quotation.
Browsers normally insert quotation marks around the quotation
Example:
<p>WWF's goal is to: <q>Build a future where people live in
harmony with nature.</q></p>
The HTML <abbr> tag defines an abbreviation or an acronym, like "HTML", "CSS",
"Mr.", "Dr.", "ASAP", "ATM".
Example:
<p>The <abbr title="World Health Organization">WHO</abbr> was
founded in 1948.</p>
HTML QUOTATIONS
The HTML <cite> tag defines the title of a creative work (e.g. a book, a poem, a
song, a movie, a painting, a sculpture, etc
<p><cite>The Scream</cite> by Edvard Munch. Painted in 1893.</p>
The HTML cite element defines the title of a work.
Browsers usually display cite elements in italic.
COMMENTS
COMMENTS
HTML comments are not displayed in the browser, but they can help document
your HTML source code.
With comments you can place notifications and reminders in your HTML code.
Comments are also great for debugging HTML, because you can comment out
HTML lines of code, one at a time, to search for errors
<!-- Remember to add more information here -->