00:00Hello, welcome to the Transcendent. In this video, we'll learn HTML paragraphs.
00:19Let's examine the paragraph element in action on a web page. We have three paragraphs of text,
00:26each clearly defined for structure. Where are we now in this context? This is a platform called
00:32CodePen, where anyone can swiftly create a demo or experiment by entering HTML,
00:37CSS, and JavaScript into designated panes, with results displayed instantly on another
00:43section of the page. You can explore CodePen to view other users' creative coding experiments
00:48effortlessly. By opening this demo in your browser, you can modify it, experimenting freely to observe
00:55the outcomes. No CodePen account is required to test these interactive demos. Feel free to
01:01experiment with it extensively. To retain a personal copy of these interactive demos,
01:08incorporating any custom modifications you desire to implement, a basic CodePen account
01:13is entirely free of charge. Rest assured, you can extensively tweak these demos without altering
01:19the original versions, as CodePen seamlessly generates a unique duplicate for your use.
01:25We thought leveraging CodePen for this purpose significantly streamlines the learning process,
01:30enabling us to concentrate promptly on core concepts without investing substantial time
01:35in configuring a complex coding environment. We have an HTML editing window positioned on the left side,
01:43and a dedicated results window on the right for instant feedback. However, these do not resemble distinct
01:49paragraphs as intended. The browser is rendering our three paragraphs as a single, undifferentiated block of text.
01:56We must properly mark up each paragraph with end tags to ensure the browser recognizes them as separate entities,
02:02enabling clear formatting and structure.
02:08We'll insert an opening tag at the start and a closing tag at the end of the first text block.
02:14Now the browser recognizes this initial paragraph distinctly, while the remaining text remains an undifferentiated block.
02:21We'll enclose the next two paragraphs within their own and tags to ensure proper structure.
02:27Now we have HTML that clearly describes this content for accurate browser interpretation.
02:33The browser understands these are separate paragraphs of text because we explicitly define them with precise markup.
Comments