Home » , , , , , , , , » การจัดรูปแบบข้อความ
วันอังคารที่ 22 กรกฎาคม พ.ศ. 2557
undefined

การจัดรูปแบบข้อความ

:: การจัดรูปแบบข้อความ
สำหรับบทความนี้ก็ยังคงเกี่ยวข้องกับข้อความ เป็นบทความที่ต่อเนื่องมาจากบทความที่แล้ว ในบทความนี้เราจะมาจัดรูปแบบของข้ิอความ ในการทำเว็บส่วนใหญ่เนื้อหาจะเป็นส่วนสำคัญ ในบางครั้งเราต้องการที่จะเน้นที่ข้อความใดข้อความหนึ่ง เพื่อดึงดูดความสนใจ ซึ่งเราอาจจะเน้นข้อความนั้น ๆ เป็นพิเศษ ด้วยการใส่ตัวหนา ตัวเอียง การขีดเส้นใต้ข้อความ หรือการขีดฆ่า
ในแท็กภาษา HTML ก็มีคำสั่งเหล่านี้อยู่ด้วยเหมือนกัน โดยรูปแบบของแท็ก มีดังนี้

           1. การกำหนดแบบตัวหนา (Bold)  <b> ...ข้อความ...</b> หรือ <strong> ...ข้อความ...</strong>
           2. การกำหนดแบบตัวเอียง (Italic) <i> ...ข้อความ...</i>            3. การกำหนดแบบตัวขีดเส้นใต้ (Underline) <u>...ข้อความ...</u>
           4. การกำหนดแบบตัวขีดฆ่า (Strike) <strike>...ข้อความ...</strike>


 รูปแบบการจัดรูปแบบข้อความแบบต่าง ๆ

  <html>
  <head><title> ....การจัดรูปแบบข้อความ....</title></head>
       <body>
               <b><font size = "2"> ข้อความนี้กำหนดตัวหนา b</font></b><br>
               <strong><font size = "2"> ข้อความนี้กำหนดตัวหนา strong</font></strong><br>
               <i><font size = "2"> ข้อความนี้กำหนดตัวเอียง i </font></i><br>
               <u><font size = "2"> ข้อความนี้กำหนดตัวขีดเส้นใต้ u </font></u><br>
               <strike><font size = "2"> ข้อความนี้กำหนดตัวขีดฆ่า strike </font></strike><br>
       </body>
  </html>

การจัดรูปแบบไม่ยากเลยนะค่ะ อยากให้ข้อความไหนเน้น เด่นเป็นพิเศษก็เลือกเอาค่ะ ว่าอยากให้เป็นแบบไหน แล้วก็เอาแท็กไปครอบไว้เป็นอันเสร็จเรียบร้ิอยค่ะ สำหรับการเน้นข้อความอาจใช้สีช่วยเน้น พร้อม ๆ การจัดรูปแบบด้วยก็ได้ค่ะ โดยใช้ Attribute Color ในส่วนของแท็กฟอนต์ร่วมด้วยค่ะ

0 ความคิดเห็น:

แสดงความคิดเห็น

Popular Posts

  • รวมโค้ดสี
  • HTML Basic : โค้ดง่ายๆ
    Hypertext Markup Language โครงสร้าง <html> <head> <title>.........</title> </head> <body> </body> ...
  • ทำความรู้จัก Search Engine
    ทำความรู้จัก Search Engine บทที่แล้วได้เกริ่นไปกี่ยวกับ SEO และเมื่อพูดถึง SEO หากจะไม่พูดถึงเรื่องของ Search Engine ก็คงกะไรอยู่ เพราะว่ามี...
  • การใส่คำอธิบายให้รูปภาพ
    การใส่คำอธิบายให้รูปภาพ โดยใช้โปรแกรม Dreamweaver การใส่คำอธิบายให้รูปภาพ ก็คือการใส่คำสั่ง ALT Tag ในภาษา HTLM นั่นเอง และเราสามารถใช้โปรแ...
  • เริ่มต้น SEO ด้วยการใส่ Meta Tag
    เริ่มต้น SEO ด้วยการใส่ Meta Tag การใส่แท็ก Meta วิธีเริ่มต้นสำหรับการทำ SEO ให้กับเว็บไซต์ ทำได้ง่าย ๆ แค่ใส่แท็ก Meta ให้เว็บไซต์ เว็บไซต์...
  • ลงโปรแกรมโปรแกรม Appserv
    ::  โปรแกรม Appserv โปรแกรมสำหรับจำลองเครื่องเป็น Server ในบทความนี้เราจะมาทำการติดตั้งโปรแกรม Appserv กันค่ะ ขั้นตอนแรกให้เราไปทำการหาโป...
  • การจัดรูปแบบข้อความ
    ::  การจัดรูปแบบข้อความ สำหรับบทความนี้ก็ยังคงเกี่ยวข้องกับข้อความ เป็นบทความที่ต่อเนื่องมาจากบทความที่แล้ว ในบทความนี้เราจะมาจัดรูปแบบขอ...
  • เอา ICON แต่งเว็บมาฝาก
    เอา ICON แต่งเว็บมาฝาก Icon และภาพกราฟิคสวย ๆ สำหรับใช้ตกแต่งเว็บมีให้ดาวน์โหลดมากมาย และที่สำคัญคือฟรีด้วยค่ะ ลองเข้าไปเลือกดูนะค่ะ รับรอง...
  • Banner มาตรฐาน
    รู้เรื่อง Banner มาตรฐาน ตามเว็บไซต์ต่าง ๆ สิ่งที่เราจะเห็นบ่อย ๆ และเกือบทุก ๆ เว็บต้องมีก็คือ Banner หรือป้าย ซึ่งมีอยู่มากมาย จนบางเว็บอา...
  • การสร้างตาราง
    ::  การสร้างตาราง จากบทความในบทที่ผ่าน ๆ มา ในเรื่องของการจัดตำแหน่งของข้อความ จะเห็นได้ว่าถึงแม้เราจะสามารถจัดตำแหน่งได้แล้ว แต่การจัดตำ...
 
Copyright © 2015 สอนทำเว็บไซต์ ง่ายนิดเดี่ยว