Scribd
Upload
2 views4 pages

HTML 3

The document provides an overview of HTML character entities, font tags, and lists, explaining how to display special characters and format text. It details unordered and ordered lists, including their respective HTML tags, and introduces definition lists with examples. Additionally, it covers the use of anchor tags for creating links to other resources on the web.

Uploaded by

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

HTML 3

The document provides an overview of HTML character entities, font tags, and lists, explaining how to display special characters and format text. It details unordered and ordered lists, including their respective HTML tags, and introduces definition lists with examples. Additionally, it covers the use of anchor tags for creating links to other resources on the web.

Uploaded by

mohammed alkhafaje
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 4

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 &nbsp;

< less than &lt;


> greater than &gt;
& ampersand &amp;

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.

You might also like