Cell Spanning

Duration: 6 min

This video lesson is available to enrolled students.

Return to /learn/UP-LT-GRADE-ASSISTANT-TEACHER-2025/cs-10-internet-technology-web-design-and-web-technology/html-basics/html-tables/asset-cell-spanning after enrolling

Inside: a video lesson and guided study material.

Module outline

  1. About Course: About the Course
  2. CS | 01 | Digital Logic and Circuits and Discrete Mathematical Structures: Digital Systems & Boolean Basics, Number System, Number Representation, Logic Gates & Hardware, Boolean Expression, Boolean Minimization, Combinational Circuit, Sequential Circuits, Set Theory, Relations, Functions, Graph Theory, Group Theory, Propositional and Predicate Logic, Permutation and Combination
  3. CS | 02 | Computer Organization and Architecture: Basics of COA, Cache Memory Organization, Input Output Organisation, Pipelining, Instr Formats & Modes, Control Unit Design, Multiprocessors
  4. CS | 03 | Data Structures and Algorithm: Introduction to DS, Array, Stack, Queue, Linked List, Tree, Graphs, Hashing, Algorithm Analysis, Time Complexity Analysis, Sorting Algorithms, Greedy Algorithms, Dynamic Programming, Minimum Spanning Trees, Shortest Path Algos, Complexity Theory, Advanced Algorithms
  5. CS | 04 | Problem Solving through C Programming: C Fundamentals, Control Flow, Functions, Arrays & Pointers, Storage Classes, Structures & Enums, DMA, Macros, Scoping & File Handling
  6. CS | 05 | Object Oriented Techniques: Object Oriented Technology, Java
  7. CS | 06 | Operating System: Introduction to OS, Process Management, CPU Scheduling, Process Synchronization, Threads & Process Creation, Deadlock, Memory Management, Virtual Memory, Disc Scheduling, File Management, Windows OS, Unix OS
  8. CS | 07 | Database Management Systems: Basics of DBMS, ER Diagram, Relational Model & Functional Dependencies, Keys & Integrity Constraints, Normalization (1NF - BCNF), Decomposition Properties & 4NF, Relational Algebra, SQL, Relational Calculus, Transaction Management, Concurrency Control, Database Recovery, Database Security & Authorization, Query Processing & Optimization, File Organization & Indexing
  9. CS | 08 | Computer Networks: Introduction to CN, Data Communication, DLL: Access Control, DLL: Flow Control, DLL: Error Control, DLL: Framing, Data Link Layer - Ethernet, Net Layer: IPv4 & Proto, Net Layer: IP Addressing, Net Layer:Routing Protocol, Transport Layer Services, TL: Congestion & UDP, Application Layer, Hardware basics
  10. CS | 09 | Software Engineering: Fundamentals of Software Engineering, Software Requirements and Quality Assurance, Software Design, Estimation and Metrics, Software Testing, Software Maintenance and Configuration Management
  11. CS | 10 | Internet Technology, Web Design and Web Technology: Internet Fundamentals, Web Design & Development, Protocols & Services, Web Publishing & Hosting, Server Side & Security, Emerging Technologies, JavaScript-Basics, HTML Basics
  12. CS | 11 | System Analysis And Design: Fundamentals of Systems and Information Systems, SDLC and Development Approaches, Software Documentation and Software Requirements Specification (SRS), SDD and Quality Assurance, Security, Risk Management & Maintenance
  13. CS | 12 | Information Security and Cyber Laws: Cyber Threats and Malware Attacks, Role of Internet and Web Services, Security in Mobile and Wireless Computing, Electronic Data Interchange and E-Commerce, Physical Security and Cryptography Basics, Intrusion Detection Systems (IDS), Cyber Safety and Security
  14. CS | 13 | Computer Graphics: Basics of Computer Graphics, 2-D Geometrical Transforms and Viewing, 3-D Object Representation, Geometric Transformations and Viewing
  15. GS Paper | 01 | Indian and World Geography: Geography
  16. GS Paper | 02 | History: History
  17. GS Paper | 03 | Indian Economy & Social Development: Indian Economy
  18. GS Paper | 04 | General Science: Biology, Chemistry, Physics
  19. GS Paper | 05 | Elementary Maths: Number System, Divisibility Rules, HCF LCM, Percentage, Profit and Loss, Simple Interest and Compound Interest, Ratio and Proportion (Ratios), Average, Time and Work, Speed Time and Distance, Algebra, Mensuration and Geometry, Data Interpretation, Arithmetic, Statistics, Probability, Sequence and Series (Series), Mixture and Alligation, Calculus, Trigonometry, Vectors
  20. GS Paper | 06 | Indian Polity and Governance: Polity
  21. GS Paper | 07 | Current Events: GK- Current Affairs
  22. UPLT Live Classes Notes: UPLT Live Classes
  23. UPLT Full Mock Tests Tier 1:
  24. UPLT Full Mock Tests Tier 2:
