HTML Frames

Duration: 8 min

This video lesson is available to enrolled students.

Return to /learn/BPSC/part-3-programming-languages/html-basics/html-frames/asset-html-frames-24281 after enrolling

Inside: a video lesson and guided study material.

Module outline

  1. About the Course: About the Course
  2. Section 1 | Language (Hindi): भाषा, लिपि, ध्वनि, वर्ण, अक्षर, स्वर, व्यंजन, मात्रा और संयुक्ताक्षर, वर्तनी, वर्ण-विन्यास, अनुस्वार, अनुनासिक, चंद्रबिंदु और ‘र’ के रूप, शब्द, पद और शब्द-भेद, संज्ञा और सर्वनाम, विशेषण और क्रिया, लिंग, वचन, पुरुष और कारक, काल, वाच्य, वाक्य और वाक्य-भेद, संधि, समास, विलोम शब्द, पर्यायवाची शब्द, सामान्य अशुद्धियाँ, अनेक शब्दों के लिए एक शब्द, मुहावरे और लोकोक्तियाँ, अपठित गद्यांश और अपठित पद्यांश, Multi-Topic Content (Cross-Concept Material), वर्णमाला
  3. Section 1 | Language (उर्दू भाषा — 22 प्रश्न (निश्चित)): Spelling & Diacritics, Grammar (اسم, فعل, صفت, ضمیر), Vocabulary, Idioms & Proverbs, Comprehension
  4. Section 1 | Language (বাংলা / बांग्ला भाषा — 22 प्रश्न (निश्चित)): Bangla Script and Sounds, Bangla Grammar and Usage, Bangla Word Formation and Vocabulary, Reading and Text Interpretation
  5. Section 1 | Language (English): Vocabulary, Noun, Subject Verb Agreement (Verb Noun Agreement), Adjectives, Tenses, Pronoun, Verb, Adverb, Preposition, Articles, Determiner, Conjunction, Modals, Active Passive Voice (Voice), Direct and Indirect Speech, Sentence Correction (Error Correction), Sentence Completion (Fill in the blanks), Sentence Construction, Sentence Re-arrangements (Para Jumbles) (Narrative Sequencing), Comprehension / Reading Comprehension / Unseen Passages (Critical Reasoning) (Paragraph Questions), Cloze Test (Cloze Passage), Verbal Analogy (Word Based Analogy), Facts, Inference and Judgements
  6. Section 2 | Primary Maths & Reasoning: Ratio and Proportion (Ratios), Divisibility Rules, Mixture and Alligation, Permutation and Combination, Number System, HCF LCM, Sequence and Series (Series), Speed Time and Distance, Series (Number and Letter Series) (Numerical Relations and Reasoning), Coding Decoding, Non Verbal Reasoning (Spatial Aptitude) (Spatial Reasoning) (Visual Reasoning), Percentage, Average, Profit and Loss, Simple Interest and Compound Interest, Time and Work, Mensuration and Geometry, Age Problems, Arithmetic, Powers and Exponents (Surds and Indices), Algebra, Probability, Trigonometry, Syllogisms, Seating Arrangements, Blood Relations, Directions (Direction Test), Analytical Reasoning (Counting Figures Reasoning), Puzzle Solving (Puzzles), Calendar, Clock, Cubes & Dices, Venn Diagram, Data Arrangement, Inequality, Analogy, Ranking, Order and Sequence
  7. Section 2 | General Awareness (GK + Current Affairs): Polity, Physics, Biology, State Wise GK, Chemistry, History, Geography, Indian Economy, Environment, GK- Current Affairs, Static General Knowledge
  8. Section 3 | Computer System and Org. (CSO): Basics of COA, Floating Point Rep, Cache Memory Organization, Instr Formats & Modes, Programming the Basic Computer, Input Output Organisation, Register Transfer and Microoperations, Control Unit Design
  9. Section 3 | Database Management System: Basics of DBMS, ER Diagram, Relational Model & Functional Dependencies, Keys & Integrity Constraints, Normalization (1NF - BCNF), Decomposition Properties & 4NF, SQL, File Organization & Indexing, Relational Algebra, Relational Calculus, Transaction Management, Concurrency Control
  10. Section 3 | Operating System: Introduction to OS, Process Management, CPU Scheduling, Threads & Process Creation, Memory Management, Virtual Memory, Disc Scheduling, File Management, Process Synchronization
  11. Section 3 | Computer Networks: Introduction to CN, Data Communication, DLL: Access Control, DLL: Flow Control, DLL: Error Control, Data Link Layer - Ethernet, Net Layer: IPv4 & Proto, Net Layer: IP Addressing, Transport Layer Services, TL: Congestion & UDP, Application Layer, Hardware basics
  12. Section 3 | Data Structures: Introduction to DS, Array, Stack, Queue, Linked List, Tree, Graphs, Hashing, Algorithm Analysis, Time Complexity Analysis, Sorting Algorithms, Greedy Algorithms, Minimum Spanning Trees, Shortest Path Algos
  13. Section 3 | Theory Of Computation & Compiler Design: Introduction to TOC, Deterministic FA (DFA), Non-Deterministic FA, Regular Expressions, Grammar, Regular Language Properties, Moore & Mealy Machines, Pushdown Automata & CFG, Turing Machines, Intro to Compilers, Lexical Analysis, Grammar & CFG, Syntax Analysis: Top-Down, Syntax Analysis: Bottom-Up, Semantic Analysis & SDT, Intermediate Code Gen, Code Optimization
  14. Section 3 | Emerging Trends (AI, Societal Ethics & MS Office): Artificial Intelligence, Emerging Tech Trends, Society, Law & Ethics, MS Office Applications
  15. Section 3 | Software Engineering: Fundamentals of Software Engineering, Software Requirements and Quality Assurance, Software Design, Estimation and Metrics, Software Maintenance and Configuration Management, Software Testing
  16. Section 3 | C Programming: C Fundamentals, Control Flow, Functions, Arrays & Pointers, Storage Classes, Structures & Enums, DMA, Macros, Scoping & File Handling
  17. Section 3 | OOPS, C++, JAVA, HTML: OOPS with C++, Java, HTML Basics, CSS
  18. Section 3 | Java: Java Fundamentals, Array, String, IO & References
  19. Section 3 | Python: Introduction to Python, Tokens, Variables, Data Types, I/O, Operators & Expressions, Control Flow & Looping, Collections & Strings, Functions & Modules, File Handling & Data Analysis
  20. Section 3 | Digital Electronics: Digital Systems & Boolean Basics, Logic Gates & Hardware, Boolean Expression, Boolean Minimization, Combinational Circuit, Sequential Circuits, Number System, Number Representation
  21. Section 3 | Multimedia: Multimedia
  22. BPSC Previous Year Papers:
  23. BPSC Full Mock Tests:
