HTML Basic : โค้ดง่ายๆ
ยินดีต้อนรับคุณ, บุคคลทั่วไป กรุณา เข้าสู่ระบบ หรือ ลงทะเบียน
W3Schools.com
@banhunsa
คู่มือบ้านหรรษา

0 สมาชิก และ 4 บุคคลทั่วไป กำลังดูหัวข้อนี้

HTML Basic : โค้ดง่ายๆ  (อ่าน 39492 ครั้ง)
ผู้เขียน : Admin™
HTML Basic : โค้ดง่ายๆ

โครงสร้าง
โครงสร้าง

<html>
<head>
<title>.........</title>
</head>

<body>
</body>
</html>

แต่ไม่ต้องไปสนใจ

มาสนใจโค้ดดีก่า

html ก็เหมือน ภาษาอังกฤษอ่าครับ

ก็คือ ต้องท่องคำศัพท์

และจำคำแปลไห้ได้ เท่านั้นเองครับ

------------------------------------------------------------

เกี้ยวกับรูปแบบ


 : เว้นบรรทัด

&nbsp; : เว้นวรรค

<div align="left">ข้อความ</div> : ข้อความชิดซ้าย

<div align="right">ข้อความ</div> : ข้อความชิดขวา

<div align="center">ข้อความ</div> : ข้อความอยู่กลาง

<center>ข้อความ</center> : ข้อความอยู่กลาง

------------------------------------------------------------

เกี้ยวกับสีสันข้อความ

ข้อความ : ตัวหนา

<strong>ข้อความ</strong> : ตัวหนา

ข้อความ : ตัวเอียง

ข้อความ : ตัวเอียง

ข้อความ ขีดเส้นใต้

<font size="10">ข้อความ</font> : ขนาดข้อความ

<font color="#000000">ข้อความ</font> : สีข้อความ

<font color="#000000" size="10">ข้อความ</font> : ขนาดและสีข้อความ

------------------------------------------------------------

เกี่ยวกับรูปภาพ

<img src="url"> : ใส่รูป

<img src="url" width="100px" height="100px"> : ใส่รูป แบบ กำหนดขนาด

<img src="url" border="3" border-color="#000000"> : ใส่รูป แบบ กำหนกขนาดและสีเส้นขอบ

<img src="url" ait="ข้อความ"> : ใส่รูป แบบ เวลาเอาเมาไปชี้แล้วมีข้อความขึ้นมา

เกี่ยวกับ Link

<a href="url">ข้อความ[/url] : ลิ้งโดยใช้ข้อความ

<a href="url"  target="_blank">ข้อความ[/url] : ลิ้งโดยใช้ข้อความ แบบเปิดหน้าต่างไหม่

<a href="url"><img src="url รูป">[/url] : ลิ้งโดยใช้รูปภาพ
 
<a href="url"  target="_blank"><img src="url รูป">[/url] : ลิ้งโดยใช้รูปภาพ แบบเปิดหน้าต่างไหม่

------------------------------------------------------------

เกี้ยวกับ marquee หรือข้อความเลื่อน (ถูกทางฮิห้าบล๊อก)

<marquee>ข้อความ</marquee> : ข้อความเลื่อนจากขวาไปซ้าย

<marquee direction="left">ข้อความ</marquee> : ข้อความเลื่อนจากขวาไปซ้าย

<marquee direction="right">ข้อความ</marquee> : ข้อความเลื่อนจากซ้ายไปขวา

<marquee direction="up">ข้อความ</marquee> : ข้อความเลื่อนจากล่างขึ้นบน

<marquee direction="down">ข้อความ</marquee> : ข้อความเลื่อนจากบนลงล่าง

<marquee width="100px" height="100px">ข้อความ</marquee> : ข้อความเลื่อน แบบ กำหนดความกว้าง

<marquee bgcolor="#00CC99">ข้อความ</marquee> : ข้อความเลื่อน แบบ กำหนดสีพื้นหลัง

<marquee scrollamount="1">ข้อความ</marquee> : ข้อความเลื่อน แบบ กำหนดความเร็ว

<marquee behavior="alternate">ข้อความ</marquee> : ข้อความเลื่อน แบบ ไปกลับ

<marquee behavior="slide">ข้อความ</marquee> : ข้อความเลื่อน แบบ ไปรอบเดียว

------------------------------------------------------------

