Welcome to My...

 

Summary 3


Chapter 2 - Text



Heading and Paragraph Tags


Heading tags (<h1> to <h6>) are used for different levels of titles and headings, organizing content hierarchically. They help structure the text by indicating the importance of each heading. On the other hand, the paragraph tag (<p>) is used to define separate blocks of text, creating visually distinct paragraphs. Together, heading and paragraph tags provide a clear layout for text content on a webpage.



Structural Markup


Structural markup in code refers to the use of elements and tags to define the overall structure of a document or content. It focuses on organizing the content into meaningful sections such as headers, paragraphs, lists, and tables. Structural markup doesn't dictate how the content looks visually but rather establishes its logical hierarchy. This separation of structure from presentation enhances accessibility, search engine optimization, and content management. In HTML, for instance, structural markup elements like <header>, <nav>, <main>, and <footer> are used to outline the skeleton of a webpage, providing a blueprint for its design and functionality.</p>



Semantic Markup


Semantic markup is like using special labels in your webpage code that tell both people and computers what each part of your webpage is for. It helps organize your content in a way that makes sense, beyond just how it looks. This is helpful because it makes your webpage easier to understand for people with disabilities who might be using special tools to access it, and it helps search engines figure out what your page is about so they can show it to the right people when they search for related stuff. So, basically, it's like giving your webpage a clear and organized map that everyone, including computers, can follow easily.