[x]ปิดหน้าต่าง

บทความ (Article)

  [ ดูบทความทั้งหมด ]

ให้คะแนนบทความนี้

บทความหมายเลข 262 | คะแนน Rating: 1.3/5 ดาว (จากจำนวนโหวต 4 votes)

Tag :


คำสั่งที่ใช้กับข้อความ (text)

CSS

ข้อความเป็นสิ่งที่เราใช้มากสุดในการทำเว็บเพจ ซึ่ง CSS ก็มีคำสั่งมากมายที่ใช้ในการควบคุมการแสดงผลของข้อความ ในบทนี้จะเป็นคำสั่งที่ใช้ในการแสดงข้อความทั้งหมด 

ลองพิมพ์ดูง่ายนิดเดียว คลิกที่หัวข้อเพื่อทดลองพิมพ์

    1.ใส่สีให้ข้อความ
    ในหัวข้อนี้จะเป็นการใส่สีให้กับข้อความ โดยเราจะกำหนดสีให้กับวัตถุของเราเช่น <H1> 

    2.การใส่สีพื้นหลังให้ข้อความ
    ในตัวอย่างจะเป็นการเน้นกลุ่มคำด้วยการใส่สีพื้นหลัง ซึ่งจะทำให้คำนั้นเด่นขึ้นมา เหมือนกับการที่เราใช้สีเมจิกเน้นคำที่อยู่ในหนังสือนั่นเอง
     จะเห็นได้ว่าเราใช้คำสั่ง <span> </span> ซึ่งคำสั่งนี้ก็เหมือนกับกำหนดให้กลุ่มอักษรที่อยู่ในวัตถุที่ชื่อว่า span เพื่อเราจะได้กำหนดขอบเขตของคำสั่ง CSS 

    3.การเว้นช่องว่างระหว่างตัวอักษร
    ตัวอย่างเป็นคำสั่งที่ใช้ในการเว้นช่องว่างระหว่างตัวอักษร หรือที่เราเรียกว่าช่องไฟนั่นเอง 

    4.การเว้นช่องว่างระหว่างบรรทัด
    คำสั่งนี้ใช้ในการกำหนดความสูงระหว่างบรรทัด ซึ่งจะมีผลมากในการแสดงผลเพราะถ้าเราเว้นระยะระหว่างบรรทัด มากไป หรือน้อยไป ก็ส่งผลต่อการอ่านทำให้อ่านข้อความได้ยากขึ้น 

    5.การจัดตำแหน่งข้อความ
    เราจัดตำแหน่งข้อความเพื่อประโยชน์ในการแสดงผลเช่น การแสดงผลจำนวนเงินเรามักจะแสดงผลให้ชิดขวา , การแสดงผลข้อความเรามักแสดงผลชิดซ้าย 

    6.จัดรูปแบบข้อความ
    ในตัวอย่างจะเป็นคำสั่งที่ใช้ในการขีดเส้นฆ่าตัวข้อความ ขีดเส้นใต้ หรือใช้จัดการกับ link 

    7.จัดรูปแบบข้อความที่เป็น link
    ตัวอักษรที่เป็น link นั้นเราใช้คำสั่งในการจัดรูปแบบเหมือนข้อความทั่วไป แต่ selector นั้นเป็นคำสั่งเฉพาะ ซึ่งมีทั้งหมด 4 ตัว 

    1. a:link เป็นรูปแบบปรกติของข้อความที่เป็น link 
    2. a:hover เป็นรูปแบบของข้อความเมื่อมีเมาส์อยู่ด้านบน 
    3. a:active เป็นรูปแบบของข้อความเมื่อเราคลิกที่ข้อความ
    4. a:visit เป็นรูปแบบของข้อความที่เป็น link ที่เราเปิดดูแล้ว

    8.คำสั่งจัดการย่อหน้า
    เป็นคำสั่งที่ใช้บอกระยะย่อหน้าของข้อความ ซึ่งเราอาจใช้หน่วยเป็น cm ก็ได้

    9.คำสั่งจัดตัวอักษร พิมพ์ใหญ่ พิมพ์เล็ก
    เป็นคำสั่งที่เราไม่ค่อยได้ใช้เท่าไหร่ใช้ในการจัดรูปแบบตัวอักษรภาษาอังกฤษ ให้เป็นตัวพิมพ์ใหญ่ พิมพ์เล็ก 

    10.คำสั่งใช้ในการจัดเรียงตัวอักษร
    เป็นคำสั่งที่ใช้ในการจัดเรียงตัวอักษร จากซ้ายไปขวา หรือ จากขวาไปซ้าย จะมีผลกับตัวเลข สัญลักษณ์ต่างๆ ไม่มีผลกับตัวอักษร ในบทนี้เราจะใช้คำสั่ง div ซึ่งก็เป็นคำสั่งคล้ายกับ span เพียงแต่ว่า div จะเว้นบรรทัดระหว่าง div ส่วน span จะไม่เว้นแต่จะแสดงผลต่อไปเลย

    11.คำสั่งควบคุมระยะการเว้นวรรค
    เป็นคำสั่งที่ใช้ควบคุมระยะห่างของการเว้นวรรค ใช้ได้กับภาษาอังกฤษเท่านั้น

    12.คำสั่งควบคุมการขึ้นบรรทัดใหม่
    ตามปรกติถ้าข้อความของเรานั้นมีความยาว browser ก็จะทำการตัดบรรทัดให้เราเองแต่ถ้าเราใช้คำสั่ง no wrap เป็นการบอกให้ browser ไม่ต้องตัดบรรทัดให้เรา ให้แสดงผลตามยาวออกไป จนกว่าจะเจอคำสั่ง <br> จึงขึ้นบรรทัดใหม่ 

    ในบทนี้ก็มีเนื้อหาเพียงเท่านี้คำสั่งทั้งหมดนั้นสามารถประยุกต์ใช้ได้มากมายหลายแบบขึ้นอยู่กับประสบการณ์ของผู้ใช้ด้วย ซึ่งในบางงานเราอาจไม่ต้องใช้คำสั่งพวกนี้เลยก็ได้ ขอให้ผู้นำคำสั่งพวกนี้ไปใช้คิดดูให้ดีว่าส่งผลดีต่อการแสดงผลหรือไม่ เพราะการใช้คำสั่งบางอย่าง เช่น ตัวอักษรสีเหลือง อาจทำให้ผู้อ่านเนื้อหาในเว็บของเราอ่านได้ลำบาก ซึ่งเป็นเรื่องที่ไม่ดีในการทำเว็บไซต์

