text formatting html |html bold|pre tag in

Text formatting refers to the way in which you can control the appearance of text on a web page. It involves using various HTML tags and attributes to style and structure the text content of a web page.

examples:

Headings: h1 ......h6 , paragraphs: <p></p> , bold: <b></b>

the below code demonstrate the text formatting.

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=\, initial-scale=1.0" />
    <title>text formatting</title>
  </head>

  <body>
        <p> Lorem ipsum 
     <!-- for bold -->   <b> hello  </b>  dolor sit amets 
        <strong> does bold,  imp when read by screen reader    </strong> 
        consectetur adipisicing elit. 
        <i> for italic </i> Velit,
        <em> italic, more emphasises by screen reader   </em> dolores!
        <u>for underline</u> this is
        <s>for strike</s>
 </p>

    <!-- for sub and superscript -->
    <sub>2</sub>20 <sup>10</sup>
<!-- for headings -->
    <h1>hii</h1>
     <h2>helo</h2>
      <h3>how</h3>
        <h4>are</h4>

 <!-- pre tag html -->
    <pre>
      This is an example
      ...

      It preserves spacing,
      line breaks, exactly as done by the
      user.
   </pre>

<!-- html marquee tag-->
<marquee  behavior="alternate" direction="left" behavior="scroll" scrollamount="15" bgcolor="red" height ="50px" width ="80%"  loop="6">this is from left to right</marquee>

<!--exapmle of a car moving-->
 <marquee behavior="alternate" direction="right" scrollamount="20"><img src="pexels-ryan-west-1719648.jpg" height="300px"
      width="240px"alt=""></marquee>
 </body>
</html>

html5 strongly deprecated the use of marquee tag

Therefore, it's recommended to use CSS and JavaScript for creating dynamic and animated content on web pages.

marquee tag was used for :creating scrollable text or images within a web page from either left to right or vice versa, or top to bottom

lt5: https://hashnode.com/post/clnvxe6c6000k09l8aau24kz7

for more information you can refer official documentation: https://developer.mozilla.org/en-US/docs/Learn/HTML/Introduction_to_HTML/HTML_text_fundamentals

Text Formatting HTML (lt.6)

Subscribe to my newsletter

himanshu

himanshu