คำสั่งในการจัดหน้า HTML
ข่าวสาร
ระวังการทำธุรกรรมทางอิเล็กทรอนิกส์
ระวังการทำธุรกรรมทางอิเล็กทรอนิกส์
   ในปัจจุบันการทำธุรกรรมการเงินทางอินเทอร์เน็ตถือว่าเป็นสิ่งที่ได้รับความนิยมเป็นอย่างมาก เพราะสะดวก รวดเร็ว แต่แฝงไปด้วยอันตราย
เริ่มต้นใช้งานFacebook ทำความรู้จักเฟสบุ๊ค ตอนที่1
เริ่มต้นใช้งานFacebook ทำความรู้จักเฟสบุ๊ค ตอนที่1
   เฟสบุ๊ค Facebook จัดว่าเป็นเว็บไซต์โซเชียลเน็ตเวิร์ดอันดับต้นๆที่มีคนใช้งานเป็นจำนวนมาก เรียกว่าเป็นโลกแห่งสังคมออนไลน์ที่มีผู้คนหลากหลายเชื้อชาติศาสนา
สปายแวร์คืออะไร
สปายแวร์คืออะไร
   สปายแวร์คือ โปรแกรมชั่วร้ายอีกชนิดหนึ่ง โดยเมื่อเรารับสปายแวร์เข้ามาแล้ว เจ้าสปายแวร์ก็จะแอบเก็บข้อมูลภายในเครื่องคอมพิวเตอร์ของเรา
ASUS K46 Series โน้ตบุ๊คตระกูล K
ASUS K46 Series โน้ตบุ๊คตระกูล K
   ASUS K46 Series ทรงพลังด้วย 3rd generation Intel Core i7 processor และกราฟิกการ์ด NIVIDIA GeForce GT 740 (Windows8)
 อีคอมเมิร์ซ E-Commerce คืออะไร
อีคอมเมิร์ซ E-Commerce คืออะไร
   อี-คอมเมิร์ช (E-Commerce) หรือคำอย่างเป็นทางการ พาณิชย์อิเล็กทรอนิกส์ (Electronic commerce) เป็นการทำธุรกรรม หรือการซื้อขาย ผ่านสื่ออิเล็กทรอนิกส์
โน๊ตบุ๊ค รุ่นต่างๆ กล้องประเภทต่างๆ

วีดีโอน่ารู้ : เทคโนโลยีน่ารู้ Ep5 รู้เรื่องCrytography การเข้ารหัส


แจกโปรเจคPHPฟรี
การเขียนโปรแกรม >> ภาษา HTML >> คำสั่งในการจัดหน้า HTML

คำสั่งในการจัดหน้า HTML 

คำสั่งในการจัดหน้า HTML

อัพเดทวันที่: 05 ธ.ค. 2556

วีดีโอน่ารู้ : เทคโนโลยีน่ารู้ Ep3 ระวังอีเมล์อันตรายที่ไม่ควรละเลย


1.คำสั่งที่ใช้ในการจัดย่อหน้า
                คำสั่ง P นี้จะเพิ่มบรรทัดว่างก่อนและหลังตัวอักษรที่เราพิมพ์ไปโดยอัตโนมัติ ตามที่แสดงในตัวอย่าง
รูปแบบ p tag

<p> ย่อหน้าที่ 1 </p>
<p> ย่อหน้าที่ 2 </p>
<p> ย่อหน้าที่ 3 </p>

 

2.คำสั่งที่ใช้ในการขึ้นบรรทัดใหม่
                การตัดบรรทัดใหม่นั้นปรกติ web browser จะทำการตัดให้อยู่แล้ว แต่การตัดคำของ web browser จะตัดเมื่อแสดงผลไม่ได้ แต่ถ้าเราใส่คำสั้ง <br> เข้าไป web browser จะตัดให้ทันที ซึ่งคุณอาจจำเป็นที่จะต้องตัดคำเป็นบรรทัดสั้นๆเช่น การเขียนกลอนดังตัวอย่าง
รูปแบบ br tag

บรรทัดที่ 1 <br>
บรรทัดที่ 2 <br>
บรรทัดที่ 3 <br>

 

3.คำสั่งที่ใช้กับข้อความที่เป็นหัวเรื่อง
                คำสั่ง h จะมีทั้งหมด 6 ลำดับด้วยกัน ไล่ตั้งแต่ h1,h2,h3,h4,h5,h6 ซึ่งขนาดของ h1 จะใหญ่ที่สุดดังตัวอย่างที่แสดง โดยเราจะใช้กับตัวอักษรที่ต้องการให้เป็นหัวเรื่องเพื่อให้อักษรนั้นโดดเด่น ขึ้นมา จะสังเกตุได้ว่าเมื่อใช้ h tag จะตัดตัวอักษรที่ต่อจาก h tag เป็นบรรทัดใหม่อัตโนมัติ
