HTML Vertical Table Header

Duration: 5 min

This video lesson is available to enrolled students.

Return to /learn/ISRO/software-engineering/html-basics/html-tables/asset-html-vertical-table-header after enrolling

Inside: a video lesson and guided study material.

Module outline

  1. About Course: About the Course
  2. General Aptitude & Reasoning: Number System, Percentage, Ratio and Proportion (Ratios), Average, Profit and Loss, Simple Interest and Compound Interest, Time and Work, Speed Time and Distance, Mixture and Alligation, Data Interpretation, Algebra, Probability, Permutation and Combination, Venn Diagram, HCF LCM, Divisibility Rules, Age Problems, Pipe and Cistern, Partnership, Linear Algebra, Sequence and Series (Series), Statistics, Powers and Exponents (Surds and Indices), Arithmetic, Mensuration and Geometry, Calculus, Trigonometry, Vectors, Speed Mathematics and Basic Mathematics, Non Verbal Reasoning (Spatial Aptitude) (Spatial Reasoning) (Visual Reasoning), Analogy, Series (Number and Letter Series) (Numerical Relations and Reasoning), Puzzle Solving (Puzzles), Syllogisms, Deductive and Inductive Reasoning (Logical Deduction and Induction) (Prepositional Reasoning), Calendar, Seating Arrangements, Coding Decoding, Blood Relations, Directions (Direction Test), Clock, Analytical Reasoning (Counting Figures Reasoning), Ranking, Order and Sequence, Logical Sequence Of Words, Inequality, Data Sufficiency, Cubes & Dices
  3. Computer Networks & Cybersecurity: 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, Network Security
  4. Programming, Data Structures & Algorithms: C Fundamentals, Control Flow, Functions, Arrays & Pointers, Storage Classes, Structures & Enums, DMA, Macros, Scoping & File Handling, OOPS with C++, 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, Advanced Algorithms
  5. AI, Machine Learning, Big Data & Cloud: Emerging Tech Trends, Artificial Intelligence, Big Data Systems, Approaches to AI, Search Algorithms, Knowledge Representation, Cloud Computing
  6. Digital Logic & Computer Organization: Digital Systems & Boolean Basics, Logic Gates & Hardware, Boolean Expression, Boolean Minimization, Combinational Circuit, Sequential Circuits, Number System, Number Representation, Basics of COA, Floating Point Rep, Cache Memory Organization, Input Output Organisation, Pipelining, Instr Formats & Modes, Register Transfer and Microoperations, Control Unit Design, Programming the Basic Computer
  7. TOC & Compiler: Introduction to TOC, Deterministic FA (DFA), Non-Deterministic FA, Regular Expressions, Grammar, Regular Language Properties, Moore & Mealy Machines, Pushdown Automata & CFG, Turing Machines, Complexity Theory, Intro to Compilers, Lexical Analysis, Grammar & CFG, Syntax Analysis: Top-Down, Syntax Analysis: Bottom-Up, Semantic Analysis & SDT, Intermediate Code Gen, Code Optimization, Run Time Environment
  8. Discrete Mathematics: Set Theory, Relations, Functions, Graph Theory, Group Theory, Propositional and Predicate Logic
  9. Operating System: Introduction to OS, Process Management, CPU Scheduling, Process Synchronization, Threads & Process Creation, Deadlock, Memory Management, Virtual Memory, Disc Scheduling, File Management, Unix OS, Linux OS, Distributed Systems
  10. Software Engineering: Fundamentals of Software Engineering, Software Requirements and Quality Assurance, Software Design, Estimation and Metrics, Software Testing, Software Maintenance and Configuration Management, Object Oriented Technology, HTML Basics, JavaScript-Basics, Java, XML
  11. Database Management System: Basics of DBMS, ER Diagram, Relational Model & Functional Dependencies, Keys & Integrity Constraints, Normalization (1NF - BCNF), Decomposition Properties & 4NF, File Organization & Indexing, Relational Algebra, SQL, Relational Calculus, Transaction Management, Concurrency Control, Database Recovery, Data Warehousing & Mining, Enhanced Data Models, NoSQL
  12. Other Recurring CS Topics: Basics of Computer Graphics, 2-D Geometrical Transforms and Viewing, Multimedia
  13. Live Classes: ISRO Live classes
  14. Full Mock Test:
AI summary & chapters

AI Summary

An AI-generated summary of this video lecture.

This short HTML lesson explains how to create vertical table headers by using the <th> element in the first column of a row. The opening slide, titled “Vertical Table Headers,” states that HTML tables can have headers for each column or row, and shows a sample table with times 8:00 through 13:00 in the first column. A red hand-drawn arrow highlights that first column, emphasizing that making those cells <th> elements turns them into row headers. The lesson then moves to an “Example Vertical Table Headers” slide, which pairs HTML source code on the left with a rendered table on the right. The example uses rows such as “First Name | Anjali | Sharma” and “Lastname | Pooja | Joshi,” with red arrows pointing to the header cells. As the instructor progresses, red brackets and arrows trace the <table>, <tr>, <th>, and <td> tags to their matching cells in the rendered table. A handwritten note “align = center” appears beside a <tr> line, suggesting alignment styling for the row. Later frames add handwritten annotations such as <th>A</th>, <th>B</th>, <th>C</th>, and later <th>D</th> and <td></td> pairs, mapped onto a sketched grid labeled A, B, C across the top and D, E down the left column. This diagram helps students visualize how header cells and empty data cells combine to form a vertical layout. The final screenshot reinforces that <th> tags define the headers, while empty cells and structure create the vertical arrangement. Overall, the lesson focuses on a single core technique: placing header text in the first column using <th> to produce vertical table headers.

Chapters

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

    The first window introduces the concept of vertical table headers. The slide titled “Vertical Table Headers” states that HTML tables can have headers for each column or row, and instructs: “To use the first column as table headers, define the first cell in each row as a <th> element.” A sample table shows times 8:00 through 13:00 in the first column, with a red hand-drawn double-headed arrow added along that column to highlight it. The lesson then transitions to an “Example Vertical Table Headers” slide, showing HTML code on the left and a rendered table on the right with rows “First Name | Anjali | Sharma” and “Lastname | Pooja | Joshi.” A red arrow points down at the “First Name” header cell, linking the code to its visual result.

  2. 2:00 – 4:31 02:00-04:31

    The second window deepens the example by tracing HTML tags to rendered cells. Red brackets and arrows connect <table>, <tr>, <th>, and <td> tags in the code panel to their corresponding cells in the rendered table. A handwritten note “align = center” appears beside a <tr> line, indicating row alignment styling. As the frames progress, additional handwritten annotations such as <th>A</th>, <th>B</th>, and <th>C</th> are added, followed by <th>D</th> and <td></td> pairs. These map onto a sketched grid labeled A, B, C across the top and D, E down the left column, illustrating how header cells and empty data cells form a vertical layout. The final screenshot reiterates that <th> tags define the headers “First Name” and “Lastname,” while empty cells create the vertical structure.

The lesson teaches a single, focused HTML technique: creating vertical table headers by defining the first cell in each row as a <th> element. The progression moves from concept to example: the first slide explains the rule and uses a time-based table with a highlighted first column; the second slide shows actual code and its rendered output, using red arrows to connect tags like <th>First Name</th> and <td>Anjali</td> to their cells. The handwritten grid with labels A through E serves as a visual scaffold, helping students map abstract tags to concrete table positions. The “align = center” note introduces a minor styling detail, but the central idea remains structural: vertical headers are achieved by placing header text in the first column. This is a concise, diagram-driven explanation suitable for beginners learning HTML table semantics.

Loading lesson…