Scribd
Upload
5 views3 pages

Web Technologies Course Outline HTML

The document outlines a web programming task to create an HTML page for a 'Web Technologies Course Outline'. It specifies the inclusion of an ordered list for modules, an unordered sub-list for the HTML module's topics, and a description list defining three terms: ordered list, unordered list, and description list. The provided HTML code demonstrates the required structure and styling for the course outline.

Uploaded by

Shaun
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
5 views3 pages

Web Technologies Course Outline HTML

The document outlines a web programming task to create an HTML page for a 'Web Technologies Course Outline'. It specifies the inclusion of an ordered list for modules, an unordered sub-list for the HTML module's topics, and a description list defining three terms: ordered list, unordered list, and description list. The provided HTML code demonstrates the required structure and styling for the course outline.

Uploaded by

Shaun
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

WEB PROGRAMMING TASK – 12

Name: Shaunak Dhar Reg No. : 24BCE2015

Create an HTML page for a “Web Technologies Course Outline” that contains:
• An ordered list for the sequence of modules (HTML, CSS, Bootstrap, JavaScript, PHP etc.).
• For the HTML module, an unordered sub-list showing topics (elements, attributes, lists,
tables).
• A description list at the bottom defining three terms: ordered list, unordered list, and
description list.

<html>
<head>
<title>Web Technologies</title>
</head>
<style>
.header{
background-color:black;
color:red;
}
</style>
<body>
<div class="header">
<h1> Web Technologies </h1>
</div>
<div class="content">
<ol>
<li>HTML</li>
<ul>
<li>Basic Structure & Tags</li>
<li>Forms & Input Elements</li>
<li>Media & Links</li>
<li>Semantic HTML</li>
</ul>
<li>CSS</li>
<ul>
<li>Selectors & Properties</li>
<li>Box Model</li>
<li>Layout Techniques</li>
<li>Responsive Design</li>
</ul>
<li>Bootstrap</li>
<ul>
<li>Grid System</li>
<li>Components</li>
<li>Utilities</li>
<li>Forms & Layout Helpers</li>
</ul>
<li>Javascript</li>
<ul>
<li>Basics & Syntax</li>
<li>Functions & Control Flowl</li>
<li>DOM Manipulation</li>
<li>Asynchronous JavaScript</li>
</ul>
<li>PHP</li>
<ul>
<li>PHP Basics</li>
<li>Forms & User Input Handling</li>
<li>Database Connectivity</li>
<li>Sessions & Authentication</li>
</ul>
</ol>
<dl>
<dt>Ordered List</dt>
<dd>An ordered list starts with the &lt;ol&gt; tag. Each list item starts with the &lt;li&gt; [Link]
list items will be marked with numbers by default:</dd>
<dt>Unordered List</dt>
<dd>An unordered list starts with the &lt;ul&gt; tag. Each list item starts with the &lt;li&gt;
[Link] list items will be marked with bullets (small black circles) by default:</dd>
<dt>Description List</dt>
<dd>A description list is a list of terms, with a description of each [Link] &lt;dl&gt; tag defines
the description list, the &lt;dt&lgt; tag defines the term (name), and the &lt;dd&gt; tag describes
each term:</dd>
</dl>

You might also like