คำสั่งในการจัดหน้า HTML
ข่าวสาร
Cryptography  การเข้ารหัสข้อมูล
Cryptography การเข้ารหัสข้อมูล
   การเข้ารหัสข้อมูลนั้นไม่ใช่เฉพาะการปกป้องข้อมูลจากการจารกรรมหรือการเปลี่ยนแปลงได้เท่านั้น แต่ยังสามารถใช้สำหรับการพิสูจน์ทราบตัวตน
ผู้บุกรุกที่ต้องการบุกรุกเครื่องคอมพิวเตอร์?
ผู้บุกรุกที่ต้องการบุกรุกเครื่องคอมพิวเตอร์?
   ผู้บุกรุก ซึ่งหมายรวมถึง แฮกเกอร์ (Hacker) ผู้โจมตี (Attacker) และแคร็กเกอร์ (Cracker) อาจจะไม่ได้สนใจหรอกว่า เจ้าของเครื่องเป็นใคร
ทำความรู้จักเว็บไซต์ โฮมเพจ เว็บเพจ
ทำความรู้จักเว็บไซต์ โฮมเพจ เว็บเพจ
   เป็นสิ่งที่นักท่องอินเทอร์เน็ตทุกคนล้วนรู้จักเป็นอย่างดี เพราะปัจจุบันทุกคนก็ใช้งานอินเทอร์เน็ต เข้าเว็บไซต์ต่างๆ เพื่อค้นหาข้อมูล ศึกษาความรู้
Instagram แอพพลิเคชั่นแชร์ภาพออนไลน์| Android Apps
Instagram แอพพลิเคชั่นแชร์ภาพออนไลน์| Android Apps
   แอพพลิเคชั่นInstagram เปิดให้ดาวน์โหลดฟรีโดยAndroid Apps โดยถือเป็นแอพพลิเคชั่นแชร์ภาพถ่ายในแต่ละช่วงเวลา รวมทั้งติดตามภาพถ่ายของเพื่อนๆ
Bangkok MRT แอพพลิเคชั่นการเดินทางด้วยMRT| Android Apps
Bangkok MRT แอพพลิเคชั่นการเดินทางด้วยMRT| Android Apps
   แอพพลิเคชั่นBangkok MRT เปิดให้ดาวน์โหลดฟรีโดยAndroid Apps จัดว่าเป็นแอพพลิเคชั่นทีใช้คำนวณระยะเวลาการเดินทางด้วยMRT ซึ่งถือว่าเป็นแอพพลิเคชั่น
โน๊ตบุ๊ค รุ่นต่างๆ กล้องประเภทต่างๆ

วีดีโอน่ารู้ : โปรเจคคำนวนหาพื้นที่สามเหลี่ยม 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