บ้านหรรษา ดอทคอม
ประกาศติดต่อเวป สมาชิก => คู่มือบ้านหรรษา => ข้อความที่เริ่มโดย: Admin™ ที่ 10/พ.ค./2015
-
HTML Basic : โค้ดง่ายๆ
โครงสร้าง
โครงสร้าง
<html>
<head>
<title>.........</title>
</head>
<body>
</body>
</html>
แต่ไม่ต้องไปสนใจ
มาสนใจโค้ดดีก่า
html ก็เหมือน ภาษาอังกฤษอ่าครับ
ก็คือ ต้องท่องคำศัพท์
และจำคำแปลไห้ได้ เท่านั้นเองครับ
------------------------------------------------------------
เกี้ยวกับรูปแบบ
: เว้นบรรทัด
: เว้นวรรค
<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> ใส่พื้นหลังไห้ข้อความ
------------------------------------------------------------
แถมตารางสี
(http://www.uppic.org/image-F6F2_577E5F77.jpg)