Grade 10 Ict HTML
Grade 10 Ict HTML
Web Publishing
What Is Web Publishing?
• The Web is
»A hypertext information
system
»Cross-platform
» Distributed
»Dynamic
»Interactive
• Hypertext enables you to read
and navigate text and visual
information in a nonlinear way,
based on what you want to know
next.
• Cross-platform means that you
can access web information
equally well from any
computer hardware running
any operating system using
any display
• The Web succeeds at
providing so much information
because that information is
distributed globally across
millions of websites, each of
which contributes the space
for the information it
publishes.
• A web server is just a computer that
listens for requests from web browsers
and responds to that request.
• A web server is the program that runs
on a computer and is responsible for
replying to web browser requests for
whatever content is associated with a
particular URL.
• URLs contain information about the
following:
– How to get to the information (which
protocol to HTTP)
– The Internet hostname of the
computer where the content is stored
(www.donbosco.edu , www.abay.com,)
– The directory or other location on that
site where the content is located
• A website is a location on the Web
that publishes some kind of
information. When you view a web
page, your browser connects to that
website to get that information.
• Each website, and each page or bit of
information on that site, has a unique
address. This address is called a
uniform resource locator or URL.
web browser
• The core purpose of a web browser is to
connect to web servers, request documents,
and then properly format and display those
documents.
• Each web page is written in a language called
the Hypertext Markup Language (HTML) that
includes the text of the page, a description
of its structure, and links to other documents,
images, or other media.
• Website—A collection of one or more
web pages linked together in a
meaningful way that, as a whole,
describes a body of information or creates
an overall effect
• Web server—A computer on the Internet
or an intranet that delivers web pages and
other files in response to browser
requests. (An intranet is a network that
uses Internet protocols but is not publicly
accessible.)
• Web page—A single document on a
website, usually consisting of a Hypertext
Markup Language (HTML) document and
any items that are displayed within that
document, such as inline images or style
sheets.
• Home page—The entry page for a
website, which can link to additional
pages on the same website or pages on
other sites.
HTML
• HTML is a language for describing the
structure of a document, not its actual
presentation.
• HTML is a markup language . Writing in a
markup language means that you start
with the text of your page and add
special tags around words and
paragraphs.
• HTML files contain the following:
–The text of the page itself
–HTML tags that identify page
elements, structure, formatting,
and hypertext links to other pages
or to included media
• HTML tags:
–Tags for overall page structure:
<html>, <head>, and <body>
–Tags for titles, headings, and
paragraphs: <title>, <h1>
through <h6>, and <p>
–Tags for comments: <!--...-->
Structuring Your HTML
• HTML defines three tags that are
used to define the page’s overall
structure and provide some simple
header information. These three tags
—<html>, <head>, and <body>—
make up the basic skeleton of every
web page
<!DOCTYPE html><html>
<head>
<title>ICT Grade 10</title>
</head>
<body>
<h1>Welcome</h1>
<p>“this is ICT class for grade 10 about HTML</p>
<h2>What We Do</h2>
<p>HTML tags that identify page elements, structure, formatting, and
hypertext links
to other pages or to included media
</p>
<h2>Why We Do It</h2>
<p> HTML defines three tags that are used to define the page’s overall
structure and provide
some simple header information. <p>
</body>
</html>
Lists are a general-purpose container for
collections of things.
• All the list tags have the following common
elements:
– Each list has an outer element specific to that type
of list. For example, <ul> and
</ul> for unordered lists, <ol> and </ol> for
ordered lists, or <dl> and </dl> for
definition lists.
– Each list item has its own tag: <dt> and <dd> for
the glossary lists, and <li> for the
other lists.
• <p>list three students from your class:</p>
<ul>
<li>Abebe</li>
<li>cheliso</li>
<li>Babina</li>
</ul>
• <p> list factor affecting centripetal force</p>
<ul><li>mass</li><li>speed</li><li>radius</li>
</ul>