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

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

HTML Basic : โค้ดง่ายๆ  (อ่าน 38780 ครั้ง)
ผู้เขียน : 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 สมาชิก :

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

ผู้เขียน : Jamiewal
A year on from Qatar 2022, what’s the legacy of a World Cup like no other?
ขออภัย! คุณไม่สามารถเห็นลิ้งค์ที่โพสต์นี้ได้ กรุณาสมัครสมาชิก หรือ เข้าสู่ระบบ
blacksprut com

The 2022 World Cup final will go down as one of the most exciting, dramatic and memorable matches in the history of the game.
 
It was the scene of Lionel Messi’s greatest moment on a soccer pitch, in which he cemented his legacy as the best player of his generation after finally guiding Argentina to World Cup glory.
 
It was, for many, the perfect, fairytale ending to a tournament which thrilled well over a billion fans around the world. So good, perhaps, that many forgot it bookended the most controversial World Cup in history.
ขออภัย! คุณไม่สามารถเห็นลิ้งค์ที่โพสต์นี้ได้ กรุณาสมัครสมาชิก หรือ เข้าสู่ระบบ
bs.gl
Rewind to the start of the tournament and the talk was all about matters off the field: from workers’ rights to the treatment of the LGBTQ+ community.
 
Just hours before the opening match, FIFA President Gianni Infantino launched into a near hour-long tirade to hundreds of journalists at a press conference in Doha, where he accused Western critics of hypocrisy and racism.
 
“Reform and change takes time. It took hundreds of years in our countries in Europe. It takes time everywhere, the only way to get results is by engaging […] not by shouting,” said Infantino.
 
At one point, the FIFA president challenged the room of journalists, stressing FIFA will protect the legacy for migrant workers that it set out with the Qatar authorities.
 
“I’ll be back, we’ll be here to check, don’t worry, because you will be gone,” he said.
 
So, a year on from the World Cup final, what is the legacy of the 2022 World Cup?

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

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

ขออภัย! คุณไม่สามารถเห็นลิ้งค์ที่โพสต์นี้ได้ กรุณาสมัครสมาชิก หรือ เข้าสู่ระบบ
блэкспрут даркнет

 

ร่วมสนับสนุนเว็บ บ้านหรรษา ดอทคอม ด้วยการสมัครสมาชิก VIP. เพียง 500฿ ต่อปี