เกี้ยวกับ marquee หรือรูปเลื่อน (ถูกทางฮิห้าบล๊อก)

<marquee><img src="urlรูป"></marquee> : รูปเลื่อนจากขวาไปซ้าย

<marquee direction="left"><img src="urlรูป"></marquee> : รูปเลื่อนจากขวาไปซ้าย

<marquee direction="right"><img src="urlรูป"></marquee> : รูปเลื่อนจากซ้ายไปขวา

<marquee direction="up"><img src="urlรูป"></marquee> : รูปเลื่อนจากล่างขึ้นบน

<marquee direction="down"><img src="urlรูป"></marquee> : รูปเลื่อนจากบนลงล่าง

<marquee width="100px" height="100px"><img src="urlรูป"></marquee> : รูปเลื่อน แบบ กำหนดความกว้าง

<marquee bgcolor="#00CC99"><img src="urlรูป"></marquee> : รูปเลื่อน แบบ กำหนดสีพื้นหลัง

<marquee scrollamount="1"><img src="urlรูป"></marquee> : รูปเลื่อน แบบ กำหนดความเร็ว

<marquee behavior="alternate"><img src="urlรูป"></marquee> : รูปเลื่อน แบบ ไปกลับ

<marquee behavior="slide"> <img src="urlรูป"> </marquee> : รูปเลื่อน แบบ ไปรอบเดียว

------------------------------------------------------------

เกี่ยวกับตาราง

<table background="urlรูป"><tr><td>ข้อความ</td></tr></table> ใส่พื้นหลังไห้ข้อความ

------------------------------------------------------------


แถมตารางสี

ขออภัย! คุณไม่สามารถเห็นลิ้งค์ที่โพสต์นี้ได้ กรุณาสมัครสมาชิก หรือ เข้าสู่ระบบ



ลิ้งค์หัวข้อ: аёља№�аёІаё�аё�аёЈаёЈаё�аёІ аё�аё�аё�аё�аё�аёЎ/topic/209

LikePost โดย 0 สมาชิก :

ขออภัย! คุณไม่สามารถเห็นลิ้งค์ที่โพสต์นี้ได้ กรุณาสมัครสมาชิก หรือ เข้าสู่ระบบ

Pinup  (อ่าน 39492 ครั้ง)
ผู้เขียน : Pinup
ขออภัย! คุณไม่สามารถเห็นลิ้งค์ที่โพสต์นี้ได้ กรุณาสมัครสมาชิก หรือ เข้าสู่ระบบ
Pin up

ขออภัย! คุณไม่สามารถเห็นลิ้งค์ที่โพสต์นี้ได้ กรุณาสมัครสมาชิก หรือ เข้าสู่ระบบ
Pin up

ขออภัย! คุณไม่สามารถเห็นลิ้งค์ที่โพสต์นี้ได้ กรุณาสมัครสมาชิก หรือ เข้าสู่ระบบ
Pin up

ขออภัย! คุณไม่สามารถเห็นลิ้งค์ที่โพสต์นี้ได้ กรุณาสมัครสมาชิก หรือ เข้าสู่ระบบ
Pin up

ขออภัย! คุณไม่สามารถเห็นลิ้งค์ที่โพสต์นี้ได้ กรุณาสมัครสมาชิก หรือ เข้าสู่ระบบ
Pin up

ขออภัย! คุณไม่สามารถเห็นลิ้งค์ที่โพสต์นี้ได้ กรุณาสมัครสมาชิก หรือ เข้าสู่ระบบ
Pin up

ขออภัย! คุณไม่สามารถเห็นลิ้งค์ที่โพสต์นี้ได้ กรุณาสมัครสมาชิก หรือ เข้าสู่ระบบ
Pin up

ขออภัย! คุณไม่สามารถเห็นลิ้งค์ที่โพสต์นี้ได้ กรุณาสมัครสมาชิก หรือ เข้าสู่ระบบ
Pin up

ขออภัย! คุณไม่สามารถเห็นลิ้งค์ที่โพสต์นี้ได้ กรุณาสมัครสมาชิก หรือ เข้าสู่ระบบ
Pin up

ขออภัย! คุณไม่สามารถเห็นลิ้งค์ที่โพสต์นี้ได้ กรุณาสมัครสมาชิก หรือ เข้าสู่ระบบ
Pin up

