HTML Character Entities
Some characters have a special meaning in HTML, like the less than sign (<) that defines
the start of an HTML tag. If we want the browser to actually display these characters we
must insert character entities in place of the actual characters themselves.
The Most Common Character Entities:
Result Description Entity Name
non-breaking space
< less than <
> greater than >
& ampersand &
A character entity has three parts: an ampersand (&), an entity name or an entity number,
and finally a semicolon (;). The & means we are beginning a special character, the ; means
ending a special character and the letters in between are sort of an abbreviation for what it's
for.
Font tag and attributes
Changes font attributes for text within the
<FONT>...</FONT> tags
<FONT Sets the font to a size from 1 to 7, with 1 the
size=”value”>...</FONT> smallest and 7 the largest
<FONT
face=”name”>...</FONT> Sets the font face
<FONT
color=”color”>...</FONT> Sets the font color using hexadecimal code
17
HTML Lists
HTML provides a simple way to show unordered lists or ordered lists.
Unordered Lists
An unordered list is a list of items marked with bullets (typically small black circles). An
unordered list starts with the <ul> tag. Each list item starts with the <li> tag.
This Code Would Display
<ul type=”square”>
<li>Coffee</li> Coffee
<li>Milk</li> <li> Tea </li> Milk
</ul> Tea
g
Ordered Lists
An ordered list is also a list of items. The list items are marked with numbers. An ordered list starts
the <ol> tag. Each list item starts with the <li> tag.
This Code Would Display
<ol >
<li>Coffee</li> 1. Coffee
<li>Milk</li> 2. Milk
</ol>
Inside a list item you can put paragraphs, line breaks, images, links, other lists, etc.
Attribute for <OL ...> START = integer
<ol start=2>
<li>apples</li>
<li>bananas</li>
<li>grapes</li>
</ol>
Definition Lists
Definition lists consist of two parts: a term and a description. To mark up a definition list,
you need three HTML elements; a container <dl>, a definition term <dt>, and a definition
description <dd>.
This Code Would Display
<dl>
<dt>Cascading Style Sheets</dt> Cascading Style Sheets
<dd>Style sheets are used to provide Style sheets are used to provide
presentational suggestions for presentational suggestions for
documents marked up in HTML.
</dd> documents marked up in HTML.
<dt>AI</dt>
<dd> hgfddssdf</dd>
</dl>
Inside a definition-list definition (the <dd> tag) you can put paragraphs, line breaks,
images, links, other lists, etc
Try It Out
<dl>
<dt>Definition Term</dt>
<dd>Definition of the term</dd>
<dt>Definition Term</dt>
<dd>Definition of the term</dd>
</dl>
Try It Out
Open your text editor and type the following:
<html>
<head>
<title>My First Webpage</title>
</head>
<body bgcolor="#EDDD9E">
<h1 align="center">My First Webpage</h1>
<p>Welcome to my <strong>first</strong> webpage. I am writing this page using a text
editor and plain old html.</p>
<p>By learning html, I'll be able to create web pages like a pro ...<br>
which I am of course.</p>
Here's what I've learned:
<ul>
<li>How to use HTML tags</li>
<li>How to use HTML colors</li>
<li>How to create Lists</li>
</ul>
</body>
</html>
HTML Links
HTML uses the <a> anchor tag to create a link to another document or web page.
The Anchor Tag and the Href Attribute
An anchor can point to any resource on the Web: an HTML page, an image, a sound file, a
movie, etc.
