Computer >> คอมพิวเตอร์ >  >> การเขียนโปรแกรม >> HTML

เราจะสร้างข้อความที่จัดรูปแบบไว้ล่วงหน้าใน HTML ได้อย่างไร


ใช้แท็ก

เพื่อสร้างข้อความที่จัดรูปแบบไว้ล่วงหน้า </P> <p style=""><strong>หมายเหตุ -</strong> แท็ก <xmp> เลิกใช้แล้ว</P> <h2 style="">ตัวอย่าง</h2> <p style="">คุณสามารถลองใช้โค้ดต่อไปนี้เพื่อเรียนรู้วิธีสร้างข้อความที่จัดรูปแบบไว้ล่วงหน้าใน HTML -</P> <pre>&lt;!DOCTYPE html&gt; &lt;html&gt; &nbsp; &nbsp;&lt;head&gt; &nbsp; &nbsp; &nbsp; &lt;title&gt;HTML xmp Tag&lt;/title&gt; &nbsp; &nbsp;&lt;/head&gt; &nbsp; &nbsp;&lt;body&gt; &nbsp; &nbsp; &nbsp; HTML tags include &nbsp; &nbsp; &nbsp; &lt;xmp&gt;&lt;b&gt; for bold text&lt;/b&gt;, &lt;i&gt; for italic text.&lt;/i&gt;&lt;/xmp&gt; &nbsp; &nbsp;&lt;/body&gt; &lt;/html&gt;</pre> <br> </article> <div class="ad ad5"> <script language='javascript' src='https://th.wsxdn.com/css/ad/th2.js'></script> </div> <section id="turn-page" class="t-over"> <div class="f-start f-align"> <i><img src="https://th.wsxdn.com/css/img/sanjiao.svg" alt=""></i> <a class='LinkPrevArticle' href='https://th.wsxdn.com/db044w/zx451s/1004063983.html' >กำหนดประเภทของไฟล์ที่เซิร์ฟเวอร์ยอมรับใน HTML </a> </div> <div class="f-start f-align"> <i><img src="https://th.wsxdn.com/css/img/sanjiao.svg" alt=""></i> <a class='LinkNextArticle' href='https://th.wsxdn.com/db044w/zx451s/1004063985.html' >จะระบุจุดแบ่งคำที่อาจเกิดขึ้นภายในส่วน &lt;nobr&gt; ใน HTML ได้อย่างไร </a> </div> </section> <section class="box1-3"> <ol class="f-between"> <li class="aList-2 aList f-between f-align"> <div> <a href="https://th.wsxdn.com/db044w/zx451s/1004063763.html" class="title"> <p class="r-over r-over-2" title="จะสร้างความคิดเห็นแบบมีเงื่อนไขใน HTML ได้อย่างไร? "> จะสร้างความคิดเห็นแบบมีเงื่อนไขใน HTML ได้อย่างไร? </p> </a> </div> </li><li class="aList-2 aList f-between f-align"> <div> <a href="https://th.wsxdn.com/db044w/zx451s/1004063764.html" class="title"> <p class="r-over r-over-2" title="จะสร้างความคิดเห็นที่ซ่อนอยู่ใน HTML ได้อย่างไร? "> จะสร้างความคิดเห็นที่ซ่อนอยู่ใน HTML ได้อย่างไร? </p> </a> </div> </li><li class="aList-2 aList f-between f-align"> <div> <a href="https://th.wsxdn.com/db044w/zx451s/1004063792.html" class="title"> <p class="r-over r-over-2" title="จะสร้างบรรณานุกรมด้วย HTML ได้อย่างไร? "> จะสร้างบรรณานุกรมด้วย HTML ได้อย่างไร? </p> </a> </div> </li><li class="aList-2 aList f-between f-align"> <div> <a href="https://th.wsxdn.com/db044w/zx451s/1004063839.html" class="title"> <p class="r-over r-over-2" title="วิธีสร้างการป้อนข้อความหลายบรรทัด (พื้นที่ข้อความ) ใน HTML "> วิธีสร้างการป้อนข้อความหลายบรรทัด (พื้นที่ข้อความ) ใน HTML </p> </a> </div> </li> </ol> </section> </section> <aside class="box-r"> <section class="box4-1"> <strong> HTML </strong> <ol> <li class="f-start"> <i> <img src="https://th.wsxdn.com/css/img/article-lan.svg" alt=""> </i> <a href="https://th.wsxdn.com/db044w/zx451s/1004038926.html" title="วิธีสร้างไฮเปอร์ลิงก์ใน HTML "> <p class="r-over r-over-2">วิธีสร้างไฮเปอร์ลิงก์ใน HTML </p> </a> </li> <li class="f-start"> <i> <img src="https://th.wsxdn.com/css/img/article-lan.svg" alt=""> </i> <a href="https://th.wsxdn.com/db044w/ec452w/1004056155.html" title="จะจัดกึ่งกลางข้อความใน HTML ได้อย่างไร "> <p class="r-over r-over-2">จะจัดกึ่งกลางข้อความใน HTML ได้อย่างไร </p> </a> </li> <li class="f-start"> <i> <img src="https://th.wsxdn.com/css/img/article-lan.svg" alt=""> </i> <a href="https://th.wsxdn.com/db044w/zx451s/1004063921.html" title="สร้างข้อความตัวเอียงใน HTML "> <p class="r-over r-over-2">สร้างข้อความตัวเอียงใน HTML </p> </a> </li> <li class="f-start"> <i> <img src="https://th.wsxdn.com/css/img/article-lan.svg" alt=""> </i> <a href="https://th.wsxdn.com/db044w/zx451s/1004063937.html" title="จะเพิ่มข้อความที่จัดรูปแบบไว้ล่วงหน้าใน HTML ได้อย่างไร? "> <p class="r-over r-over-2">จะเพิ่มข้อความที่จัดรูปแบบไว้ล่วงหน้าใน HTML ได้อย่างไร? </p> </a> </li> <li class="f-start"> <i> <img src="https://th.wsxdn.com/css/img/article-lan.svg" alt=""> </i> <a href="https://th.wsxdn.com/db044w/zx451s/1004063950.html" title="สร้างข้อความที่แข็งแกร่งใน HTML "> <p class="r-over r-over-2">สร้างข้อความที่แข็งแกร่งใน HTML </p> </a> </li> </ol> </section> <ul> <li class="f-start f-align"> <a href="https://th.wsxdn.com/db044w/zx451s/1004063738.html" class="i-text"><p class="r-over r-over-3">วิธีการทำเครื่องหมายตัวยกข้อความใน HTML? </p></a> </li> <li class="f-start f-align"> <a href="https://th.wsxdn.com/db044w/zx451s/1004063739.html" class="i-text"><p class="r-over r-over-3">จะทำเครื่องหมายข้อความที่แทรกใน HTML ได้อย่างไร </p></a> </li> <li class="f-start f-align"> <a href="https://th.wsxdn.com/db044w/zx451s/1004063741.html" class="i-text"><p class="r-over r-over-3">จะทำเครื่องหมายข้อความขีดทับใน HTML ได้อย่างไร? </p></a> </li> <li class="f-start f-align"> <a href="https://th.wsxdn.com/db044w/zx451s/1004063748.html" class="i-text"><p class="r-over r-over-3">จะสร้างเส้นขอบตารางใน HTML ได้อย่างไร? </p></a> </li> <li class="f-start f-align"> <a href="https://th.wsxdn.com/db044w/zx451s/1004063762.html" class="i-text"><p class="r-over r-over-3">จะสร้างรายการสั่งซื้อใน HTML ได้อย่างไร? </p></a> </li> </ul> <ul class="types f-between"> <li><a class='childclass' href='https://th.wsxdn.com/db044w/hf444z/' target="_self">การเขียนโปรแกรม C</a></li> <li><a class='childclass' href='https://th.wsxdn.com/db044w/bz445u/' target="_self">C++</a></li> <li><a class='childclass' href='https://th.wsxdn.com/db044w/tr446l/' target="_self">Redis</a></li> <li><a class='childclass' href='https://th.wsxdn.com/db044w/rp447j/' target="_self">การเขียนโปรแกรม BASH</a></li> <li><a class='childclass' href='https://th.wsxdn.com/db044w/wu448o/' target="_self">Python</a></li> <li><a class='childclass' href='https://th.wsxdn.com/db044w/nl449f/' target="_self">Java</a></li> <li><a class='childclass' href='https://th.wsxdn.com/db044w/ig450a/' target="_self">ฐานข้อมูล</a></li> <li><a class='childclass' href='https://th.wsxdn.com/db044w/zx451s/' target="_self">HTML</a></li> <li><a class='childclass' href='https://th.wsxdn.com/db044w/ec452w/' target="_self">Javascript</a></li> <li><a class='childclass' href='https://th.wsxdn.com/db044w/db453v/' target="_self">การเขียนโปรแกรม</a></li> <li><a class='childclass' href='https://th.wsxdn.com/db044w/if454a/' target="_self">CSS</a></li> <li><a class='childclass' href='https://th.wsxdn.com/db044w/ge455y/' target="_self">Ruby</a></li> <li><a class='childclass' href='https://th.wsxdn.com/db044w/xv456p/' target="_self">SQL</a></li> <li><a class='childclass' href='https://th.wsxdn.com/db044w/jh457b/' target="_self">IOS</a></li> <li><a class='childclass' href='https://th.wsxdn.com/db044w/om458g/' target="_self">Android</a></li> <li><a class='childclass' href='https://th.wsxdn.com/db044w/mk459f/' target="_self">MongoDB</a></li> <li><a class='childclass' href='https://th.wsxdn.com/db044w/rp460j/' target="_self">MySQL</a></li> <li><a class='childclass' href='https://th.wsxdn.com/db044w/qn461i/' target="_self">C#</a></li> <li><a class='childclass' href='https://th.wsxdn.com/db044w/jh465b/' target="_self">PHP</a></li> <li><a class='childclass' href='https://th.wsxdn.com/db044w/kh471c/' target="_self">SQL Server</a></li> </ul> </aside> </section> <footer> <section class="msg f-center container"> <span class="f-start"> ลิขสิทธิ์ © <a href="https://th.wsxdn.com">https://th.wsxdn.com</a> สงวนลิขสิทธิ์ </span> </section> </footer> </body> </html>