AI summary & chapters

AI Summary

An AI-generated summary of this video lecture.

This lecture introduces cell spanning in HTML tables, focusing on the colspan and rowspan attributes. The instructor defines colspan as column spanning and rowspan as row spanning, showing syntax such as <th colspan="2">Student Details</th> and <td rowspan="2">Amit</td>. Hand-drawn diagrams illustrate how a single cell occupies multiple grid spaces. The lesson then moves to practical examples: an “Example of Colspan” slide pairs HTML source with a rendered table where the Name header spans two columns beside an Age column, using rows like Divya/Jain/33 and Namita/Joshi/27. A later “Example of Rowspan” slide shows a Phone header spanning two rows beside phone numbers 9755233189 and 9424564781. Red arrows, underlines, circles, and numbered annotations connect code attributes to their rendered table cells.

Chapters

  1. 0:00 – 2:00 00:00-02:00

    The video introduces cell spanning in HTML tables, explaining that a single cell can extend across multiple rows or columns. The instructor defines the two main types: Colspan for column spanning and Rowspan for row spanning, with on-screen text showing “Cell Spanning in HTML Tables,” “Colspan (Column Spanning),” and “Rowspan (Row Spanning). Syntax examples appear, including <th colspan="2">Student Details</th> and <td rowspan="2">Amit</td>. Diagrams visually represent how a cell occupies multiple grid spaces, and the instructor begins annotating an example table with Name, FN, and LN to illustrate layout.

  2. 2:00 – 5:00 02:00-05:00

    The lecture continues with the “Example of Colspan” slide, pairing an HTML code panel on the left with a rendered table on the right. The code includes <th colspan="2">Name</th> and <th>Age</th>, while the rendered table shows a Name header spanning two columns beside an Age column. Table rows read “Divya / Jain / 33” and “Namita / Joshi / 27,” with the table tag set to border="1" width="400" height="100." Red handwritten arrows point from the colspan="2" attribute to the wide Name header cell, and column numbers 1, 2, 3 are written above the table to clarify spanning.

  3. 5:00 – 6:22 05:00-06:22

    The final section shifts to the “Example of Rowspan” slide, showing source code with <th rowspan="2">Phone</th> and a rendered table where the Phone cell stretches across two rows beside numbers 9755233189 and 9424564781. Red circled numbers 1, 2, and 3 with curved arrows annotate the rows, tracing <th>Name</th>, the rowspan header, and each phone number to its corresponding on-screen cell. This demonstrates how rowspan merges cells vertically across multiple rows.

The lecture progresses from conceptual definitions to practical code examples. It first establishes that cell spanning allows a table cell to cover multiple grid positions, distinguishing colspan (horizontal) from rowspan (vertical). The instructor uses syntax examples and hand-drawn diagrams to make the abstract concept concrete. The practical sections then show side-by-side HTML source and rendered output, using red arrows and numbered annotations to connect specific attributes like colspan="2" and rowspan="2" to their visual effects in the table. This approach helps students understand both the syntax and the resulting layout behavior.

Loading lesson…