HTML Vertical Table Header

Duration: 5 min

This video lesson is available to enrolled students.

Return to /learn/BIHAR-STET-COMPUTER-SCIENCE-COMPLETE-COURSE/unit-10-web-development/html-basics/html-tables/asset-html-vertical-table-header after enrolling

Inside: a video lesson and guided study material.

Module outline

  1. About the course: About the Course
  2. Mathematical Aptitude: Number System, HCF LCM, Divisibility Rules, Percentage, Ratio and Proportion (Ratios), Average, Profit and Loss, Time and Work, Mensuration and Geometry, Simple Interest and Compound Interest, Speed Time and Distance, Age Problems, Mixture and Alligation, Algebra, Powers and Exponents (Surds and Indices), Pipe and Cistern, Trigonometry, Statistics, Data Interpretation, Arithmetic
  3. Logical Reasoning: Series (Number and Letter Series) (Numerical Relations and Reasoning), Coding Decoding, Analogy, Blood Relations, Directions (Direction Test), Ranking, Order and Sequence, Non Verbal Reasoning (Spatial Aptitude) (Spatial Reasoning) (Visual Reasoning), Seating Arrangements, Syllogisms, Venn Diagram, Puzzle Solving (Puzzles), Logical Sequence Of Words, Deductive and Inductive Reasoning (Logical Deduction and Induction) (Prepositional Reasoning), Analytical Reasoning (Counting Figures Reasoning), Cubes & Dices, Calendar, Clock
  4. General Knowledge: Physics, Chemistry, Biology, History, Geography, Polity, Indian Economy, GK- Current Affairs, Static General Knowledge
  5. Art of Teaching: Nature, Objectives & Characteristics of Teaching, Learners & Learning Process, Factors Affecting Teaching, Methods of Teaching, Classroom Management & Communication, Teaching-Learning Aids & ICT Integration, Evaluation, Assessment & Measurement, Professional Development & Ethics, Policies, Acts & Contemporary Issues, Curriculum & School Environment, Guidance, Counselling & Mental Health, Inclusive Education & Special Needs, Micro-Teaching & Teaching Skills, Lesson Planning
  6. Environmental Science: Environment
  7. Unit 1 | Digital Electronics: Digital Systems & Boolean Basics, Logic Gates & Hardware, Boolean Expression, Boolean Minimization, Combinational Circuit, Sequential Circuits, Number System, Number Representation
  8. Unit 2 | COA: Basics of COA, Floating Point Rep, Cache Memory Organization, Input Output Organisation, Instr Formats & Modes, Control Unit Design, Register Transfer and Microoperations, Programming the Basic Computer
  9. Unit 3 | C Programming: C Fundamentals, Control Flow, Functions, Arrays & Pointers, Storage Classes, Structures & Enums, DMA, Macros, Scoping & File Handling
  10. Unit 3 | Data Structures: Introduction to DS, Array, Stack, Queue, Linked List, Tree, Graphs, Hashing
  11. Unit 4 | Algorithms: Algorithm Analysis, Time Complexity Analysis, Sorting Algorithms, Dynamic Programming, Minimum Spanning Trees, Shortest Path Algos, Advanced Algorithms
  12. Unit 5 | Operating System: Introduction to OS, Process Management, CPU Scheduling, Process Synchronization, Threads & Process Creation, Deadlock, Memory Management, Virtual Memory, Disc Scheduling, File Management
  13. Unit 6 | 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, Transaction Management, Concurrency Control
  14. Unit 7 | 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
  15. Unit 8 | Software Engineering: Fundamentals of Software Engineering, Software Requirements and Quality Assurance, Software Design, Estimation and Metrics, Software Testing, Software Maintenance and Configuration Management
  16. Unit 9 | Object Oriented Programming: OOPS with C++
  17. Unit 10 | Web Development: HTML Basics, CSS, JavaScript-Basics, XML
  18. Unit 11 | Theory Of Computation: Introduction to TOC, Deterministic FA (DFA), Non-Deterministic FA, Regular Expressions, Grammar, Regular Language Properties, Moore & Mealy Machines, Pushdown Automata & CFG, Turing Machines
  19. Unit 12 | IoT: Emerging Tech Trends, Cloud Computing
  20. Unit 13 | Artificial Intelligence: Approaches to AI, Search Algorithms, Game Playing, Knowledge Representation, Natural Language Processing, Artificial Neural Networks, Genetic Algorithms
  21. Unit 14 | E-Commerce: Electronic Data Interchange and E-Commerce, Role of Internet and Web Services, Security in Mobile and Wireless Computing, Physical Security and Cryptography Basics, Cyber Safety and Security
  22. Unit 15 | Multimedia: Multimedia
  23. Unit 16 | Python: Introduction to Python, Tokens, Variables, Data Types, I/O, Operators & Expressions, Control Flow & Looping, Collections & Strings, Functions & Modules, File Handling & Data Analysis, DSA using Python
  24. Full Length Mock Tests — General Paper:
  25. Full Length Mock Tests — Computer Science (Paper II):
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…