AI summary & chapters

AI Summary

An AI-generated summary of this video lecture.

The lecture introduces HTML Frames as a method for dividing a browser window into independent sections, each displaying its own HTML document. The instructor uses whiteboard diagrams and slides to explain the <frameset> and <frame> tags, their attributes (rows, cols, src, name, scrolling), and how they create two-row, two-column, three-row, and nested layouts. A live code example demonstrates how the rows attribute divides the window into percentages (e.g., 15%, 25%, 10%), with browser output annotated to map code to visual regions. The <frame> tag is defined as an empty tag with no closing tag, and its attributes are listed in a table. The <noframes> tag is introduced as fallback content for browsers that do not support frames, with a code example showing its syntax. The lesson concludes by reviewing multiple frame layout examples, emphasizing the structural relationship between framesets and frames.

Chapters

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

    The instructor introduces HTML Frames by drawing a vertical line and a box divided into three horizontal sections on the whiteboard, annotating it with circles and arrows to indicate frame regions. The slide defines a frame as 'a technique used to divide the browser window into multiple independent sections' and notes that frames were introduced in HTML 4.0/4.01, created using <frameset> and <frame> tags. Handwritten annotations circle 'frames' and add notes for 'Html 5' and 'css/js', connecting the concept to modern technologies. The slide transitions to an 'HTML Frame Layout Example' showing diagrams for two rows, two columns, and nested layouts, with code snippets like <frameset rows="30%,70%"> and <frame src="top.html"> displayed below the visual diagrams.

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

    The lecture details the <frameset> tag attributes in a table, specifying that 'rows: Divides window horizontally' and 'cols: Divides window vertically'. A code example using <frameset rows="15%, 25%, 10%"> is shown alongside browser output, with the instructor annotating the rendered window to show 15%, 25%, and 10% row divisions. The <frame> tag is then defined as an empty tag with no closing tag, and its attributes are listed in a table: src (URL of page to display), name (Name of frame), scrolling (Controls scrollbar), noresize (Prevent resizing), marginwidth (Left and right margin), marginheight, and frameborder. The instructor adds red checkmarks to the src attribute in both syntax and table, and draws arrows with numbered circles on the browser window to map code elements to visual layout regions such as header, content area, and footer frames.

  3. 5:00 – 7:55 05:00-07:55

    The <noframes> tag is explained as providing alternative content for browsers that do not support frames, with the on-screen text stating 'The <noframes> tag provides alternative content for browsers that do not support frames.' A code example demonstrates its usage within a frameset, showing the fallback message 'Your browser does not support frames.' The instructor adds red checkmarks and arrows to highlight the structure. The lesson transitions to an 'HTML Frame Layout Example' slide displaying five different frame layout diagrams: 1. Two Rows Layout, 2. Two Columns Layout, 3. Three Rows Layout, and 4. Nested Frameset Layout (Rows inside Columns). Arrows point to specific frames in the layout diagrams, reinforcing how nested framesets combine rows and columns to create complex page structures.

The lecture progresses from conceptual introduction to practical implementation. It begins with a whiteboard diagram illustrating how frames partition a webpage, then moves to formal definitions and tag syntax. The <frameset> tag is taught first, with its rows and cols attributes demonstrated through a live code example showing percentage-based divisions. The <frame> tag is then introduced as the individual container within a frameset, with its attributes systematically listed and mapped to browser output. The <noframes> tag provides a fallback mechanism for accessibility. Throughout, the instructor uses side-by-side code and browser output, handwritten annotations, and layout diagrams to connect abstract syntax to visual results. The central idea is that frames allow multiple independent HTML documents to be displayed in a single browser window, structured through nested framesets and frame elements. Minor details include specific attribute values (e.g., marginwidth, noresize) and the historical note that frames were introduced in HTML 4.0.

Loading lesson…