คำสั่งในการจัดหน้า HTML
ข่าวสาร
คอมพิวเตอร์ฮาร์ดแวร์
คอมพิวเตอร์ฮาร์ดแวร์
    อุปกรณ์ต่างๆ ที่ประกอบขึ้นเป็นเครื่องคอมพิวเตอร์ มีลักษณะเป็นโครงร่างสามารถมองเห็นด้วยตาและสัมผัสได้ เช่น จอภาพ คีย์บอร์ด
Autodesk Pixlr – photo editor ตกแต่งภาพถ่าย | Android Apps
Autodesk Pixlr – photo editor ตกแต่งภาพถ่าย | Android Apps
   แอพพลิเคชั่นAutodesk Pixlr – photo editor แอพฟรีจากAndroid Appsที่จะพาคุณไปตกแต่งภาพอย่างมีประสิทธิภาพ ด้วยฟังก์ชั่นต่างๆดังนี้Make Beautiful Collages
รับแปลเอกสารราชการ
รับแปลเอกสารราชการ
   รับแปลเอกสารราชการ โดยศูนย์งานแปลทีไอเอส Tis-Translaiton บริษัทผู้เชี่ยวชาญด้านงานแปลภาษา ซึ่งมีนักแปลที่ชำนาญการแปลเอกสารราชการ ทั้งในด้านกฎหมาย
ไวรัสลงเครื่องคอมพิวเตอร์เกิดจากอะไร
ไวรัสลงเครื่องคอมพิวเตอร์เกิดจากอะไร
   ไวรัสลงเครื่องคอมพิวเตอร์ เป็นปัญหาพื้นฐานที่ทุกเครื่อง ทุกคนต้องเคยเจอแน่นอน เรียกได้ว่าหากจะเก่งด้านคอมพิวเตอร์ต้องผ่านปัญหาการเจอไวรัสคุกคามเสียก่อน
ระบบคอมพิวเตอร์
ระบบคอมพิวเตอร์
   วิวัฒนาการของคอมพิวเตอร์ตั้งแต่อดีตที่ผ่านมา จากหลอดสุญญากาศที่ไม่มีระบบปฏิบัติการ เรื่อยมาจนถึงปัจจุบันที่คอมพิวเตอร์มีขนาดเล็กลง
โน๊ตบุ๊ค รุ่นต่างๆ กล้องประเภทต่างๆ

วีดีโอน่ารู้ : โปรเจคคำนวณพลังงานไฟฟ้าจากเครื่องใช้ไฟฟ้า Project PHP


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

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

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

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

วีดีโอน่ารู้ : โปรเจคคำนวณอัตราผลตอบแทนการลงทุน Project PHP


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