ขออภัย! คุณไม่สามารถเห็นลิ้งค์ที่โพสต์นี้ได้ กรุณาสมัครสมาชิก หรือ เข้าสู่ระบบ
Pin up

ขออภัย! คุณไม่สามารถเห็นลิ้งค์ที่โพสต์นี้ได้ กรุณาสมัครสมาชิก หรือ เข้าสู่ระบบ
Pin up

ขออภัย! คุณไม่สามารถเห็นลิ้งค์ที่โพสต์นี้ได้ กรุณาสมัครสมาชิก หรือ เข้าสู่ระบบ
Pin up

ขออภัย! คุณไม่สามารถเห็นลิ้งค์ที่โพสต์นี้ได้ กรุณาสมัครสมาชิก หรือ เข้าสู่ระบบ
Pin up

ขออภัย! คุณไม่สามารถเห็นลิ้งค์ที่โพสต์นี้ได้ กรุณาสมัครสมาชิก หรือ เข้าสู่ระบบ
Pin up

 
 
Place your bet at pinup now - most prestigious bookmaker in Kazakhstan
 
ขออภัย! คุณไม่สามารถเห็นลิ้งค์ที่โพสต์นี้ได้ กรุณาสมัครสมาชิก หรือ เข้าสู่ระบบ
Pin up

ขออภัย! คุณไม่สามารถเห็นลิ้งค์ที่โพสต์นี้ได้ กรุณาสมัครสมาชิก หรือ เข้าสู่ระบบ
Pin up

ขออภัย! คุณไม่สามารถเห็นลิ้งค์ที่โพสต์นี้ได้ กรุณาสมัครสมาชิก หรือ เข้าสู่ระบบ
Pin up

ขออภัย! คุณไม่สามารถเห็นลิ้งค์ที่โพสต์นี้ได้ กรุณาสมัครสมาชิก หรือ เข้าสู่ระบบ
Pin up

ขออภัย! คุณไม่สามารถเห็นลิ้งค์ที่โพสต์นี้ได้ กรุณาสมัครสมาชิก หรือ เข้าสู่ระบบ
Pin up

ขออภัย! คุณไม่สามารถเห็นลิ้งค์ที่โพสต์นี้ได้ กรุณาสมัครสมาชิก หรือ เข้าสู่ระบบ
Pin up

ขออภัย! คุณไม่สามารถเห็นลิ้งค์ที่โพสต์นี้ได้ กรุณาสมัครสมาชิก หรือ เข้าสู่ระบบ
Pin up

ขออภัย! คุณไม่สามารถเห็นลิ้งค์ที่โพสต์นี้ได้ กรุณาสมัครสมาชิก หรือ เข้าสู่ระบบ
Pin up

ขออภัย! คุณไม่สามารถเห็นลิ้งค์ที่โพสต์นี้ได้ กรุณาสมัครสมาชิก หรือ เข้าสู่ระบบ
Pin up

ขออภัย! คุณไม่สามารถเห็นลิ้งค์ที่โพสต์นี้ได้ กรุณาสมัครสมาชิก หรือ เข้าสู่ระบบ
Pin up

ขออภัย! คุณไม่สามารถเห็นลิ้งค์ที่โพสต์นี้ได้ กรุณาสมัครสมาชิก หรือ เข้าสู่ระบบ
Pin up

ขออภัย! คุณไม่สามารถเห็นลิ้งค์ที่โพสต์นี้ได้ กรุณาสมัครสมาชิก หรือ เข้าสู่ระบบ
Pin up

ขออภัย! คุณไม่สามารถเห็นลิ้งค์ที่โพสต์นี้ได้ กรุณาสมัครสมาชิก หรือ เข้าสู่ระบบ
Pin up

ขออภัย! คุณไม่สามารถเห็นลิ้งค์ที่โพสต์นี้ได้ กรุณาสมัครสมาชิก หรือ เข้าสู่ระบบ
Pin up

ขออภัย! คุณไม่สามารถเห็นลิ้งค์ที่โพสต์นี้ได้ กรุณาสมัครสมาชิก หรือ เข้าสู่ระบบ
Pin up



ลิ้งค์หัวข้อ:

LikePost โดย 0 สมาชิก :

ขออภัย! คุณไม่สามารถเห็นลิ้งค์ที่โพสต์นี้ได้ กรุณาสมัครสมาชิก หรือ เข้าสู่ระบบ