รูปแบบ h tag

<h1>head 1</h1>
<h2>head 2</h2>
<h3>head 3</h3>
<h4>head 4</h4>
<h5>head 5</h5>        

<h6>head 6</h6>

 

4. คำสั่งที่ใช้ในการขีดเส้นคั่น
รูปแบบ hr

<p>เนื้อหาบทที่ 1</p>
<hr>
<p>เนื้อหาบทที่ 2</p>
<hr>

 

5.คำสั่งที่ใช้ในการจัดตัวอักษรชิดซ้าย ชิดขวา หรือกึ่งกลาง
                การจัดให้ตัวอักษรให้ชิดซ้าย ขวา หรือกึ่งกลาง เราจะใช้ Attributes ให้รายละเอียดของ tag โดยเราจะใช้ aling เพื่อบอกว่าให้ชิดซ้าย (align = 'left') ชิดขวา (align = 'right') และ จัดกึ่งกลาง (align = 'center')
รูปแบบ align

<h3 align = 'left'>ชิดซ้าย</h3>
<h3 align = 'right'>ชิดขวา</h3>
<h3 align = 'center'>จัดเข้ากลาง</h3>

 

6. คำสั่งที่ใช้ในการเปลี่ยนสีพื้นหลัง
    bgcolor เป็น Attributes อย่างหนึงเหมือนกันที่ใช้กำหนดสี คุณอาจเปลี่ยนจาก สีเขียว(green) เป็น เหลือง(yellow) หรือสีอื่นๆก็ได้
รูปแบบ bgcolor

<body bgcolor ='green'>
<h1> ดูสีพื้นหลัง </h1>   </body>

 

7. การเขียนคำบรรยาย soure code
                ในส่วนของคำบรรยาย soure code   นั้นจะไม่แสดงที่ web browser  เราเขียนเพื่อบรรยายว่า sorce code ส่วนนี้ใช้ทำอะไร   เพื่อความสะดวกเมื่อกลับมาแก้ไข   sorce code ในภายหลังเพราะเราอาจจำไม่ได้ว่าเราเขียนส่วนนี้ไว้เพื่ออะไร เพราะว่าจริงๆแล้ว soure code      ที่เราใช้งานจริงนั้นจะมีมากมายหลายร้อยบรรทัด         ถ้าเราไม่เขียนบรรยายไว้ก็ทำให้เสียเวลาในการหาส่วนที่เราต้องการจะแก้ไข
รูปแบบการเขียนคำบรรยาย source code

<!-- คำบรรยาย source code --!>

ขอขอบคุณ : www.hellomyweb.com ที่เอื้อเฟื่อข้อมูล

Tag : คำสั่งที่ใช้ในการจัดย่อหน้า คำสั่งที่ใช้ในการขึ้นบรรทัดใหม คำสั่งที่ใช้กับข้อความที่เป็นห คำสั่งที่ใช้ในการขีดเส้นคั่น .คำสั่งที่ใช้ในการจัดตัวอักษร คำสั่งที่ใช้ในการเปลี่ยนสีพื้น

หน้าหลัก
ความตั้งใจ
กว่าจะเป็นเว็บไซต์
แผนผังเว็บไซต์

คุยกับผู้ทำเว็บไซต์
-เริ่มต้นสาขาวิทยาการคอมพิวเตอร์
ติดตามข่าวสาร กด Like เลย
เกี่ยวกับเรา
e-mail : support@rangforever.com


ได้รับการสนับสนุนโดย


----
รวบรวมข่าวสารไอที เทคนิคการเขียนโปรแกรมภาษาphp css javascript jsp c# แจกโปรแกรมที่เขียน แจกระบบ แจกโค้ดฟังก์ชันต่างๆ สอนการใช้งานโปรแกรมออฟฟิศ word excel โปรแกรมตกแต่ง ตัดต่อ สร้างภาพ adobe photoshop adobe Illustrater จัดเต็มกับความรู้ในเนื้อหาโปรแกรมเมอร์แบบเจาะลึก พร้อมวีดีโอสอนการใช้งานโปรแกรม การเขียนโปรแกรม เพิ่มความรู้ ปูทักษะการเขียนโปรแกรมแบบฟรีๆ พร้อมเรียนรู้ไปกับเราได้ที่ www.rangforever.com