เนื้อหาในบทนี้อ้างอิงจากเว็บไซต์ www.w3schools.com


เข้าชม : 144122    [ ขึ้นบน ]


เคล็ดลับเขียนเว็บไซต์ 15 อันดับล่าสุด

      วิธีสร้างแผนที่ google map เพื่อติดในเว็บไซต์ของคุณ 8 / มิ.ย. / 2560
      วิธีสร้างแผนที่ google map เพื่อติดในเว็บไซต์ของคุณ 8 / มิ.ย. / 2560
      วิธีเปลี่ยนเว็บไซต์ให้แสดงเป็น ขาว-ดำ เพื่อรวมไว้อาลัยกับการสวรรคตของ "ในหลวง" รัชกาลที่ ๙ 14 / ต.ค. / 2559
      Title tags กับการทำ Search Engine Optimization (SEO) 2 / ก.ย. / 2559
      การทำ SEO คืออะไร 2 / ก.ย. / 2559
      ลงโปรแกรมเพื่อจำลองเครื่องของเราให้เป็น Web Server ตอนที่ 2 2 / ก.ย. / 2559
      ลงโปรแกรมเพื่อจำลองเครื่องของเราให้เป็น Web Server ตอนที่ 1 2 / ก.ย. / 2559
      PHP คืออะไร 2 / ก.ย. / 2559
      table จัดรูปแบบของตารางด้วยคำสั่ง css 2 / ก.ย. / 2559
      เปลี่ยนสัญลักษณ์หน้า list CSS 2 / ก.ย. / 2559
      padding จัดระยะห่างระหว่างขอบของวัตถุ และเนื้อหา CSS 2 / ก.ย. / 2559
      Margin กำหนดระยะห่างระหว่างวัตถุ CSS 2 / ก.ย. / 2559
      คำสั่งที่เกี่ยวกับเส้นขอบ CSS 2 / ก.ย. / 2559
      คำสั่งจัดการฟอนต์ (font) 2 / ก.ย. / 2559
      คำสั่งที่ใช้กับข้อความ (text) CSS 2 / ก.ย. / 2559



  เพิ่มความคิดเห็น
ชื่อ/อีเมลล์ :  สมาชิกไม่ต้องกรอก
ใส่รหัสยืนยัน
ไอคอน : ย่อหน้า จัดซ้าย จัดกลาง จัดขวา ตัวหนา ตัวเอียง เส้นใต้ ตัวยก ตัวห้อย ตัวหนังสือเรืองแสง ตัวหนังสือมีเงา สีแดง สีเขียว สีน้ำเงิน สีส้ม สีชมพู สีเทา
อ้างอิงคำพูด เพิ่มเพลง เพิ่มวีดีโอคลิป เพิ่มรูปภาพ เพิ่มไฟล์ Flash เพิ่มลิงก์ เพิ่มอีเมล์
ข้อความ :




ข้อความที่ท่านได้อ่าน เกิดจากการเขียนโดยสาธารณชน และส่งขึ้นมาแบบอัตโนมัติ เจ้าของระบบไม่รับผิดชอบต่อข้อความใดๆทั้งสิ้น เพราะไม่สามารถระบุได้ว่าเป็นความจริงหรือ ชื่อผู้เขียนที่ได้เห็นคือชื่อจริง ผู้อ่านจึงควรใช้วิจารณญาณในการกลั่นกรอง และถ้าท่านพบเห็นข้อความใดที่ขัดต่อกฎหมายและศีลธรรม กรุณาแจ้งที่ Webmasterเพื่อให้ผู้ควบคุมระบบทราบและทำการลบข้อความนั้น ออกจากระบบต่อไป

วิธีสร้างแผนที่ google map เพื่อติดในเว็บไซต์ของคุณ
วิธีสร้างแผนที่ google map เพื่อติดในเว็บไซต์ของคุณ
กศน.กำแพงเพชร ร่วมพิธีวางพวงมาลาเนื่องในวันคล้ายวันสวรรคตสมเด็จพระนเรศวรมหาราช
รุ่นใหญ่ไต่ระดับ..!!! เข้าคอร์สก่อนจบ”กศน.กำแพงเพชร”จัดครบจบแบบเนียนๆ….
bein sport 1
ดีต่อใจ..!!! เรื่องดีเราทำได้ วัยโจ๋“กศน.ไทรงาม”เข้าคิวบริจาคเลือด..ช่วยเพื่อนมนุษย์ บอกเลยจัดเต็ม…

 

ครูเชนดอทคอม เว็บไซต์แห่งการแลกเปลี่ยนของครู กศน. ครูนอกระบบ ครูในระบบ  

ติดต่อลงข่าวสาร  โฆษณา โทร.081-1077987
## MAXSITE 1.10 plus ##   | ADMIN | by ครูเชนดอทคอม | Facebook | Youtube | Google plus+ | IOS | Android | สร้าง QR code