{"id":511,"date":"2025-05-19T11:24:48","date_gmt":"2025-05-19T11:24:48","guid":{"rendered":"https:\/\/buhave.com\/courses\/?p=511"},"modified":"2026-06-06T12:40:10","modified_gmt":"2026-06-06T12:40:10","slug":"text-and-formatting-elements","status":"publish","type":"post","link":"https:\/\/buhave.com\/courses\/html\/text-and-formatting-elements\/","title":{"rendered":"Text and Formatting Elements"},"content":{"rendered":"<h2>Headings and paragraphs<\/h2>\n<p>Headings and paragraphs are essential building blocks for structuring and organizing content on a webpage. Understanding how to use them properly ensures a well-structured, accessible, and readable page. For a deeper look at meaningful HTML structure, see <a href=\"https:\/\/buhave.com\/courses\/html\/semantic-html-and-structure\/\">Semantic HTML and Structure<\/a>.<\/p>\n<h3>Headings (&lt;h1&gt; to &lt;h6&gt;)<\/h3>\n<p><strong>What are Headings?<\/strong><\/p>\n<ul>\n<li>Headings are used to define titles or subtitles within the content.<\/li>\n<li>They help organize the content and improve accessibility by indicating the structure of information (such as main topics and subtopics).<\/li>\n<\/ul>\n<p><strong>Structure and Usage:<\/strong><\/p>\n<ul>\n<li>There are 6 levels of headings in HTML, from &lt;h1&gt; (the most important) to &lt;h6&gt; (the least important).<\/li>\n<li>&lt;h1&gt; is typically used for the main title of a page, while &lt;h2&gt; to &lt;h6&gt; are used for subsections.<\/li>\n<\/ul>\n<p><strong>Example:<\/strong><\/p>\n<p style=\"text-align: center\"><em>&lt;h1&gt;This is the Main Title&lt;\/h1&gt;<\/em><br \/>\n<em>&lt;h2&gt;This is a Subheading&lt;\/h2&gt;<\/em><br \/>\n<em>&lt;h3&gt;This is a Sub-subheading&lt;\/h3&gt;<\/em><\/p>\n<p><strong>Best Practices:<\/strong><\/p>\n<ul>\n<li>Use one &lt;h1&gt; per page to indicate the primary topic.<\/li>\n<li>Follow a hierarchical order: &lt;h1&gt; &gt; &lt;h2&gt; &gt; &lt;h3&gt; and so on.<\/li>\n<li>Keep headings concise and descriptive for better readability and SEO.<\/li>\n<\/ul>\n<p>For a broader look at semantic structure in headings, see <a href=\"https:\/\/buhave.com\/courses\/html\/semantic-html-and-structure\/\">Semantic HTML and Structure<\/a>.<\/p>\n<h3>Paragraphs (&lt;p&gt;)<\/h3>\n<p><strong>What is a Paragraph?<\/strong><\/p>\n<ul>\n<li>A paragraph is a block of text wrapped in the &lt;p&gt; tag.<\/li>\n<li>It is used to break up content into readable chunks, making it more user-friendly.<\/li>\n<\/ul>\n<p><strong>Structure and Usage:<\/strong><\/p>\n<ul>\n<li>Text within a &lt;p&gt; tag will automatically be displayed with space before and after it, providing a natural separation between blocks of text.<\/li>\n<\/ul>\n<p><strong>Example:<\/strong><\/p>\n<p style=\"text-align: center\"><em>&lt;p&gt;This is a paragraph of text. Paragraphs are used to divide content into readable sections.&lt;\/p&gt;<\/em><br \/>\n<em>&lt;p&gt;HTML is the foundation of web development. It defines the structure of web pages and content.&lt;\/p&gt;<\/em><\/p>\n<p><strong>Best Practices:<\/strong><\/p>\n<ul>\n<li>Keep paragraphs short and focused.<\/li>\n<li>Avoid large blocks of unbroken text, as they can be difficult to read.<\/li>\n<li>Use multiple &lt;p&gt; tags to separate distinct ideas or points.<\/li>\n<\/ul>\n<p><strong>Why are Headings and Paragraphs Important?<\/strong><\/p>\n<ul>\n<li>SEO Benefits: Search engines use headings to understand the structure of a page. Properly structured headings can improve your page&#8217;s search ranking.<\/li>\n<li>Accessibility: Screen readers use headings to navigate through content. Proper heading hierarchy makes it easier for visually impaired users to understand the structure of your page.<\/li>\n<li>User Experience: Headings provide a quick overview of content, helping users find relevant information easily. Paragraphs help break the content into digestible sections.<\/li>\n<\/ul>\n<p>For a broader understanding of semantic structure and accessibility, see <a href=\"https:\/\/buhave.com\/courses\/html\/semantic-html-and-structure\/\">Semantic HTML and Structure<\/a>.<\/p>\n<p><strong>Example of Headings and Paragraphs Combined:<\/strong><\/p>\n<p style=\"text-align: center\"><em>&lt;!DOCTYPE html&gt;<\/em><br \/>\n<em>&lt;html lang=&#8221;en&#8221;&gt;<\/em><br \/>\n<em>&lt;head&gt;<\/em><br \/>\n<em>&lt;meta charset=&#8221;UTF-8&#8243;&gt;<\/em><br \/>\n<em>&lt;meta name=&#8221;viewport&#8221; content=&#8221;width=device-width, initial-scale=1.0&#8243;&gt;<\/em><br \/>\n<em>&lt;title&gt;Headings and Paragraphs Example&lt;\/title&gt;<\/em><br \/>\n<em>&lt;\/head&gt;<\/em><br \/>\n<em>&lt;body&gt;<\/em><br \/>\n<em>&lt;h1&gt;Learning HTML Structure&lt;\/h1&gt;<\/em><br \/>\n<em>&lt;h2&gt;What Are Headings?&lt;\/h2&gt;<\/em><br \/>\n<em>&lt;p&gt;Headings are used to define titles and structure content. They provide a hierarchy for your page, which is important for both SEO and accessibility.&lt;\/p&gt;<\/em><\/p>\n<p style=\"text-align: center\"><em>&lt;h2&gt;What Are Paragraphs?&lt;\/h2&gt;<\/em><br \/>\n<em>&lt;p&gt;Paragraphs are blocks of text that make content more readable. They are the most common element used for written content on the web.&lt;\/p&gt;<\/em><\/p>\n<p style=\"text-align: center\"><em>&lt;h3&gt;Why are Headings Important?&lt;\/h3&gt;<\/em><br \/>\n<em>&lt;p&gt;Headings help both users and search engines understand the structure and content of a page. They guide users to find the information they need quickly.&lt;\/p&gt;<\/em><br \/>\n<em>&lt;\/body&gt;<\/em><br \/>\n<em>&lt;\/html&gt;<\/em><\/p>\n<p><strong>Summary:<\/strong><\/p>\n<ul>\n<li>Headings (&lt;h1&gt; to &lt;h6&gt;) organize content hierarchically, making it easier to read and understand.<\/li>\n<li>Paragraphs (&lt;p&gt;) separate text into distinct, readable chunks.<\/li>\n<li>Both are crucial for structuring content, improving accessibility, and optimizing for SEO.<\/li>\n<\/ul>\n<h2>Text formatting: bold, italic, underline, strikethrough<\/h2>\n<p>HTML provides simple, semantic tags to style text and convey emphasis or importance. Four basic formatting options include bold, italic, underline, and strikethrough.<\/p>\n<h3>1. Bold Text \u2013 &lt;strong&gt; or &lt;b&gt;<\/h3>\n<p><strong>Usage:<\/strong><\/p>\n<ul>\n<li>&lt;strong&gt;: Indicates important or emphasized text (semantic).<\/li>\n<li>&lt;b&gt;: Just visually bold, with no semantic meaning.<\/li>\n<\/ul>\n<p><strong>Example:<\/strong><\/p>\n<p style=\"text-align: center\"><em>&lt;p&gt;This is &lt;strong&gt;very important&lt;\/strong&gt; information.&lt;\/p&gt;<\/em><br \/>\n<em>&lt;p&gt;This word is &lt;b&gt;bold&lt;\/b&gt; just for styling.&lt;\/p&gt;<\/em><\/p>\n<p><strong>Best Practice:<\/strong><\/p>\n<ul>\n<li>Use &lt;strong&gt; when the bold text carries importance or emphasis.<\/li>\n<\/ul>\n<p>For styling, you can explore CSS basics in <a href=\"https:\/\/buhave.com\/courses\/css\/introduction-to-css\/\">Introduction to CSS<\/a>.<\/p>\n<h3>2. Italic Text \u2013 &lt;em&gt; or &lt;i&gt;<\/h3>\n<p><strong>Usage:<\/strong><\/p>\n<ul>\n<li>&lt;em&gt;: Used for emphasized text (semantic emphasis, usually renders as italic).<\/li>\n<li>&lt;i&gt;: Applies italic styling only, without adding meaning.<\/li>\n<\/ul>\n<p><strong>Example:<\/strong><\/p>\n<p style=\"text-align: center\"><em>&lt;p&gt;Please &lt;em&gt;read carefully&lt;\/em&gt; before proceeding.&lt;\/p&gt;<\/em><br \/>\n<em>&lt;p&gt;This is &lt;i&gt;italicized&lt;\/i&gt; for visual effect.&lt;\/p&gt;<\/em><\/p>\n<p><strong>Best Practice:<\/strong><\/p>\n<ul>\n<li>Use &lt;em&gt; for actual emphasis in meaning, especially for screen readers.<\/li>\n<\/ul>\n<p>For a quick primer on HTML basics, see <a href=\"https:\/\/buhave.com\/courses\/html\/introduction-to-html\/\">Introduction to HTML<\/a>.<\/p>\n<h3>3. Underline Text \u2013 &lt;u&gt;<\/h3>\n<p><strong>Usage:<\/strong><\/p>\n<ul>\n<li>&lt;u&gt; renders underlined text, often used to denote misspelled or non-standard words.<\/li>\n<li>It does not convey emphasis by default.<\/li>\n<\/ul>\n<p><strong>Example:<\/strong><\/p>\n<p style=\"text-align: center\"><em>&lt;p&gt;This sentence contains a &lt;u&gt;highlighted term&lt;\/u&gt;.&lt;\/p&gt;<\/em><\/p>\n<p><strong>Note:<\/strong><\/p>\n<ul>\n<li>Underlines are commonly used for links, so avoid using &lt;u&gt; to style text arbitrarily, to prevent confusion.<\/li>\n<\/ul>\n<p>See also <a href=\"https:\/\/buhave.com\/courses\/html\/semantic-html-and-structure\/\">Semantic HTML and Structure<\/a> for guidance on meaningful emphasis and structure.<\/p>\n<h3>4. Strikethrough Text \u2013 &lt;s&gt; or &lt;del&gt;<\/h3>\n<p><strong>Usage:<\/strong><\/p>\n<ul>\n<li>&lt;del&gt;: Indicates deleted content that is no longer accurate or valid (semantic).<\/li>\n<li>&lt;s&gt;: Renders text with a strikethrough for visual purposes, like labeling something outdated.<\/li>\n<\/ul>\n<p><strong>Example:<\/strong><\/p>\n<p style=\"text-align: center\"><em>&lt;p&gt;The original price was &lt;del&gt;$99.99&lt;\/del&gt; now only $49.99!&lt;\/p&gt;<\/em><br \/>\n<em>&lt;p&gt;This method is &lt;s&gt;deprecated&lt;\/s&gt;.&lt;\/p&gt;<\/em><\/p>\n<p><strong>Best Practice:<\/strong><\/p>\n<ul>\n<li>Use &lt;del&gt; for removed or corrected content to retain meaning.<\/li>\n<li>Use &lt;s&gt; for styling changes only.<\/li>\n<\/ul>\n<p><strong>Summary Table:<\/strong><\/p>\n<table style=\"width: 100%;border-collapse: collapse;font-family: Arial, sans-serif;margin: 20px 0\">\n<thead>\n<tr style=\"background-color: #f8f9fa\">\n<th style=\"padding: 12px;text-align: left;border-bottom: 2px solid #ddd\"><strong>Tag<\/strong><\/th>\n<th style=\"padding: 12px;text-align: left;border-bottom: 2px solid #ddd\"><strong>Purpose<\/strong><\/th>\n<th style=\"padding: 12px;text-align: center;border-bottom: 2px solid #ddd\"><strong>Semantic?<\/strong><\/th>\n<th style=\"padding: 12px;text-align: left;border-bottom: 2px solid #ddd\"><strong>Appearance<\/strong><\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td style=\"padding: 12px;border-bottom: 1px solid #ddd\"><code>&lt;strong&gt;<\/code><\/td>\n<td style=\"padding: 12px;border-bottom: 1px solid #ddd\">Important\/emphasized text<\/td>\n<td style=\"padding: 12px;text-align: center;border-bottom: 1px solid #ddd\">yes<\/td>\n<td style=\"padding: 12px;border-bottom: 1px solid #ddd\">Bold<\/td>\n<\/tr>\n<tr>\n<td style=\"padding: 12px;border-bottom: 1px solid #ddd\"><code>&lt;b&gt;<\/code><\/td>\n<td style=\"padding: 12px;border-bottom: 1px solid #ddd\">Styling text without meaning<\/td>\n<td style=\"padding: 12px;text-align: center;border-bottom: 1px solid #ddd\">no<\/td>\n<td style=\"padding: 12px;border-bottom: 1px solid #ddd\">Bold<\/td>\n<\/tr>\n<tr>\n<td style=\"padding: 12px;border-bottom: 1px solid #ddd\"><code>&lt;em&gt;<\/code><\/td>\n<td style=\"padding: 12px;border-bottom: 1px solid #ddd\">Emphasized with meaning<\/td>\n<td style=\"padding: 12px;text-align: center;border-bottom: 1px solid #ddd\">yes<\/td>\n<td style=\"padding: 12px;border-bottom: 1px solid #ddd\">Italic<\/td>\n<\/tr>\n<tr>\n<td style=\"padding: 12px;border-bottom: 1px solid #ddd\"><code>&lt;i&gt;<\/code><\/td>\n<td style=\"padding: 12px;border-bottom: 1px solid #ddd\">Italic style without meaning<\/td>\n<td style=\"padding: 12px;text-align: center;border-bottom: 1px solid #ddd\">no<\/td>\n<td style=\"padding: 12px;border-bottom: 1px solid #ddd\">Italic<\/td>\n<\/tr>\n<tr>\n<td style=\"padding: 12px;border-bottom: 1px solid #ddd\"><code>&lt;u&gt;<\/code><\/td>\n<td style=\"padding: 12px;border-bottom: 1px solid #ddd\">Underline (usually for styling)<\/td>\n<td style=\"padding: 12px;text-align: center;border-bottom: 1px solid #ddd\">no<\/td>\n<td style=\"padding: 12px;border-bottom: 1px solid #ddd\">Underlined<\/td>\n<\/tr>\n<tr>\n<td style=\"padding: 12px;border-bottom: 1px solid #ddd\"><code>&lt;s&gt;<\/code><\/td>\n<td style=\"padding: 12px;border-bottom: 1px solid #ddd\">Outdated\/incorrect info (styling)<\/td>\n<td style=\"padding: 12px;text-align: center;border-bottom: 1px solid #ddd\">no<\/td>\n<td style=\"padding: 12px;border-bottom: 1px solid #ddd\">Strikethrough<\/td>\n<\/tr>\n<tr>\n<td style=\"padding: 12px\"><code>&lt;del&gt;<\/code><\/td>\n<td style=\"padding: 12px\">Removed text (meaningful deletion)<\/td>\n<td style=\"padding: 12px;text-align: center\">yes<\/td>\n<td style=\"padding: 12px\">Strikethrough<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p><strong>Example in Context<\/strong><\/p>\n<p style=\"text-align: center\"><em>&lt;p&gt;This &lt;strong&gt;important&lt;\/strong&gt; note must be read &lt;em&gt;carefully&lt;\/em&gt;.&lt;\/p&gt;<\/em><br \/>\n<em>&lt;p&gt;Today\u2019s price: &lt;del&gt;$100&lt;\/del&gt; &lt;strong&gt;$50&lt;\/strong&gt; only!&lt;\/p&gt;<\/em><br \/>\n<em>&lt;p&gt;The word &lt;u&gt;color&lt;\/u&gt; is spelled differently in the UK: &lt;u&gt;colour&lt;\/u&gt;.&lt;\/p&gt;<\/em><br \/>\n<em>&lt;p&gt;This feature is &lt;s&gt;available&lt;\/s&gt; discontinued.&lt;\/p&gt;<\/em><\/p>\n<p>For more on semantic emphasis and structure, see <a href=\"https:\/\/buhave.com\/courses\/html\/semantic-html-and-structure\/\">Semantic HTML and Structure<\/a>.<\/p>\n<h2>Lists: ordered, unordered, description<\/h2>\n<p>Lists in HTML are used to group related items together in a structured format. There are three main types of lists in HTML:<\/p>\n<h3>1. Ordered List (&lt;ol&gt;)<\/h3>\n<p>An ordered list presents items in a specific order, usually numbered.<\/p>\n<p><strong>Syntax:<\/strong><\/p>\n<p style=\"text-align: center\"><em>&lt;ol&gt;<\/em><br \/>\n<em>&lt;li&gt;First item&lt;\/li&gt;<\/em><br \/>\n<em>&lt;li&gt;Second item&lt;\/li&gt;<\/em><br \/>\n<em>&lt;li&gt;Third item&lt;\/li&gt;<\/em><br \/>\n<em>&lt;\/ol&gt;<\/em><\/p>\n<p><strong>Output:<\/strong><\/p>\n<ul>\n<li>First item<\/li>\n<li>Second item<\/li>\n<li>Third item<\/li>\n<\/ul>\n<p><strong>Customizations:<\/strong><\/p>\n<ul>\n<li>You can change the numbering style using the type attribute:<\/li>\n<li>type=&#8221;1&#8243; (default): 1, 2, 3<\/li>\n<li>type=&#8221;A&#8221;: A, B, C<\/li>\n<li>type=&#8221;a&#8221;: a, b, c<\/li>\n<li>type=&#8221;I&#8221;: I, II, III<\/li>\n<li>type=&#8221;i&#8243;: i, ii, iii<\/li>\n<\/ul>\n<p style=\"text-align: center\"><em>&lt;ol type=&#8221;A&#8221;&gt;<\/em><br \/>\n<em>&lt;li&gt;Alpha&lt;\/li&gt;<\/em><br \/>\n<em>&lt;li&gt;Beta&lt;\/li&gt;<\/em><br \/>\n<em>&lt;\/ol&gt;<\/em><\/p>\n<h3>2. Unordered List (&lt;ul&gt;)<\/h3>\n<p>An unordered list displays items in no particular order, marked by bullets.<\/p>\n<p><strong>Syntax:<\/strong><\/p>\n<p style=\"text-align: center\"><em>&lt;ul&gt;<\/em><br \/>\n<em>&lt;li&gt;Milk&lt;\/li&gt;<\/em><br \/>\n<em>&lt;li&gt;Bread&lt;\/li&gt;<\/em><br \/>\n<em>&lt;li&gt;Eggs&lt;\/li&gt;<\/em><br \/>\n<em>&lt;\/ul&gt;<\/em><\/p>\n<p><strong>Output:<\/strong><\/p>\n<ul>\n<li>Milk<\/li>\n<li>Bread<\/li>\n<li>Eggs<\/li>\n<\/ul>\n<p><strong>Customizations:<\/strong><\/p>\n<ul>\n<li>The bullet style can be changed with CSS (list-style-type: circle;, square;, etc.) \u2014 see <a href=\"https:\/\/buhave.com\/courses\/css\/introduction-to-css\/\">Introduction to CSS<\/a>.<\/li>\n<\/ul>\n<h3>3. Description List (&lt;dl&gt;)<\/h3>\n<p>A description list is used for terms and their descriptions, like in a glossary or FAQ.<\/p>\n<p><strong>Syntax:<\/strong><\/p>\n<p style=\"text-align: center\"><em>&lt;dl&gt;<\/em><br \/>\n<em>&lt;dt&gt;HTML&lt;\/dt&gt;<\/em><br \/>\n<em>&lt;dd&gt;The standard markup language for web pages.&lt;\/dd&gt;<\/em><\/p>\n<p style=\"text-align: center\"><em>&lt;dt&gt;CSS&lt;\/dt&gt;<\/em><br \/>\n<em>&lt;dd&gt;Styles the HTML content visually.&lt;\/dd&gt;<\/em><br \/>\n<em>&lt;\/dl&gt;<\/em><\/p>\n<p><strong>Output:<\/strong><\/p>\n<ul>\n<li>HTML<br \/>\nThe standard markup language for web pages.<\/li>\n<li>CSS<br \/>\nStyles the HTML content visually.<\/li>\n<\/ul>\n<p><strong>Tags Used:<\/strong><\/p>\n<ul>\n<li>&lt;dl&gt;: Description list container<\/li>\n<li>&lt;dt&gt;: Description term<\/li>\n<li>&lt;dd&gt;: Description details<\/li>\n<\/ul>\n<p><strong>When to Use Each Type<\/strong><\/p>\n<p style=\"text-align: center\"><em>&lt;table style=&#8221;width: 100%; border-collapse: collapse; font-family: Arial, sans-serif; margin: 20px 0;&#8221;&gt;<\/em><br \/>\n<em>&lt;thead&gt;<\/em><br \/>\n<em>&lt;tr style=&#8221;background-color: #f8f9fa;&#8221;&gt;<\/em><br \/>\n<em>&lt;th style=&#8221;padding: 12px; text-align: left; border-bottom: 2px solid #ddd;&#8221;&gt;<\/em><br \/>\n<em>&lt;td&gt;Example&lt;\/td&gt;<\/em><\/p>\n<p>For a quick refresher on HTML lists, you can review the introductory materials at <a href=\"https:\/\/buhave.com\/courses\/html\/introduction-to-html\/\">Introduction to HTML<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Headings and paragraphs Headings and paragraphs are essential building blocks for structuring and organizing content on a webpage. Understanding how [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":512,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"categories":[11],"tags":[],"class_list":["post-511","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-html"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.7 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Text and Formatting Elements - HTML Course<\/title>\n<meta name=\"description\" content=\"Text and formatting elements in HTML define how content is structured, emphasized, and visually styled within the document.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/buhave.com\/courses\/html\/text-and-formatting-elements\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Text and Formatting Elements - HTML Course\" \/>\n<meta property=\"og:description\" content=\"Text and formatting elements in HTML define how content is structured, emphasized, and visually styled within the document.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/buhave.com\/courses\/html\/text-and-formatting-elements\/\" \/>\n<meta property=\"og:site_name\" content=\"BUHAVE\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/BeYouHave\/\" \/>\n<meta property=\"article:author\" content=\"https:\/\/www.facebook.com\/naveedsafdarawan\/\" \/>\n<meta property=\"article:published_time\" content=\"2025-05-19T11:24:48+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-06-06T12:40:10+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/buhave.com\/courses\/wp-content\/uploads\/2025\/04\/Text-and-Formatting-Elements.webp\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"628\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/webp\" \/>\n<meta name=\"author\" content=\"Naveed Safdar\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Naveed Safdar\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"6 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/buhave.com\\\/courses\\\/html\\\/text-and-formatting-elements\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/buhave.com\\\/courses\\\/html\\\/text-and-formatting-elements\\\/\"},\"author\":{\"name\":\"Naveed Safdar\",\"@id\":\"https:\\\/\\\/buhave.com\\\/courses\\\/#\\\/schema\\\/person\\\/04fe0254e118521c9fbb3da39de5acca\"},\"headline\":\"Text and Formatting Elements\",\"datePublished\":\"2025-05-19T11:24:48+00:00\",\"dateModified\":\"2026-06-06T12:40:10+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/buhave.com\\\/courses\\\/html\\\/text-and-formatting-elements\\\/\"},\"wordCount\":1589,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/buhave.com\\\/courses\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/buhave.com\\\/courses\\\/html\\\/text-and-formatting-elements\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/buhave.com\\\/courses\\\/wp-content\\\/uploads\\\/2025\\\/04\\\/Text-and-Formatting-Elements.webp\",\"articleSection\":[\"HTML Course\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/buhave.com\\\/courses\\\/html\\\/text-and-formatting-elements\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/buhave.com\\\/courses\\\/html\\\/text-and-formatting-elements\\\/\",\"url\":\"https:\\\/\\\/buhave.com\\\/courses\\\/html\\\/text-and-formatting-elements\\\/\",\"name\":\"Text and Formatting Elements - HTML Course\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/buhave.com\\\/courses\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/buhave.com\\\/courses\\\/html\\\/text-and-formatting-elements\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/buhave.com\\\/courses\\\/html\\\/text-and-formatting-elements\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/buhave.com\\\/courses\\\/wp-content\\\/uploads\\\/2025\\\/04\\\/Text-and-Formatting-Elements.webp\",\"datePublished\":\"2025-05-19T11:24:48+00:00\",\"dateModified\":\"2026-06-06T12:40:10+00:00\",\"description\":\"Text and formatting elements in HTML define how content is structured, emphasized, and visually styled within the document.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/buhave.com\\\/courses\\\/html\\\/text-and-formatting-elements\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/buhave.com\\\/courses\\\/html\\\/text-and-formatting-elements\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/buhave.com\\\/courses\\\/html\\\/text-and-formatting-elements\\\/#primaryimage\",\"url\":\"https:\\\/\\\/buhave.com\\\/courses\\\/wp-content\\\/uploads\\\/2025\\\/04\\\/Text-and-Formatting-Elements.webp\",\"contentUrl\":\"https:\\\/\\\/buhave.com\\\/courses\\\/wp-content\\\/uploads\\\/2025\\\/04\\\/Text-and-Formatting-Elements.webp\",\"width\":1200,\"height\":628,\"caption\":\"Text and Formatting Elements\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/buhave.com\\\/courses\\\/html\\\/text-and-formatting-elements\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Courses\",\"item\":\"https:\\\/\\\/buhave.com\\\/courses\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"HTML Course\",\"item\":\"https:\\\/\\\/buhave.com\\\/courses\\\/learn\\\/html\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Text and Formatting Elements\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/buhave.com\\\/courses\\\/#website\",\"url\":\"https:\\\/\\\/buhave.com\\\/courses\\\/\",\"name\":\"BUHAVE\",\"description\":\"Courses - Learn Online for Free\",\"publisher\":{\"@id\":\"https:\\\/\\\/buhave.com\\\/courses\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/buhave.com\\\/courses\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/buhave.com\\\/courses\\\/#organization\",\"name\":\"BUHAVE\",\"url\":\"https:\\\/\\\/buhave.com\\\/courses\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/buhave.com\\\/courses\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/buhave.com\\\/courses\\\/wp-content\\\/uploads\\\/2025\\\/03\\\/buhave-course.webp\",\"contentUrl\":\"https:\\\/\\\/buhave.com\\\/courses\\\/wp-content\\\/uploads\\\/2025\\\/03\\\/buhave-course.webp\",\"width\":375,\"height\":75,\"caption\":\"BUHAVE\"},\"image\":{\"@id\":\"https:\\\/\\\/buhave.com\\\/courses\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/BeYouHave\\\/\",\"https:\\\/\\\/www.linkedin.com\\\/company\\\/buhave\",\"https:\\\/\\\/www.youtube.com\\\/@buhave\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/buhave.com\\\/courses\\\/#\\\/schema\\\/person\\\/04fe0254e118521c9fbb3da39de5acca\",\"name\":\"Naveed Safdar\",\"description\":\"I\u2019m Naveed Safdar - SEO Manager with over 10 years of experience in SEO and Digital Marketing. I\u2019ve had the privilege of working with leading national and international companies including Grafdom, PakWheels, Systems Limited, Confiz, Educative, and Dubizzle Labs. My expertise spans technical SEO, content strategy, organic growth, and performance analytics - helping businesses improve visibility, traffic, and ROI.\",\"sameAs\":[\"https:\\\/\\\/www.linkedin.com\\\/in\\\/naveedsafdar\\\/\",\"https:\\\/\\\/www.facebook.com\\\/naveedsafdarawan\\\/\",\"https:\\\/\\\/www.youtube.com\\\/@naveedsafdar\"],\"url\":\"https:\\\/\\\/buhave.com\\\/courses\\\/author\\\/naveed-safdar\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Text and Formatting Elements - HTML Course","description":"Text and formatting elements in HTML define how content is structured, emphasized, and visually styled within the document.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/buhave.com\/courses\/html\/text-and-formatting-elements\/","og_locale":"en_US","og_type":"article","og_title":"Text and Formatting Elements - HTML Course","og_description":"Text and formatting elements in HTML define how content is structured, emphasized, and visually styled within the document.","og_url":"https:\/\/buhave.com\/courses\/html\/text-and-formatting-elements\/","og_site_name":"BUHAVE","article_publisher":"https:\/\/www.facebook.com\/BeYouHave\/","article_author":"https:\/\/www.facebook.com\/naveedsafdarawan\/","article_published_time":"2025-05-19T11:24:48+00:00","article_modified_time":"2026-06-06T12:40:10+00:00","og_image":[{"width":1200,"height":628,"url":"https:\/\/buhave.com\/courses\/wp-content\/uploads\/2025\/04\/Text-and-Formatting-Elements.webp","type":"image\/webp"}],"author":"Naveed Safdar","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Naveed Safdar","Est. reading time":"6 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/buhave.com\/courses\/html\/text-and-formatting-elements\/#article","isPartOf":{"@id":"https:\/\/buhave.com\/courses\/html\/text-and-formatting-elements\/"},"author":{"name":"Naveed Safdar","@id":"https:\/\/buhave.com\/courses\/#\/schema\/person\/04fe0254e118521c9fbb3da39de5acca"},"headline":"Text and Formatting Elements","datePublished":"2025-05-19T11:24:48+00:00","dateModified":"2026-06-06T12:40:10+00:00","mainEntityOfPage":{"@id":"https:\/\/buhave.com\/courses\/html\/text-and-formatting-elements\/"},"wordCount":1589,"commentCount":0,"publisher":{"@id":"https:\/\/buhave.com\/courses\/#organization"},"image":{"@id":"https:\/\/buhave.com\/courses\/html\/text-and-formatting-elements\/#primaryimage"},"thumbnailUrl":"https:\/\/buhave.com\/courses\/wp-content\/uploads\/2025\/04\/Text-and-Formatting-Elements.webp","articleSection":["HTML Course"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/buhave.com\/courses\/html\/text-and-formatting-elements\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/buhave.com\/courses\/html\/text-and-formatting-elements\/","url":"https:\/\/buhave.com\/courses\/html\/text-and-formatting-elements\/","name":"Text and Formatting Elements - HTML Course","isPartOf":{"@id":"https:\/\/buhave.com\/courses\/#website"},"primaryImageOfPage":{"@id":"https:\/\/buhave.com\/courses\/html\/text-and-formatting-elements\/#primaryimage"},"image":{"@id":"https:\/\/buhave.com\/courses\/html\/text-and-formatting-elements\/#primaryimage"},"thumbnailUrl":"https:\/\/buhave.com\/courses\/wp-content\/uploads\/2025\/04\/Text-and-Formatting-Elements.webp","datePublished":"2025-05-19T11:24:48+00:00","dateModified":"2026-06-06T12:40:10+00:00","description":"Text and formatting elements in HTML define how content is structured, emphasized, and visually styled within the document.","breadcrumb":{"@id":"https:\/\/buhave.com\/courses\/html\/text-and-formatting-elements\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/buhave.com\/courses\/html\/text-and-formatting-elements\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/buhave.com\/courses\/html\/text-and-formatting-elements\/#primaryimage","url":"https:\/\/buhave.com\/courses\/wp-content\/uploads\/2025\/04\/Text-and-Formatting-Elements.webp","contentUrl":"https:\/\/buhave.com\/courses\/wp-content\/uploads\/2025\/04\/Text-and-Formatting-Elements.webp","width":1200,"height":628,"caption":"Text and Formatting Elements"},{"@type":"BreadcrumbList","@id":"https:\/\/buhave.com\/courses\/html\/text-and-formatting-elements\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Courses","item":"https:\/\/buhave.com\/courses\/"},{"@type":"ListItem","position":2,"name":"HTML Course","item":"https:\/\/buhave.com\/courses\/learn\/html\/"},{"@type":"ListItem","position":3,"name":"Text and Formatting Elements"}]},{"@type":"WebSite","@id":"https:\/\/buhave.com\/courses\/#website","url":"https:\/\/buhave.com\/courses\/","name":"BUHAVE","description":"Courses - Learn Online for Free","publisher":{"@id":"https:\/\/buhave.com\/courses\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/buhave.com\/courses\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/buhave.com\/courses\/#organization","name":"BUHAVE","url":"https:\/\/buhave.com\/courses\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/buhave.com\/courses\/#\/schema\/logo\/image\/","url":"https:\/\/buhave.com\/courses\/wp-content\/uploads\/2025\/03\/buhave-course.webp","contentUrl":"https:\/\/buhave.com\/courses\/wp-content\/uploads\/2025\/03\/buhave-course.webp","width":375,"height":75,"caption":"BUHAVE"},"image":{"@id":"https:\/\/buhave.com\/courses\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/BeYouHave\/","https:\/\/www.linkedin.com\/company\/buhave","https:\/\/www.youtube.com\/@buhave"]},{"@type":"Person","@id":"https:\/\/buhave.com\/courses\/#\/schema\/person\/04fe0254e118521c9fbb3da39de5acca","name":"Naveed Safdar","description":"I\u2019m Naveed Safdar - SEO Manager with over 10 years of experience in SEO and Digital Marketing. I\u2019ve had the privilege of working with leading national and international companies including Grafdom, PakWheels, Systems Limited, Confiz, Educative, and Dubizzle Labs. My expertise spans technical SEO, content strategy, organic growth, and performance analytics - helping businesses improve visibility, traffic, and ROI.","sameAs":["https:\/\/www.linkedin.com\/in\/naveedsafdar\/","https:\/\/www.facebook.com\/naveedsafdarawan\/","https:\/\/www.youtube.com\/@naveedsafdar"],"url":"https:\/\/buhave.com\/courses\/author\/naveed-safdar\/"}]}},"_links":{"self":[{"href":"https:\/\/buhave.com\/courses\/wp-json\/wp\/v2\/posts\/511","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/buhave.com\/courses\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/buhave.com\/courses\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/buhave.com\/courses\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/buhave.com\/courses\/wp-json\/wp\/v2\/comments?post=511"}],"version-history":[{"count":3,"href":"https:\/\/buhave.com\/courses\/wp-json\/wp\/v2\/posts\/511\/revisions"}],"predecessor-version":[{"id":1140,"href":"https:\/\/buhave.com\/courses\/wp-json\/wp\/v2\/posts\/511\/revisions\/1140"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/buhave.com\/courses\/wp-json\/wp\/v2\/media\/512"}],"wp:attachment":[{"href":"https:\/\/buhave.com\/courses\/wp-json\/wp\/v2\/media?parent=511"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/buhave.com\/courses\/wp-json\/wp\/v2\/categories?post=511"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/buhave.com\/courses\/wp-json\/wp\/v2\/tags?post=511"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}