Scribd
Upload
13 views

SEC HTML

The document outlines a course on HTML Programming, which includes prerequisites, course objectives, and a detailed syllabus. Students will learn web page structure, basic HTML tags, formatting, and how to create images, tables, and forms. The course also includes a practical lab component where students will apply their knowledge through hands-on projects.

Uploaded by

krishrockerz56
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
13 views

SEC HTML

The document outlines a course on HTML Programming, which includes prerequisites, course objectives, and a detailed syllabus. Students will learn web page structure, basic HTML tags, formatting, and how to create images, tables, and forms. The course also includes a practical lab component where students will apply their knowledge through hands-on projects.

Uploaded by

krishrockerz56
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/ 2

Course- SEC Paper Code-POOBSEC219 Credits-2 Lectures/Week-2

Paper: HTML Programming

Prerequisite(s) and/or Note(s):


(1) Anyone interested in learning about the subject.
1. Experience with any text editor like notepad,
2. How to create directories and files on your computer.
3. How to navigate through different directories.
4. How to type content in a file and save them on a computer.
5. Understanding about images in different formats like JPEG, PNG format.

(2) Note(s): Syllabus changes yearly and may be modified during the term itself, depending on the
circumstances. However, students will be evaluated only on the basis of topics covered in the
course.

Course Objectives

Knowledge Acquired:
(1) Understanding of web page structure.
(2) Notepad, browser familiarity.
(3) Knowledge about building web pages.

Skills Gained:
(1) Proficiency in web page development.
(2) Visual content insertion capability.
(3) Creation of forms, tables.

Competency Developed:
(1) Effective web page development competency.
(2) Understanding the core concepts of web development and how web pages are constructed.
(3) Ability to structure and organize content on a web page effectively.
(4) Skills in creating forms to collect and manage user input.

Syllabus Overview

Unit 1: HTML Overview 5 Lectures


Introduction to web page designing using HTML: create and save an HTML document, access a web
page using a web browser, Basic HTML document, HTML document structure.

Unit 2: HTML basic tags 5 Lectures


Heading tag, Paragraph tag, Line break tag, Centering content, Horizontal lines, Preserve formatting,
HTML tags: html, head, title, body, (attributes: text, background, bgcolor, link, vlink, alink), br
(break), hr (horizontal rule), inserting comments, h1..h6 (heading), p (paragraph), b (bold), i (italics),
u (underline), ul (unordered list), ol (ordered list), and li (list item). Description lists: dl, dt and dd.
Attributes of ol (start, type), ul (type).

Unit 3: HTML Formatting 5 Lectures


Bold Text, Italic Text, Underlined Text, Strike Text, Monospaced Font, Superscript Text, Subscript
Text, Inserted Text, Deleted Text, Larger Text, Smaller Text, Grouping Content

Unit 4: HTML – Images, Tables, Forms 15 Lectures


Insert images: img (attributes: src, width, height, alt), sup (super script), sub(subscript). HTML Forms:
Textbox, radio buttons, checkbox, password, list, combo box. Embed audio and video in a HTML
page. Create a table using the tags: table, tr, th, td, rowspan, colspan
Suggested Readings
1. HTML 5.0 for Beginners, Vinod KumarMurugesan
2. Learn HTML in Easy way, Ritesh Kumar.
3. A Complete Reference, HTML and CSS, Thomas A. Powell

Course-SEC Paper Code- POOBSEC219L Credits-1 Lab hours/Week-2


Paper: HTML Programming (Lab)

Students are advised to do laboratory/practical practice not limited to, but including the following
types of problems:
(1) Creating an HTML document for displaying a web page with the following tags:
a. Bold
b. Italic
c. Alignment
d. Paragraph
e. Underline
f. Text colour
g. Background colour
h. Heading
i. Line break
j. pre
(2) Design a web page of your CV with headings as objective, educational qualification,
achievement, strength, hobbies and personal details.
Apply the following specifications:
a. Set any light colour as page background
b. Bold and underline all headings
c. Insert your image on the left side of the web page
d. Use heading tag to specify the heading
e. After every heading is over put a horizontal line
f. Use pre tag for educational qualification.
(3) HTML program to create nested lists
(4) HTML program to create a form to take input from user and display it
(5) HTML program demonstrating use of tables.

You might also like