LPU - Lovely Professional University
What you'll learn

Course Description This training program introduces learners to the fundamental concepts of web development with a focus on HTML. It covers the structure and syntax of HTML documents, the use of semantic and formatting tags, as well as techniques to organize content using tables, lists, and forms. Participants will explore how to embed multimedia elements such as images, audio, and video while ensuring accessibility and clarity. The program emphasizes hands-on practice to build well-structured, functional, and user-friendly webpages that form the foundation for advanced web design and development. Learning Outcomes: • Create structured and semantic web pages using HTML. • Style and design responsive layouts with CSS. • Add interactivity through JavaScript and DOM manipulation. • Apply JavaScript concepts like variables, functions, arrays, and objects. • Integrate HTML, CSS, and JavaScript to build functional web applications.

  • Introduction to Web Technologies and HTML, Structure of an HTML Document, Root and Metadata Elements: title, meta, link, script, HTML document layout using html, head, body, Basic Tags: Headings, Paragraphs, Line Breaks, Horizontal Rules, Text Formatting in HTML using strong, em, b, i, mark, small, abbr, cite, dfn, del, ins, sup, sub, Quotations using q and blockquote, Adding Comments,
  • Introduction to the DOM, DOM Methods – getElementById, querySelector, DOM Document and Elements, Manipulating HTML and CSS with JavaScript, DOM Events, Working with localStorage and sessionStorage, JSON Basics
  • Types of HTML Tags: Paired and Unpaired, Block-level vs Inline elements, Working with Lists: Ordered, Unordered, Definition Lists using ol, ul, li, dl, dt, dd, Grouping with Div and Span, Hyperlinks using anchor tag with attributes (href, target, title), Inserting Images, Embedding Media using audio, video, iframe, HTML Favicon, Semantic Elements like header, footer, section, article, nav, aside, main, Working with Tables – table, tr, td, th, caption, thead, tbody, tfoot, attributes colspan and rowspan, Working with Forms – action attribute, get and post methods, Form Elements and Controls like Text Inputs, TextArea, Buttons, CheckBoxes, Dropdown Boxes, Radio Buttons, Select, File Select, Label, Fieldset, Legend, Optgroup, Special HTML5 Tags like progress, meter, details, summary
  • CSS Basics – inline CSS, internal CSS, external CSS, CSS properties for text formatting and styling, CSS colors and backgrounds, CSS Selectors – type, id, class, attribute selectors, pseudo-classes, combinators, and grouping selectors, CSS Box Model – margin, padding, border, width, height, Styling Div and Span elements, overflow and display properties, Fonts and Typography – font-family, font-size, line-height, font-weight, text-align, Working with background images and gradients, Applying CSS on Tables and Forms, Creating Hover Effects, Using Transitions and Basic Animations,
  • Introduction to JavaScript, Adding JavaScript in the head and body, Using External JavaScript files, Variables (var, let, const), Operators and Data Types, Control Statements – if, else, switch, break, continue, Looping Statements – for, while, do…while, Nested Loops, Popup Boxes – alert, confirm, prompt, Arrays and Array Methods – push, pop, shift, unshift, map, filter, JavaScript Objects – properties and methods
  • Working with Functions – arguments and return values, Arrow Functions, JavaScript Events – Form-based events, Keyboard-based events, Mouse-based events, ES6+ Features such as Template Literals, Spread Operator, and Destructuring

Avatar
Nitish Kumar
Assistant Professor

Er. Nitish Kumar is an Assistant Professor at Lovely Professional University. He is skilled in Data Structures and Algorithms (DSA) and Full Stack Web Development.


Avatar
Dr. Anshu Sharma
Associate Professor

Dr. Anshu Sharma has an academic experience of 16 years. She is skilled in Programming and Machine Learning


Avatar
Dr. Chirag Sharma
Associate Professor

Dr. Chirag Sharma has an academic experience of 14 years. He is skilled in Programming and Machine Learning