ลำดับตอนที่ #29
คืนค่าการตั้งค่าทั้งหมด
คุณแน่ใจว่าต้องการคืนค่าการตั้งค่าทั้งหมด ?
ลำดับตอนที่ #29 : [web] สอนการแทรกโค้ด HTML ขั้นสูง !!! [Part 2]
ราวนี้เรามาเ้าใในโรสร้า HTML พื้นานละันรับ
....
....
....
...
HTML ะมีแท็หลัือ HTML แล้วแบ่ออเป็น 2 ส่วนือแท็ Head และ Body
Head ือส่วนที่ไม่เี่ยว้อับารแสผล ะใส่พว Javascript Css ไม่็ารำหน่า่าๆอเว็บไว้ที่นี่
Body ือส่วนอารแสผล
เพราะะนั้นเวลาเราใส่โ้ที่เี่ยวับารแสผลให้ใส่ที่ Body
พวโ้่าๆใส่ใน Head
แ่บาเว็บไม่มีโรสร้า HTML เหมือนยัวอย่ามา (เหมือนูรหัส HTML อเ็ี)
แสว่าเาัารนำโ้อเราไปใส่ใน Body ให้เลย เพียแ่เราพิมพ์โ้ลไปใน Editer ไ้เลย
แท็่ายๆ
1.
หรือ
ึ้นบรรทัใหม่
2.
หรือ
เียนเส้นั้น
3. ้อวาม ทำ้อวามัวเอีย
4. ้อวาม หรือ ้อวาม ทำ้อวามัวหนา
5. ้อวาม ีเส้นใ้อัษร
6.้อวาม
แอทริบิว์ ::
align ือ ำแหน่ที่้อารปรับแ่
center = ลา , left = ้าย , right = วา
วามแ่าระหว่า
....
....
....
...
HTML ะมีแท็หลัือ HTML แล้วแบ่ออเป็น 2 ส่วนือแท็ Head และ Body
Head ือส่วนที่ไม่เี่ยว้อับารแสผล ะใส่พว Javascript Css ไม่็ารำหน่า่าๆอเว็บไว้ที่นี่
Body ือส่วนอารแสผล
เพราะะนั้นเวลาเราใส่โ้ที่เี่ยวับารแสผลให้ใส่ที่ Body
พวโ้่าๆใส่ใน Head
แ่บาเว็บไม่มีโรสร้า HTML เหมือนยัวอย่ามา (เหมือนูรหัส HTML อเ็ี)
แสว่าเาัารนำโ้อเราไปใส่ใน Body ให้เลย เพียแ่เราพิมพ์โ้ลไปใน Editer ไ้เลย
แท็่ายๆ
1.
หรือ
ึ้นบรรทัใหม่
2.
หรือ
เียนเส้นั้น
3. ้อวาม ทำ้อวามัวเอีย
4. ้อวาม หรือ ้อวาม ทำ้อวามัวหนา
5. ้อวาม ีเส้นใ้อัษร
6.
้อวาม ถึ ้อวาม
หมายเหุ :: แท็เป็น h1 h2 h3 ่อไปเรื่อยๆถึ h6
ำหนนาอัษร ะมีนาเล็ที่สุ ะมีนาให่ที่สุ
แท็ับ้อน
เอาละเ้าเรื่อันละรับ มาูแท็ทีละอันีว่า
้อล ::
1. แอทริบิวอแ่ละแท็นั้น ไม่ำเป็น้อใส่หม เพียแ่แนะนำว่าอันไหนใส่ไ้เท่านั้น
2. แท็ะร่อมแท็ไม่ไ้ เ่น
3. แ่แท็้อนแท็ไ้ เ่น
เรา้อปิแท็เป็นลำับ่อนหลัือเมื่อมีแท็อยู่้าในแท็ เรา้อปิแท็้าใน่อน
แล้ว่อยปิ้านอไ้ ไม่ั้นเว็บะผิพลา เ่น
ะร่อมันไม่ไ้เ่น
4. ถ้ารไหนมีหมายเหุ รุาอ่านอย่าละเอีย
1. ปรับแ่ฟอน์
้อวาม
แอทริบิว ::
size ือ นาอัษร ำหนเป็น่า + หรือ - ็ไ้ือเพิ่มหรือลานาปิ หรือำหนเป็นัวเลเลย
เ่น 72 ือฟอน์นา 72 +3 ือเพิ่มาปิ 3 -1 ือลาปิ 1
color ือ ำหนสีให้แ่้อวาม โยเป็นัวเลาน 16 RGB มีเรื่อหมาย # นำหน้า
เ่น #FF0000 สีแ #FFFF00 สีเหลือ #FFFFFF สีาว หรือ #000000 เป็นสีำ
face ือรูปแบบฟอน์ เราะำหนเป็นอะไร
เ่น Arial เป็นฟอน์ Arial Codia New หรือ Times New Roman แ่ื่อฟอน์บาอันไม่สามารถใ้ไ้
id ใ้ำหน id ว่าแท็นี้มี id อะไร ใ้ับ javascript ไม่็ php
class ำหนื่อ css ที่เราั้่าเอาไว้
2. แทรรูปภาพ
![]()
ไม่มีแท็ปิ
แอทริบิว์ ::
align ือ ารำหนำแหน่อรูปภาพ
เ่น center = รลา left = ้าย right = วา
border ือ ารำหนอบเป็นัวเล
height ือ ารำหนวามสูในารแสผลอรูปภาพ
width ือ ารำหนวามว้าในารแสผล
src ือ ลิ์ในารเื่อมโยเ่น
www.บลาๆๆๆ.jpg .gif .png อะไร็ว่าไป
ำเือน :: แท็แทรรูปภาพ้อำหน height และ width ให้รับนารูปภาพ
เพื่อป้อันภาพยืออ
3. ารัำแหน่้อวาม
มี 2 แท็้วยัน
้อวามในารัำแหน่ และ
้อวาม
หมายเหุ :: แท็เป็น h1 h2 h3 ่อไปเรื่อยๆถึ h6ำหนนาอัษร
ะมีนาเล็ที่สุ ะมีนาให่ที่สุ
แท็ับ้อน
เอาละเ้าเรื่อันละรับ มาูแท็ทีละอันีว่า
้อล ::
1. แอทริบิวอแ่ละแท็นั้น ไม่ำเป็น้อใส่หม เพียแ่แนะนำว่าอันไหนใส่ไ้เท่านั้น
2. แท็ะร่อมแท็ไม่ไ้ เ่น
3. แ่แท็้อนแท็ไ้ เ่น
เรา้อปิแท็เป็นลำับ่อนหลัือเมื่อมีแท็อยู่้าในแท็ เรา้อปิแท็้าใน่อน
แล้ว่อยปิ้านอไ้ ไม่ั้นเว็บะผิพลา เ่น
ะร่อมันไม่ไ้เ่น
4. ถ้ารไหนมีหมายเหุ รุาอ่านอย่าละเอีย
1. ปรับแ่ฟอน์
้อวาม
แอทริบิว ::
size ือ นาอัษร ำหนเป็น่า + หรือ - ็ไ้ือเพิ่มหรือลานาปิ หรือำหนเป็นัวเลเลย
เ่น 72 ือฟอน์นา 72 +3 ือเพิ่มาปิ 3 -1 ือลาปิ 1
color ือ ำหนสีให้แ่้อวาม โยเป็นัวเลาน 16 RGB มีเรื่อหมาย # นำหน้า
เ่น #FF0000 สีแ #FFFF00 สีเหลือ #FFFFFF สีาว หรือ #000000 เป็นสีำ
face ือรูปแบบฟอน์ เราะำหนเป็นอะไร
เ่น Arial เป็นฟอน์ Arial Codia New หรือ Times New Roman แ่ื่อฟอน์บาอันไม่สามารถใ้ไ้
id ใ้ำหน id ว่าแท็นี้มี id อะไร ใ้ับ javascript ไม่็ php
class ำหนื่อ css ที่เราั้่าเอาไว้
2. แทรรูปภาพ
![]()
ไม่มีแท็ปิ
แอทริบิว์ ::
align ือ ารำหนำแหน่อรูปภาพ
เ่น center = รลา left = ้าย right = วา
border ือ ารำหนอบเป็นัวเล
height ือ ารำหนวามสูในารแสผลอรูปภาพ
width ือ ารำหนวามว้าในารแสผล
src ือ ลิ์ในารเื่อมโยเ่น
www.บลาๆๆๆ.jpg .gif .png อะไร็ว่าไป
ำเือน :: แท็แทรรูปภาพ้อำหน height และ width ให้รับนารูปภาพ
เพื่อป้อันภาพยืออ
3. ารัำแหน่้อวาม
มี 2 แท็้วยัน
้อวามในารัำแหน่ และ
แท็ับ้อน
เอาละเ้าเรื่อันละรับ มาูแท็ทีละอันีว่า
้อล ::
1. แอทริบิวอแ่ละแท็นั้น ไม่ำเป็น้อใส่หม เพียแ่แนะนำว่าอันไหนใส่ไ้เท่านั้น
2. แท็ะร่อมแท็ไม่ไ้ เ่น
3. แ่แท็้อนแท็ไ้ เ่น
เรา้อปิแท็เป็นลำับ่อนหลัือเมื่อมีแท็อยู่้าในแท็ เรา้อปิแท็้าใน่อน
แล้ว่อยปิ้านอไ้ ไม่ั้นเว็บะผิพลา เ่น
ะร่อมันไม่ไ้เ่น
4. ถ้ารไหนมีหมายเหุ รุาอ่านอย่าละเอีย
1. ปรับแ่ฟอน์
้อวาม
แอทริบิว ::
size ือ นาอัษร ำหนเป็น่า + หรือ - ็ไ้ือเพิ่มหรือลานาปิ หรือำหนเป็นัวเลเลย
เ่น 72 ือฟอน์นา 72 +3 ือเพิ่มาปิ 3 -1 ือลาปิ 1
color ือ ำหนสีให้แ่้อวาม โยเป็นัวเลาน 16 RGB มีเรื่อหมาย # นำหน้า
เ่น #FF0000 สีแ #FFFF00 สีเหลือ #FFFFFF สีาว หรือ #000000 เป็นสีำ
face ือรูปแบบฟอน์ เราะำหนเป็นอะไร
เ่น Arial เป็นฟอน์ Arial Codia New หรือ Times New Roman แ่ื่อฟอน์บาอันไม่สามารถใ้ไ้
id ใ้ำหน id ว่าแท็นี้มี id อะไร ใ้ับ javascript ไม่็ php
class ำหนื่อ css ที่เราั้่าเอาไว้
2. แทรรูปภาพ
แอทริบิว์ ::
align ือ ารำหนำแหน่อรูปภาพ
เ่น center = รลา left = ้าย right = วา
border ือ ารำหนอบเป็นัวเล
height ือ ารำหนวามสูในารแสผลอรูปภาพ
width ือ ารำหนวามว้าในารแสผล
src ือ ลิ์ในารเื่อมโยเ่น
www.บลาๆๆๆ.jpg .gif .png อะไร็ว่าไป
ำเือน :: แท็แทรรูปภาพ้อำหน height และ width ให้รับนารูปภาพ
เพื่อป้อันภาพยืออ
3. ารัำแหน่้อวาม
มี 2 แท็้วยัน
้อวามในารัำแหน่
และ ้อวามในารัำแหน่
แอทริบิว์ ::
align ือ ำแหน่ที่้อารปรับแ่
center = ลา , left = ้าย , right = วา
วามแ่าระหว่า
ับ
ติดตามเรื่องนี้
เก็บเข้าคอลเล็กชัน
นั้นใ้ำหนย่อหน้าะเห็น่อว่าระหว่าบรรทัเล็น้อย
ไม่มีส่วนอย่อหน้าหรือเว้นบรรทัแม้แ่น้อย
4. ารเื่อมโย้อมูล
แอทริบิว์ ::
href ือ Url ที่เรา้อารเื่อมโย้อมูล
เ่น www.google.com เป็นารเื่อมโยไปูเิล
5. ารอมเม้นท์
หมายเหุ :: เป็นารเียน้อวามทิ้ไว้ใน html โยส่วนนี้ไม่ถูไปแสผล ประมวลผลหรือัารแ่อย่าไร
เพียแ่้อวามที่เราอยาเียนลไป เ่น บอว่าแอทริบิว์นี้ทำอะไร เพื่อันลืม
หมายเหุ 2 :: ารอมเม้นท์ไม่เรียว่าแท็ึไม่มี <> ร่อม
//อมเม้นท์
เป็นารอมเม้นท์ทั้บรรทับรรทัเียว เ่น
//this tag is display color red
/*อมเม้นท์*/
เป็นารอมเม้นท์หลายๆบรรทั เ่น
/*FF0000 is red
00FF00 is green
000000 is white*/
เป็น้น
หมายเหุ :: ารอมเม้นท์นั้นอมเม้นท์เป็นภาษาไทย็ไ้ หรือะอัฤษ็แล้วแ่
6. ารสร้าารา
:: ำลัปรับปรุ ::
4. ารเื่อมโย้อมูล
แอทริบิว์ ::
href ือ Url ที่เรา้อารเื่อมโย้อมูล
เ่น www.google.com เป็นารเื่อมโยไปูเิล
5. ารอมเม้นท์
หมายเหุ :: เป็นารเียน้อวามทิ้ไว้ใน html โยส่วนนี้ไม่ถูไปแสผล ประมวลผลหรือัารแ่อย่าไร
เพียแ่้อวามที่เราอยาเียนลไป เ่น บอว่าแอทริบิว์นี้ทำอะไร เพื่อันลืม
หมายเหุ 2 :: ารอมเม้นท์ไม่เรียว่าแท็ึไม่มี <> ร่อม
//อมเม้นท์
เป็นารอมเม้นท์ทั้บรรทับรรทัเียว เ่น
//this tag is display color red
/*อมเม้นท์*/
เป็นารอมเม้นท์หลายๆบรรทั เ่น
/*FF0000 is red
00FF00 is green
000000 is white*/
เป็น้น
หมายเหุ :: ารอมเม้นท์นั้นอมเม้นท์เป็นภาษาไทย็ไ้ หรือะอัฤษ็แล้วแ่
6. ารสร้าารา
:: ำลัปรับปรุ ::
เก็บเข้าคอลเล็กชัน
ความคิดเห็น