1. Develop a static webpage using HTML5 which provides introduction and overview to the web technology. Include an appropriate image with caption. Also include external links to related sites for further reading. Use headings, paragraphs, sections and other tags appropriately. 2. Use the HTML special characters in the content : <, >, &, " etc 3. Include a table of content section at the beginning of the page. Each item should be a hyperlink to the corresponding section in the same page (links within page). 3. Create footer section and add copyright information. 4. Add ordered/unordered lists wherever suitable. 5. Add a link at the bottom of page to go back to top of the page. 6. Validate your code in https://validator.w3.org
<!DOCTYPE html>
<html lang="en">
<head>
<title>Introduction and Overview to Web Technology</title>
</head>
<body>
<section id="top">
<h2>Table of Content</h2>
<ul>
<li><a href="#webtech">What is Web Technology?</a></li>
<li><a href="#html">Mark Up Languages</a></li>
<li><a href="#css">Cascading Style Sheet</a></li>
<li><a href="#javascript">Javascript</a></li>
</ul>
</section>
<h1>Web Technology</h1>
<figure>
<img src="https://study.com/cimages/videopreview/videopreview-full/mjk6t3jfh4.jpg" alt="Images of Computers Communicating" />
<figcaption>
Two Computers communicating with web technology
</figcaption>
</figure>
<section id="webtech">
<h2> What is Web Technology About?</h2>
<p>
Web technology refers to the means
by which computers communicate with
each other using markup languages and
multimedia packages. It gives us a way
to interact with hosted information,
like websites.
Web technology is a method of communication
unique to computers through the use of binary
codes and directions.Web technology is a method
of communication unique to computers through
the use of binary codes and directions.
In the IT world, the internet is an essential
platform, whether it`s for developing
or for consumer use. When developing a website,
typically three main languages come into play.
These languages are JavaScript, CSS, and HTML.
HTML is the backbone of most webpages. Essentially,
it is used to create the structure of how a specific
website would look like, from the headings, to the
paragraphs, the body, links, and even images. Click <a href="https://en.wikibooks.org/wiki/Introduction_to_Information_Technology/Web_Technologies">here</a> to read more.
</p>
</section>
<section id="html">
<h2>Mark Up Languages</h2>
<p>
Markup languages are the languages in which the web is written.
The most common markup language used is HTML, which uses tags
to annotate text so that a computer can then manipulate the text.
Most markup languages are human readable, and use annotations
that are distinguishable from the annotated text. There are many
different kinds of markups and languages, but all are consistent
in the way in which they annotate documents.
</p>
<p>They are made up of tags like this: <html> & <body></p>
</section>
<section id="css">
<h2>Cascading Style Sheets</h2>
<p>
CSS is a style sheet language standard
set by W3C (World Wide Web Consortium)
used to create and edit the visual
presentation of web pages. CSS allows web
developers to isolate a web page's content
and visual styles into separate documents
and gives better page layout control.
An external CSS sheet is generally linked
to HTML and XHTML, it also can be linked
to XML, SVG, and XUL. HTML and Javascript,
with CSS, is a vital part of technology
used by the majority of interfaces for
websites. This is also used in interfaces
for mobile devices making the websites
more engaging.Click <a href="https://en.wikibooks.org/wiki/Introduction_to_Information_Technology/Web_Technologies">here</a> to read more.
</p>
</section>
<section id="javascript">
<h2>JavaScript</h2>
<p>
JavaScript is a scripting language that is
used along with HTML and CSS as the three
core components of the World Wide Web.
JavaScript has first-class functions and
is used in most websites. JavaScript does
not have any I/O which means that it has to
be embedded in the host environment.
JavaScript is also used in PDF documents,
game development, and desktop and mobile
applications. JavaScript is most commonly
used to make DHTML by adding client-side
behavior to HTML pages.
</p>
</section>
<footer>
©2022 Tommy. All right reserved.
<p><a href="#top">Back to Top</a></p>
</footer>
</body>
</html>
Comments
Leave a comment