Home
Webboard
Articles
Knowledges
หน้าแรก
เว็บบอร์ด
ช่วยเหลือ
ค้นหา
ปฏิทิน
Tags
เข้าสู่ระบบ
สมัครสมาชิก
ยินดีต้อนรับคุณ,
บุคคลทั่วไป
กรุณา
เข้าสู่ระบบ
หรือ
ลงทะเบียน
ส่งอีเมล์ยืนยันการใช้งาน?
|
การค้นหาขั้นสูง |
ข่าวประกาศ:
ลงโฆษณาเพื่อสนับสนุน justusers.net
:: JustUsers.net ::
|
:: คอมพิวเตอร์ ::
|
บทความ
|
เริ่มต้นกับ ภาษา html
« หน้าที่แล้ว
ต่อไป »
ตอบ
พิมพ์
หน้า: [
1
]
2
ลงล่าง
ผู้เขียน
หัวข้อ: เริ่มต้นกับ ภาษา html (อ่าน 62497 ครั้ง)
0 สมาชิก และ 1 บุคคลทั่วไป กำลังดูหัวข้อนี้
คนหลงทาง
บุคคลทั่วไป
เริ่มต้นกับ ภาษา html
«
เมื่อ:
26, มีนาคม 2009, 10:46:40 PM »
อ้างถึง
บทที่1
โครงสร้างพื้นฐานของ HTML
เปิดโปรแกรม Notepad และเริ่มต้นกันด้วย การพิมพ์ข้อความตามผมดังนี้
<HTML>
</HTML>
แต่ละข้อความที่พิมพ์มานี้เราเรียกมันว่า แท็ก (Tag) ซึ่งแท็กแรก
เป็นแท็กที่ใช้บอกว่าเป็นการเริ่มต้นเอกสาร และต่อมาก็คือแท็กที่ใช้บอกจุดสิ้นสุด
การกำหนดว่าแท็กใด เป็นแท็กสิ้นสุด สามารถทำได้โดยการใส่เครื่อง หมาย "/" ไว้ที่หน้าแท็ก เป็นส่วนใหญ่,
แต่ก็ไม่ได้หมายความว่าทุกแท็ก จำเป็นจะต้องมีแท็กปิดเสมอไป
เมื่อเรานึกถึง "แท็ก" ก็เหมือนกับว่า เราได้พูดคุยกับ โปรแกรมเบราส์เซอร์
หรือไม่ก็ เป็นการ บอกรายละเอียด ให้กับมัน แล้วอะไรละที่คุณบอก
สิ่งแรกก็คือ "นี่คือการเริ่มต้นเอกสาร <HTML> และสิ่งต่อมาก็คือ "นี่คือการสิ้นสุดเอกสาร" </HTML>
เมื่อมาถึงตรง นี้แล้ว สิ่งที่จะต้องทำต่อไปก็คือเริ่มใส่แท็กอื่น ๆ เข้าไปอีก
ในเอกสาร HTML โดยทั่วไปมักจะต้องมีแท็ก HEAD เพื่อกำหนดรายละเอียดในส่วนหัวของเอกสาร
<HTML>
<HEAD>
</HEAD>
</HTML>
และรายละเอียดแรกที่เราจะใส่ไว้ในส่วนหัวของเอกสาร (อยู่ระหว่างแท็ก HEAD)
ก็คือ แท็กไตเติ้ล TITLE ซึ่งก็คือชื่อเรื่องนั่นเอง
<HTML>
<HEAD>
<TITLE></TITLE>
</HEAD>
</HTML>
และต่อมาก็คือแท็ก BODY ซึ่งเป็นแท็กที่สำคัญอย่างยิ่ง
เพราะต่อไปรายละเอียดต่างๆ ใน เอกสารของเราจะถูกใส่ไว้ภายในแท็กนี้
<HTML>
<HEAD>
<TITLE></TITLE>
</HEAD>
<BODY>
</BODY>
</HTML>
อ้อ, และอีกสิ่งหนึ่งที่เราจะทำกันก็คือ, ใส่ชื่อหรือไตเติ้ลให้กับเอกสาร
<HTML>
<HEAD>
<TITLE>นี่คือเว็บเพจแรกของฉัน!</TITLE>
</HEAD>
<BODY>
</BODY>
</HTML>
บันทึก ข้อมูลที่พิมพ์มาทั้งหมดโดยเลือก File / Save as แล้วตั้งชื่อเป็น page1.shtml
สำหรับผู้ใช้ windows เวอร์ชั่น 3.11 ให้ตั้งชื่อเป็น page1.htm
ขอแสดงความยินดี! ที่คุณสามารถมีเว็บเพจเอาไว้อวดคุณพ่อคุณแม่หรือคนอื่น ๆ ได้แล้ว!
และคุณก็สามารถที่ จะอัพโหลดมันไปไว้ที่เครื่องเซริฟเวอร์เพื่อแสดงให้คนทั้งโลก
ได้ดูผลงานของคุณคุณสามารถดับเบิ้ลคลิกบนไอคอน เพื่อดูผลงานของคุณ
ซึ่งสิ่งที่คุณเห็นจะเป็นเพียงหน้าว่างเปล่า แต่มันก็คือเอกสาร HTML
ขั้นตอนต่อไปก็คือเริ่มต้นใส่สิ่งต่าง ๆ ลงไปในเว็บเพจ
ก่อนที่จะข้ามไปเรียนรู้ในบทต่อไป มีสิ่งจำเป็น 2 ประการที่คุณจะต้องเตรียมก็คือ
ประการแรก คุณจะต้องเตรียมข้อมูล พอคร่าว ๆ ว่าเว็บเพจของคุณควรจะมีหน้าตาเป็นอย่างไร
และประการที่สองก็คือคุณต้องจำองค์ประกอบพื้นฐานของ เอกสาร HTML ในบทนี้ให้ดี
เครดิต จากหนังสือ html เบี้องต้น
บันทึกการเข้า
คนหลงทาง
บุคคลทั่วไป
การกำหนด font ที่จะใช้ในเว็บเพจ
«
ตอบกลับ #1 เมื่อ:
26, มีนาคม 2009, 11:11:45 PM »
อ้างถึง
บทที่2
การกำหนด font ที่จะใช้ในเว็บเพจ
<HTML>
<HEAD>
<TITLE> นี่คือเว็บเพจแรกของฉัน </TITLE>
</HEAD>
<BODY>
<FONT FACE="andale mono">
Hello World, นี่คือเว็บเพจแรกของฉัน<BR>
</FONT>
<FONT FACE="comic sans ms">
Hello World, นี่คือเว็บเพจแรกของฉัน<BR>
</FONT>
<FONT FACE="verdana">
Hello World, นี่คือเว็บเพจแรกของฉัน<BR>
</FONT>
</BODY>
</HTML>
ผลลัพธ์ที่ได้
Hello World, นี่คือเว็บเพจแรกของฉัน
Hello World, นี่คือเว็บเพจแรกของฉัน
Hello World, นี่คือเว็บเพจแรกของฉัน
อธิบายคำสั่ง
<FONT FACE="ชื่อฟ้อนต์ที่ใช้">
เป็นคำสั่งที่ใช้กำหนดฟ้อนต์ที่จะใช้ในเว็บเพจ
</FONT> เป็นคำสั่งปิดที่ต้องใช้คู่กันเสมอ
บันทึกการเข้า
คนหลงทาง
บุคคลทั่วไป
บทที่3 การกำหนดรูปแบบตัวอักษร
«
ตอบกลับ #2 เมื่อ:
27, มีนาคม 2009, 07:28:58 AM »
อ้างถึง
บทที่3
การกำหนดรูปแบบตัวอักษร
<HTML>
<HEAD>
<TITLE> นี่คือเว็บเพจแรกของฉัน </TITLE>
</HEAD>
<BODY>
Hello World, นี่คือเว็บเพจแรกของฉัน<P>
<B> Hello World, นี่คือเว็บเพจแรกของฉัน</B><P>
<I> Hello World, นี่คือเว็บเพจแรกของฉัน</I><P>
<S> Hello World, นี่คือเว็บเพจแรกของฉัน</S><P>
<U> Hello World, นี่คือเว็บเพจแรกของฉัน</U><P>
ข้อความแบบ Super Script E=MC<SUP>2</SUP><P>
ข้อความแบบ Sub Script H<SUB>2</SUB>O<P>
</BODY>
</HTML>
ผลลัพธ์ที่ได้
Hello World, นี่คือเว็บเพจแรกของฉัน
Hello World, นี่คือเว็บเพจแรกของฉัน
Hello World, นี่คือเว็บเพจแรกของฉัน
Hello World, นี่คือเว็บเพจแรกของฉัน
Hello World, นี่คือเว็บเพจแรกของฉัน
ข้อความแบบ Super Script E=MC
2
ข้อความแบบ Sub Script H
2
O
อธิบายคำสั่ง
<B></B> เป็นคำสั่งที่ใช้กำหนดรูปแบบตัวอักษร-ตัวเข้ม
<I></I> เป็นคำสั่งที่ใช้กำหนดรูปแบบตัวอักษร-ตัวเอียง
<S></S> เป็นคำสั่งที่ใช้กำหนดรูปแบบตัวอักษร-ตัวขีดฆ่า
<U></U> เป็นคำสั่งที่ใช้กำหนดรูปแบบตัวอักษร-ตัวขีดเส้นใต้
<SUP></SUP> เป็นคำสั่งที่ใช้กำหนดรูปแบบ Super Script
<SUB></SUB> เป็นคำสั่งที่ใช้กำหนดรูปแบบ Sub Script
บันทึกการเข้า
คนหลงทาง
บุคคลทั่วไป
บทที่4 การกำหนดขนาดของตัวอักษร
«
ตอบกลับ #3 เมื่อ:
27, มีนาคม 2009, 10:23:55 PM »
อ้างถึง
บทที่4
การกำหนดขนาดของตัวอักษร
<HTML>
<HEAD>
<TITLE> นี่คือเว็บเพจแรกของฉัน </TITLE>
</HEAD>
<BODY>
<FONT SIZE=6>
Hello World, นี่คือเว็บเพจแรกของฉัน<BR>
</FONT>
<FONT SIZE=5>
Hello World, นี่คือเว็บเพจแรกของฉัน<BR>
</FONT>
<FONT SIZE=4>
Hello World, นี่คือเว็บเพจแรกของฉัน<BR>
</FONT>
<FONT SIZE=2>
Hello World, นี่คือเว็บเพจแรกของฉัน<BR>
</FONT>
</BODY>
</HTML>
ผลลัพธ์ที่ได้
Hello World, FONT SIZE = 6
Hello World, FONT SIZE = 5
Hello World, FONT SIZE = 4
Hello World, FONT SIZE = 2
อธิบายคำสั่ง
<FONT SIZE=ขนาดตัวอักษร>
เป็นคำสั่งที่ใช้กำหนดขนาดตัวอักษรที่จะใช้ในเว็บเพจ
ขนาดตัวอักษร สามารถกำหนดได้ตั้งแต่ 1 - 7
</FONT>
เป็นคำสั่งปิดที่ต้องใช้คู่กันเสมอ
บันทึกการเข้า
คนหลงทาง
บุคคลทั่วไป
Re: เริ่มต้นกับ ภาษา html
«
ตอบกลับ #4 เมื่อ:
27, มีนาคม 2009, 10:37:37 PM »
อ้างถึง
บทที่5
การเน้นสีให้กับข้อความหรือตัวอักษร
<HTML>
<HEAD>
<TITLE> นี่คือเว็บเพจแรกของฉัน </TITLE>
</HEAD>
<BODY>
<FONT COLOR=RED>
Hello World, นี่คือเว็บเพจแรกของฉัน<BR>
</FONT>
<FONT COLOR=GREEN>
Hello World, นี่คือเว็บเพจแรกของฉัน<BR>
</FONT>
<FONT COLOR=BLUE>
Hello World, นี่คือเว็บเพจแรกของฉัน<BR>
</FONT>
<FONT COLOR=VIOLET>
Hello World, นี่คือเว็บเพจแรกของฉัน<BR>
</FONT>
<FONT COLOR=YELLOW>
Hello World, นี่คือเว็บเพจแรกของฉัน<BR>
</FONT>
</BODY>
</HTML>
ผลลัพธ์ที่ได้
Hello World, นี่คือเว็บเพจแรกของฉัน
Hello World, นี่คือเว็บเพจแรกของฉัน
Hello World, นี่คือเว็บเพจแรกของฉัน
Hello World, นี่คือเว็บเพจแรกของฉัน
Hello World, นี่คือเว็บเพจแรกของฉัน
อธิบายคำสั่ง
<FONT COLOR="ชื่อสี">
เป็นคำสั่งที่ใช้กำหนดสีให้กับตัวอักษรที่จะใช้ในเว็บเพจ
</FONT>
เป็นคำสั่งปิดที่ต้องใช้คู่กันเสมอ
ชื่อสีที่ใช้สามารถใช้ชื่อสีเช่น Blue, White, Red หรือจะใช้เป็นรหัสสีตามเลขฐาน 16 ก็ได้
เช่น #66FFFF, FFFF99, FFCCFF เป็นต้น
บันทึกการเข้า
คนหลงทาง
บุคคลทั่วไป
บทที่6 การกำหนดสีตัวอักษรและสีแบล็คกราวด์
«
ตอบกลับ #5 เมื่อ:
28, มีนาคม 2009, 03:09:22 AM »
อ้างถึง
<HTML>
<HEAD>
<TITLE> นี่คือเว็บเพจแรกของฉัน </TITLE>
</HEAD>
<BODY TEXTCOLOR="black" BGCOLOR="lightblue">
Hello World, นี่คือเว็บเพจแรกของฉัน<BR>
</BODY>
</HTML>
ผลลัพธ์ที่ได้
Hello World, นี่คือเว็บเพจแรกของฉัน
อธิบายคำสั่ง
<BODY TEXTCOLOR="ชื่อสี" BGCOLOR="ชื่อสี">
TEXTCOLOR ใช้กำหนดสี Default ให้กับตัวอักษรทั้งหมดภายในเอกสาร
BGCOLOR ใช้กำหนดสีแบล็คกราวด์ของเอกสาร กำหนดได้เพียงครั้งละหนึ่งสี
บันทึกการเข้า
คนหลงทาง
บุคคลทั่วไป
บทที่7 การจัดวางตำแหน่งข้อความ
«
ตอบกลับ #6 เมื่อ:
28, มีนาคม 2009, 03:20:14 AM »
อ้างถึง
บทที่7
การจัดวางตำแหน่งข้อความ
<HTML>
<HEAD>
<TITLE> นี่คือเว็บเพจแรกของฉัน </TITLE>
</HEAD>
<BODY>
<P ALIGN=LEFT>
Hello World, นี่คือเว็บเพจแรกของฉัน
</P>
<P ALIGN=CENTER>Hello World, นี่คือเว็บเพจแรกของฉัน</P>
<P ALIGN=RIGHT>Hello World, นี่คือเว็บเพจแรกของฉัน</P>
</BODY>
</HTML>
ผลลัพธ์ที่ได้
Hello World, นี่คือเว็บเพจแรกของฉัน
Hello World, นี่คือเว็บเพจแรกของฉัน
Hello World, นี่คือเว็บเพจแรกของฉัน
อธิบายคำสั่ง
<P>
เป็นการสั่งให้ขึ้นย่อหน้าใหม่ (ปกติจะอยู่ชิดซ้ายเสมอ)
<P ALIGN=LEFT>
กำหนดให้ข้อความอยู่ชิดด้านซ้าย
<P ALIGN=CENTER>
กำหนดให้ข้อความอยู่กึ่งกลางเอกสาร
<P ALIGN=RIGHT>
กำหนดให้ข้อความอยู่ชิดด้านขวา
</P>
เป็นคำสั่งปิดที่ต้องใช้คู่กันเสมอ (เมื่อใช้ <P ALIGN>)
บันทึกการเข้า
คนหลงทาง
บุคคลทั่วไป
บทที่8 การจัดลำดับหัวข้อโดยใช้ <UL>
«
ตอบกลับ #7 เมื่อ:
29, มีนาคม 2009, 03:07:27 AM »
อ้างถึง
บทที่8
การจัดลำดับหัวข้อโดยใช้ <UL>
<HTML>
<HEAD>
<TITLE> นี่คือเว็บเพจแรกของฉัน </TITLE>
</HEAD>
<BODY>
การจัดหัวข้อโดยใช้ <UL TYPE="disc"><BR>
<UL TYPE="disc">
<LI>INPUT UNIT หรือหน่วยรับข้อมูล ได้แก่ Keyboard, Mouse, Scanner</LI>
<LI>CENTRAL PROCESSING UNIT (CPU) หรือหน่วยประมวลผลกลาง ถือเป็นส่วนที่สำคัญที่สุด</LI>
<LI>OUTPUT UNIT หรือหน่วยแสดงผล ได้แก่ Monitor, Printer, Plotter</LI>
</UL>
การจัดหัวข้อโดยใช้ <UL TYPE="square"><BR>
<UL TYPE="square">
<LI>INPUT UNIT หรือหน่วยรับข้อมูล ได้แก่ Keyboard, Mouse, Scanner</LI>
<LI>CENTRAL PROCESSING UNIT (CPU) หรือหน่วยประมวลผลกลาง ถือเป็นส่วนที่สำคัญที่สุด</LI>
<LI>OUTPUT UNIT หรือหน่วยแสดงผล ได้แก่ Monitor, Printer, Plotter</LI>
</UL>
การจัดหัวข้อโดยใช้ <UL TYPE="circle"><BR>
<UL TYPE="circle">
<LI>INPUT UNIT หรือหน่วยรับข้อมูล ได้แก่ Keyboard, Mouse, Scanner</LI>
<LI>CENTRAL PROCESSING UNIT (CPU) หรือหน่วยประมวลผลกลาง ถือเป็นส่วนที่สำคัญที่สุด</LI>
<LI>OUTPUT UNIT หรือหน่วยแสดงผล ได้แก่ Monitor, Printer, Plotter</LI>
</UL>
</BODY>
</HTML>
ผลลัพธ์ที่ได้
การจัดหัวข้อโดยใช้ <UL TYPE="disc">
INPUT UNIT หรือหน่วยรับข้อมูล ได้แก่ Keyboard, Mouse, Scanne
CENTRAL PROCESSING UNIT (CPU) หรือหน่วยประมวลผลกลาง ถือเป็นส่วนที่สำคัญที่สุด
OUTPUT UNIT หรือหน่วยแสดงผล ได้แก่ Monitor, Printer, Plotter
การจัดหัวข้อโดยใช้ <UL TYPE="square">
■ INPUT UNIT หรือหน่วยรับข้อมูล ได้แก่ Keyboard, Mouse, Scanner
■ CENTRAL PROCESSING UNIT (CPU) หรือหน่วยประมวลผลกลาง ถือเป็นส่วนที่สำคัญที่สุด
■ OUTPUT UNIT หรือหน่วยแสดงผล ได้แก่ Monitor, Printer, Plotter
การจัดหัวข้อโดยใช้ <UL TYPE="circle">
๐ INPUT UNIT หรือหน่วยรับข้อมูล ได้แก่ Keyboard, Mouse, Scanner
๐ CENTRAL PROCESSING UNIT (CPU) หรือหน่วยประมวลผลกลาง ถือเป็นส่วนที่สำคัญที่สุด
๐ OUTPUT UNIT หรือหน่วยแสดงผล ได้แก่ Monitor, Printer, Plotter
อธิบายคำสั่ง
<UL>
เริ่มต้นลำดับข้อมูล
TYPE=".."
เครื่องหมายลำดับข้อมูล ได้แก่ disc, square และ circle
โดยจะมี disc เป็นค่า Default
<LI>
เริ่มต้นข้อมูลใน List
</LI>
สิ้นสุดข้อมูลใน List
</UL>
สิ้นสุดการลำดับข้อมูล
บันทึกการเข้า
คนหลงทาง
บุคคลทั่วไป
บทที่9การจัดลำดับหัวข้อและเนื้อหาโดยใช้ <OL>
«
ตอบกลับ #8 เมื่อ:
30, มีนาคม 2009, 06:25:56 PM »
อ้างถึง
<HTML>
<HEAD>
<TITLE> นี่คือเว็บเพจแรกของฉัน </TITLE>
</HEAD>
<BODY>
การจัดหัวข้อโดยใช้ <OL><BR>
<OL>
<LI>INPUT UNIT หรือหน่วยรับข้อมูล ได้แก่ Keyboard, Mouse, Scanner</LI>
<LI>CENTRAL PROCESSING UNIT (CPU) หรือหน่วยประมวลผลกลาง ถือเป็นส่วนที่สำคัญที่สุด</LI>
<LI>OUTPUT UNIT หรือหน่วยแสดงผล ได้แก่ Monitor, Printer, Plotter</LI>
</OL>
การจัดหัวข้อโดยใช้ <OL TYPE="A"><BR>
<OL TYPE="A">
<LI>INPUT UNIT หรือหน่วยรับข้อมูล ได้แก่ Keyboard, Mouse, Scanner</LI>
<LI>CENTRAL PROCESSING UNIT (CPU) หรือหน่วยประมวลผลกลาง ถือเป็นส่วนที่สำคัญที่สุด</LI>
<LI>OUTPUT UNIT หรือหน่วยแสดงผล ได้แก่ Monitor, Printer, Plotter</LI>
</OL>
การจัดหัวข้อโดยใช้ <OL TYPE="I"><BR>
<OL TYPE="I">
<LI>INPUT UNIT หรือหน่วยรับข้อมูล ได้แก่ Keyboard, Mouse, Scanner</LI>
<LI>CENTRAL PROCESSING UNIT (CPU) หรือหน่วยประมวลผลกลาง ถือเป็นส่วนที่สำคัญที่สุด</LI>
<LI>OUTPUT UNIT หรือหน่วยแสดงผล ได้แก่ Monitor, Printer, Plotter</LI>
</OL>
</BODY>
</HTML>
ผลลัพธ์ที่ได้
การจัดหัวข้อโดยใช้ <OL>
1. INPUT UNIT หรือหน่วยรับข้อมูล ได้แก่ Keyboard, Mouse, Scanner[/color]
2.CENTRAL PROCESSING UNIT (CPU) หรือหน่วยประมวลผลกลาง ถือเป็นส่วนที่สำคัญที่สุด[/color]
3. OUTPUT UNIT หรือหน่วยแสดงผล ได้แก่ Monitor, Printer, Plotter [/color]
การจัดหัวข้อโดยใช้ <OL TYPE="A">
A. INPUT UNIT หรือหน่วยรับข้อมูล ได้แก่ Keyboard, Mouse, Scanner[/color]
B.CENTRAL PROCESSING UNIT (CPU) หรือหน่วยประมวลผลกลาง ถือเป็นส่วนที่สำคัญที่สุด[/color]
C.OUTPUT UNIT หรือหน่วยแสดงผล ได้แก่ Monitor, Printer, Plotter [/color]
องการจัดหัวข้อโดยใช้ <OL TYPE="I">
I. INPUT UNIT หรือหน่วยรับข้อมูล ได้แก่ Keyboard, Mouse, Scanner[/color]
IICENTRAL PROCESSING UNIT (CPU) หรือหน่วยประมวลผลกลาง ถือเป็นส่วนที่สำคัญที่สุด[/color]
III.OUTPUT UNIT หรือหน่วยแสดงผล ได้แก่ Monitor, Printer, Plotter[/color]
อธิบายคำสั่ง
<OL>
เริ่มต้นลำดับข้อมูล
TYPE="A"
กำหนดเครื่องหมายเพื่อใช้ในการลำดับข้อมูล ได้แก่ A, a, I, i ถ้าไม่กำหนดจะเริ่มต้นด้วย 1 เสมอ
<LI>
เริ่มต้นข้อมูลใน List
</LI>
สิ้นสุดข้อมูลใน List
</OL>
สิ้นสุดการลำดับข้อมูล
บันทึกการเข้า
1
Just
กระทู้: 94
เห็นด้วย&ขอบคุณ: 15
บทที่10 การใส่รูปภาพประกอบในเว็บเพจ
«
ตอบกลับ #9 เมื่อ:
31, มีนาคม 2009, 09:12:52 AM »
อ้างถึง
บทที่10
การใส่รูปภาพประกอบในเว็บเพจ
D>
<BODY>
<CENTER>
นี่คือภาพดาราคนโปรดของฉัน><BR>
<IMG SRC="mypic.gif" BORDER=0 WIDTH=120 HIGHT=120 ALT="Super Star"><BR>
ลองทายดูซิว่าเธอคือใคร<BR>
</CENTER>
</BODY>
</HTML>
ผลลัพธ์ที่ได้ รูปที่
นี่คือภาพดาราคนโปรดของฉัน
ลองทายดูซิว่าเธอคือใคร
อธิบายคำสั่ง..
<IMG>
เป็นการบอกให้รู้ว่านี่คือแท็กรูปภาพ
SRC
="ชื่อไฟล์รูปภาพ" ชื่อของรูปภาพที่จะนำมาประกอบเว็บเพจ (ต้องระบุ)
BORDER
=0 กำหนดให้มีหรือไม่มีเส้นขอบรอบรูปภาพ 0=ไม่มีเส้นขอบ (ค่าปกติ)
WIDTH
=120 กำหนดขนาดความกว้างของรูปภาพ (Pixel) (ไม่ต้องกำหนดก็ได้)
HEIGHT
=120 กำหนดขนาดความสูงของรูปภาพ (Pixcel) (ไม่ต้องกำหนดก็ได้)
ALT
="คำอธิบาย" คำอธิบายนี้จะแสดงในกรณีที่ไม่สามารถแสดงรูปภาพได้ หรือเมื่อวางเมาส์บนรูปภาพ
บันทึกการเข้า
1
Just
กระทู้: 94
เห็นด้วย&ขอบคุณ: 15
บทที่11การจัดตำแหน่งของรูปภาพร่วมกับข้อความ
«
ตอบกลับ #10 เมื่อ:
31, มีนาคม 2009, 10:55:40 AM »
อ้างถึง
บทที่11
การจัดตำแหน่งของรูปภาพร่วมกับข้อความ
<HTML>
<HEAD>
<TITLE> นี่คือเว็บเพจแรกของฉัน </TITLE>
</HEAD>
<BODY>
<CENTER>
<IMG SRC="mypic.gif" BORDER=0 ALIGN=LEFT>
<FONT COLOR="Blue">
ห้องสนทนา Chat คือแหล่งรวมชุมชนคนออนไลน์ ที่กลุ่มวัยรุ่นสมัยนี้มักจะนิยมกันมาก...
<BR>
</FONT>
</CENTER>
</BODY>
</HTML>
ผลลัพธ์ที่ได้ รูปที่ (1) ALIGN=LEFT กำหนดให้รูปภาพอยู่ทางด้านซ้ายของข้อความ
ห้องสนทนา Chat คือแหล่งรวมชุมชนคนออนไลน์ ที่กลุ่มวัยรุ่นสมัยนี้มักจะนิยมกันมาก...
ผลลัพธ์ที่ได้ รูปที่ (2) ALIGN=RIGHT กำหนดให้รูปภาพอยู่ทางด้านขวาของข้อความ
<HTML>
<HEAD>
<TITLE> นี่คือเว็บเพจแรกของฉัน </TITLE>
</HEAD>
<BODY>
<CENTER>
<IMG SRC="mypic.gif" BORDER=0 ALIGN=RIGHT>
<FONT COLOR="Blue">
ห้องสนทนา Chat คือแหล่งรวมชุมชนคนออนไลน์ ที่กลุ่มวัยรุ่นสมัยนี้มักจะนิยมกันมาก...
<BR>
</FONT>
</CENTER>
</BODY>
</HTML>
ห้องสนทนา Chat คือแหล่งรวมชุมชนคนออนไลน์ ที่กลุ่มวัยรุ่นสมัยนี้มักจะนิยมกันมาก.
คำอธิบาย
ALIGN=LEFT
กำหนดให้รูปภาพอยู่ทางด้านซ้ายของข้อความ (Default)
ALIGN=RIGHT
กำหนดให้รูปภาพอยู่ทางด้านขวาของข้อความ
ALIGN=TEXTTOP
กำหนดให้ขอบบนของรูปภาพในอยู่ระดับเดียวกันกับขอบบนของข้อความ (ไม่ค่อยได้ใช้)
ALIGN=BOTTOM
กำหนดให้ขอบล่างของรูปภาพในอยู่ระดับเดียวกันกับขอบบนของข้อความ (ไม่ค่อยได้ใช้)
«
แก้ไขครั้งสุดท้าย: 01, เมษายน 2009, 12:50:40 AM โดย 1
»
บันทึกการเข้า
1
Just
กระทู้: 94
เห็นด้วย&ขอบคุณ: 15
บทที่12 การทำพื้นหลังในหน้า่เว็บเพจ
«
ตอบกลับ #11 เมื่อ:
01, เมษายน 2009, 12:53:54 AM »
อ้างถึง
บทที่12
การทำพื้นหลังในหน้า่เว็บเพจ
<HTML>
<HEAD>
<TITLE> นี่คือเว็บเพจแรกของฉัน </TITLE>
</HEAD>
<BODY BACKGROUND="paperln.gif">
<-- ใส่เนื้อหาของเว็บเพจตรงนี้ครับ -->
</BODY>
</HTML>
ผลลัพธ์ที่ได้..
ตามตัวอย่างนี้ ท่านจะเห็นภาพฉากหลังที่เป็นเส้นสีฟ้า ๆ ครับ
อธิบายคำสั่ง..
BACKGROUND="ชื่อรูปภาพ"
เป็นการกำหนดให้นำรูปภาพมาเป็นฉากหลังในหน้าเว็บเพจ
«
แก้ไขครั้งสุดท้าย: 01, เมษายน 2009, 12:56:34 AM โดย 1
»
บันทึกการเข้า
คนหลงทาง
บุคคลทั่วไป
บทที่13 การใส่เพลงประกอบในเว็บเพจ
«
ตอบกลับ #12 เมื่อ:
01, เมษายน 2009, 01:35:31 PM »
อ้างถึง
บทที่13
การใส่เพลงประกอบในเว็บเพจ
แบบที่ 1
<HTML>
<HEAD>
<TITLE> นี่คือเว็บเพจแรกของฉัน </TITLE>
</HEAD>
<BODY>
<BGSOUND SRC="nice.mid" LOOP="Infinite">
</BODY>
</HTML>
แบบที่ 2
<HTML>
<HEAD>
<TITLE> นี่คือเว็บเพจแรกของฉัน </TITLE>
</HEAD>
<BODY>
<EMBED SRC="nice.mid" HIDDEN="True" AUTOSTART="Yes" LOOP="True">
</BODY>
</HTML>
ผลลัพธ์ที่ได้
ตามตัวอย่างนี้ ท่านจะได้ยินเพลงบรรเลงสั้นๆ ที่ผมชื่นชอบมากที่สุด ครับ
อธิบายคำสั่ง
แบบที่ 1
BACKGROUND
เป็นแท็กคำสั่งเพื่อบอกให้เบราส์เซอร์รู้ว่าจะต้องดาวน์โหลดเพลงมาบรรเลงประกอบหน้าเว็บเพจ
SRC="ชื่อเพลง"
เป็นการกำหนดแหล่งที่เก็บและชื่อเพลงที่ต้องการให้เบราส์เซอร์ดาวน์โหลดมาบรรเลง
LOOP="infinite"
เป็นการกำหนดให้เบราส์เซอร์เล่นเพลงไปเรื่อยๆ ถ้าไม่ต้องการให้ลบข้อความนี้ออกไปครับ
แบบที่ 2
EMBED
เป็นแท็กคำสั่งเพื่อบอกให้เบราส์เซอร์รู้ว่าจะต้องดาวน์โหลดเพลงมาบรรเลงประกอบหน้าเว็บเพจ
SRC="ชื่อเพลง"
เป็นการกำหนดแหล่งที่เก็บและชื่อเพลงที่ต้องการให้เบราส์เซอร์ดาวน์โหลดมาบรรเลง
HIDDEN="True"
เป็นการกำหนดให้เบราส์เซอร์เล่นเพลงโดยซ่อนปุ่มควบคุมการเล่นเพลง
AUTOSTART="Yes"
เป็นการกำหนดให้เบราส์เซอร์เล่นเพลงโดยอัตโนมัติ (ทันทีที่ดาวน์โหลดเสร็จ)
LOOP="True"
เป็นการกำหนดให้เบราส์เซอร์เล่นเพลงไปเรื่อยๆ ถ้าไม่ต้องการให้ลบข้อความนี้ออกไปครับ
บันทึกการเข้า
คนหลงทาง
บุคคลทั่วไป
บทที่14 การทำลิ้งค์เชื่อมโยงภายในหน้าเว็บเพจเดียวกัน
«
ตอบกลับ #13 เมื่อ:
01, เมษายน 2009, 02:06:38 PM »
อ้างถึง
บทที่14
การทำลิ้งค์เชื่อมโยงภายในหน้าเว็บเพจเดียวกัน
การทำลิ้งค์เชื่อมโยงภายในหน้าเว็บเพจเดียวกันนี้
เหมาะสำหรับนำไปใช้กับหน้าเว็บเพจที่มีเนื้อหาขนาดยาว (หลายบรรทัด)
เพื่อให้ผู้อ่านสามารถคลิ๊กที่หัวข้อที่ต้องการอ่านได้ โดยไม่ต้องเสียเวลา
เลื่อนหน้าเว็บเพจเพื่อค้นหา ตัวอย่างที่นำมาแสดงนี้ ยังไม่ถือว่าเป็นเว็บเพจที่มีขนาดยาว
แต่ท่านสามารถนำไปประยุกต์ใช้ได้ตามความเหมาะสมครับ...
<HTML>
<HEAD>
<TITLE> นี่คือเว็บเพจแรกของฉัน </TITLE>
</HEAD>
<BODY>
กรุณาเลือกหัวข้อที่ต้องการ
1.
<A HREF="#history">ประวัติความเป็นมา</A>
<br>
2.
<A HREF="#operation">รูปแบบทั่วไปและลักษณะของ Web</A>
<br>
3.
<A HREF="#referance">คำขอบคุณ</A>
<p>
1.
<A NAME="history">ประวัติความเป็นมา</A>
<br>
ประมาณปลายปี พ.ศ. 2539 เมื่ออินเตอร์เน็ตเข้ามามีบทบาทในประเทศไทยมากขึ้น (อันที่จริงมีมาก่อนหน้านั้นแล้ว แต่จำกัดอยู่ในวงแคบ) ข้าพเจ้า (นายทะเบียน) ก็ได้เป็นผู้หนึ่งที่สนใจและเริ่มศึกษาวิธีการใช้งานตลอดจนวิธีการเขียนเว็บเพจโดยใช้ภาษา HTML จนสามารถมีเว็บไซต์เป็น ของตนเองได้ ซึ่งเว็บไซต์แรกที่ทำขึ้นนั้น เป็นเว็บไซต์ให้บริการดาวน์โหลดเพลงไทยเดิมในรูปแบบของ Midi (ตำหนักเพลงไทยเดิม) และรูปภาพต่าง ๆ ที่เกี่ยวกับประเทศไทย โดยจัดทำเป็นภาษาอังกฤษ เพราะเมื่อ 3-4 ปีที่แล้ว Web Browser (IE) ยังแสดงผลภาษาไทยได้ไม่ค่อยดีนัก ....
<p>
2.
<A NAME="operation">รูปแบบทั่วไปและลักษณะของ Web</A>
<br>
รูปแบบของการนำเสนอโดยทั่วไป ส่วนใหญ่จะเน้นการให้ความรู้ และบริการ แด่สมาชิก ซึ่งได้แก่ การสอนเขียนเว็บเพจด้วย HTML, การทำเว็บ เพจให้ดูมีชีวิตชีวาด้วย JavaScript, การสมัครขอพื้นที่ฟรีเพื่อจัดทำเว็บไซต์ (Hypermart), การจดโดเมนเนม, การย้ายโดเมนเนม (Hypermart) การโปรโมทเว็บไซต์, การหารายได้จากเว็บไซต์, บริการเว็บเบสอีเมล์ฟรี, บริการส่งบัตรอวยพร, บริการกระดานข่าว, บริการกระดานซื้อ-ขาย, บริการ กระดานรับสมัครงาน, แหล่งรวมบริการฟรีต่าง ๆ สำหรับเว็บมาสเตอร์ และอื่นๆ อีกมากมาย...
<p>
3.
<A NAME="referance">คำขอบคุณ</A>
<br>
หากท่านเป็นอีกผู้หนึ่ง ที่รู้สึกชื่นชอบและสนับสนุนเว็บเพจภาษาไทย หรือต้องการเผยแพร่เว็บเพจภาษาไทยของท่านเอง ชมรมเว็บเพจไทย มีความยินดีที่จะขอเชิญท่านร่วม สมัครเป็นสมาชิกฟรี โดยไม่เสียค่าใช้จ่ายอย่างใดทั้งสิ้น และหากท่าน ต้องการทราบข่าวสาร การอัพเดทไซท์ และข่าวสารอื่น ๆ ที่ เป็นประโยชน์ กรุณาแจ้ง ที่อยู่อีเมล์ ของท่านด้วยครับ (ชมรมฯ จะส่ง จดหมายข่าว ให้กับเฉพาะสมาชิกที่ต้องการ เท่านั้น) อนึ่งสำหรับท่านที่เป็นเว็บมาสเตอร์ ขอเชิญแลกเปลี่ยนลิงค์กันได้ครับ...
<p>
</BODY>
</HTML>
อธิบายคำสั่ง
ส่วนที่ 1 กำหนดข้อความลิ้งค์ (ต้นทาง)
<A
แท็กคำสั่งเริ่มต้นเพื่อบอกเบราส์เซอร์ให้รู้ว่านี่คือลิ้งค์
HREF="#ชื่อหัวข้อ"
ชื่อหัวข้อหรือตำแหน่ง ของข้อความที่ต้องการลิ้งค์ (ต้องระบุ)
>
อย่าลืมปิดท้ายด้วยเครื่องหมาย ">" นี้ทุกครั้ง
ข้อความ
ข้อความที่ใช้แสดงว่านี่คือลิ้งค์
</A>
แท็กปิดท้ายข้อความลิ้งค์
ส่วนที่ 2 กำหนดชื่อหรือตำแหน่งของลิ้งค์ (ปลายทาง)
<A
แท็กคำสั่งเริ่มต้นเพื่อบอกเบราส์เซอร์ให้รู้ว่านี่คือลิ้งค์
NAME="ชื่อหัวข้อ"
ชื่อหัวข้อหรือตำแหน่งปลายทางของลิ้งค์ (ต้องระบุ)
>
อย่าลืมปิดท้ายด้วยเครื่องหมาย ">" นี้ทุกครั้ง
ข้อความ
ข้อความที่ใช้แสดงเป็นหัวข้อและตำแหน่งปลายทาง
</A>
แท็กปิดท้ายข้อความลิ้งค์
บันทึกการเข้า
คนหลงทาง
บุคคลทั่วไป
บทที่15 การทำลิ้งค์เชื่อมโยงไปยังเว็บเพจหน้าอื่นหรือเว็บไซด์อื่น
«
ตอบกลับ #14 เมื่อ:
06, เมษายน 2009, 01:14:34 AM »
อ้างถึง
บทที่15
การทำลิ้งค์เชื่อมโยงไปยังเว็บเพจหน้าอื่นหรือเว็บไซด์อื่น
<HTML>
<HEAD>
<TITLE> นี่คือเว็บเพจแรกของฉัน </TITLE>
</HEAD>
<BODY>
กรุณาเลือกหัวข้อที่ท่านต้องการ<BR>
<UL>
<!-- ลิ้งค์ไปยังเว็บเพจหน้าอื่น ภายในเว็บไซต์ของเรา -->
<LI>
<A
HREF="index.shtml">คุยกันก่อนหน้าแรก
</A>
</LI>
<LI><A HREF="purpose.shtml">วัตถุประสงค์การก่อตั้งฯ</A></LI>
<!-- ลิ้งค์ไปยังหน้าเว็บเพจ ของเว็บไซต์อื่น -->
<LI><A HREF="http:wsabstract.com/cutpastejava.shtml">Free JavaScripts!</A></LI>
<LI><A HREF="http:.scriptsolutions.com/home.html">Script Solutions</A></LI>
</UL>
</BODY>
</HTML>
อธิบายคำสั่ง..
<A
แท็กคำสั่งเริ่มต้นเพื่อบอกเบราส์เซอร์ให้รู้ว่านี่คือลิ้งค์
HREF="ชื่อไฟล์/ที่อยู่ URL
" ชื่อไฟล์/ที่อยู่เว็บไซต์ปลายทางที่ต้องการเชื่อมโยงไปถึง (ต้องระบุ)
>
อย่าลืมปิดท้ายด้วยเครื่องหมาย ">" นี้ทุกครั้ง
ข้อความ ข้อความที่ใช้แสดงว่านี่คือลิ้งค์
</A>
แท็กปิดท้ายข้อความลิ้งค์
บันทึกการเข้า
ตอบ
พิมพ์
หน้า: [
1
]
2
ขึ้นบน
« หน้าที่แล้ว
ต่อไป »
:: JustUsers.net ::
|
:: คอมพิวเตอร์ ::
|
บทความ
|
เริ่มต้นกับ ภาษา html
Sitemap
1
2
3
4
5
6
7
8
9
10