สอนภาษา HTML

วันศุกร์ที่ 13 กันยายน พ.ศ. 2556

แทรกรูปภาพ

-การแทรกรูปภาพจากเว็บไซต์ อื่นๆ

-การแทรกรูปภาพอยู่ที่เดียวกับไฟล์เว็บเพจ

-การแทรกรูปภาพอยู่คนละที่กับไฟล์เว็บเพจ

ตัวอย่างโค้ด

การแสดงผล

อ้างอิง

http://www.hellomyweb.com/index.php/main/content/2

วันพฤหัสบดีที่ 12 กันยายน พ.ศ. 2556

การแทรกตาราง

อธิบาย TAG-TABLE,TR,TD

-TABLE ใช้สร้างตารางข้อมูล
-TR สำหรับแถวของตาราง
-TD สำหรับข้อมูลในแต่ละ cell
ตัวอย่างโค้ด

การแสดงผล

การใส่ขอบตาราง-BORDER
-ใช้กำหนดความหนาให้กับเส้นขอบของตาราง
ตัวอย่างโค้ด

การแสดงผล

การปรับความกว้าง,สูง-WIDTH,HEIGHT
-WIDTH ใช้กำหนดความกว้างของตารางทั้งหมด
-HEIGHT ใช้กำหนดความสูงของตารางทั้งหมด
ตัวอย่างโค้ด

การแสดงผล

การจัดตำแหน่งตาราง-ALIGN
-ใช้กำหนดตำแหน่งการจัดวางตาราง มี 3 รูปแบบ คือ
- LEFT คือ จัดตารางชิดซ้าย (ค่าปกติ) ของจอภาพ
- RIGHT คือ จัดตารางชิดขวาของจอภาพ

- CENTER คือ จัดตารางไว้กึ่งกลางของจอภาพ
ตัวอย่างโค้ด

การแสดงผล

การรวมเซลล์-ROWSPAN,COLSPAN
-COLSPAN เป็นคำสั่งในการรวมคอลัมน์เข้าด้วยกัน ตามค่าของจำนวนคอลัมน์ที่กำหนดไว้
-ROWSPAN เป็นคำสั่งในการรวมแถวเข้าด้วยกัน ตามค่าของจำนวนแถวที่กำหนดไว้
ตัวอย่างโค้ด

การแสดงผล

การแต่งตัวอักษร

การกำหนดแบบอักษร

ตัวอย่างโค้ด

การแสดงผล

ขนาดตัวอักษร

สามารถกำหนดขนาดตัวอักษรได้ 2วิธี คือ

1.ในกรณีที่เป็นหัวข้อ สามารถใช้คำสั่งต่อไปนี้

<H1>ขนาดตัวอักษร</H1>

<H2>ขนาดตัวอักษร</H2>

<H3>ขนาดตัวอักษร</H3>

<H4>ขนาดตัวอักษร</H4>

<H5>ขนาดตัวอักษร</H5>

<H6>ขนาดตัวอักษร</H6>

2.ในกรณีทั่วไป จะใช้คำสั่ง <Font size=ค่าตัวเลข> สามารถกำหนดได้ 7ระดับ เช่น

<Font size=1> ตัวอักษรขนาด2</Font>

<Font size=2> ตัวอักษรขนาด2</Font>

<Font size=3> ตัวอักษรขนาด3</Font>

<Font size=4> ตัวอักษรขนาด4</Font>

<Font size=5> ตัวอักษรขนาด5</Font>

<Font size=6> ตัวอักษรขนาด6</Font>

<Font size=7> ตัวอักษรขนาด7</Font>

ตัวอย่างโค้ด

การแสดงผล

สีตัวอักษร ทั้ง2แบบ

สีตัวอักษรสามารถกำหนดได้ 2แบบ คือ

1.กำหนดโดยใช้ชื่อสี ใช้คำสั่ง <Font color=ชื่อสี>

2.กำหนดโดยใช้โค้ดสี ใช้คำสั่ง <Font color=รหัสสี>

ตัวอย่างโค้ด

การแสดงผล

ตัวเอียง ตัวหนา ขีดเส้นใต้

คำสั่งที่ใช้สามารถกำหนดได้ ดังนี้

<I>ตัวเอียง</I>

<B>ตัวหนา</B>

<U>ขีดเส้นใต้</U>

ตัวอย่างโค้ด

การแสดงผล

ตัวขีดฆ่า ตัวยก ตัวห้อย

คำสั่งที่ใช้ < S>"ตัวขีดฆ่า"</S>

คำสั่งที่ใช้ <SUP> "ตัวยก"</SUP>

คำสั่งที่ใช้ <SUB>"ตัวห้อย"</SUB>

ตัวอย่างโค้ด

การแสดงผล

ตัวอักษรวิ่ง ตัวอักษรกระพริบ

มีทิศทางการวิ่ง ดังนี้

-Left วิ่งไปทางซ้าย

-Right วิ่งไปทางขวา

-Up วิ่งขึ้นด้านบน

-Down วิ่งลงด้านล่าง

ตัวอย่างโค้ด

การแสดงผล

ตัวอักษรกระพริบ

สามารถใช้คำสั่ง <BLINK>ข้อความ</BLINK>

ตัวอย่างโค้ด

การแสดงผล

การจัดตำแหน่งข้อความ

1. การกำหนดให้อยู่ตำแหน่งกึ่งกลางด้วยแท็ก Center <center> ...ข้อความ...</center>

2. การกำหนดตำแหน่งโดยใช้ Attribute ของแท็ก <p> โดยใช้ Attribute align รูปแบบดังนี้

<p align = "ตำแหน่ง"> ...ข้อความ...</p>

ตำแหน่งที่สามารถระบุได้ คือ left center หรือ right

ตัวอย่างโค้ด

การแสดงผล

ที่มา:

http://www.thainextstep.com/html/html_05.php

http://www.bkk1.in.th/Topic.aspx?TopicID=7177

http://school.obec.go.th/krurenu/html/p2-8.html

วันพฤหัสบดีที่ 25 กรกฎาคม พ.ศ. 2556

HTML tag พื้นฐาน

1. HTML ย่อมาจาก : Hyper Text Markup Language ใช้โปรแกรม : Notepad สร้าง ใ้ช้ : Web Browser เปิดดูเอกสาีร

2. Text Editer คือ : โปรแกรมที่ใช้สำหรับสร้างและแก้ไขข้อความในการสร้างเว็บเพจด้วยภาษา HTML เช่น JTagEditer ,Tiny MCE ,WidgEditer

3. องค์ประกอบของเอกสาร HTML : 1. ส่วน Head คือส่วนที่จะเป็นหัว 2. ส่วน Body จะเป็นส่วนเนื้อหาของเอกสารนั้น ๆ

4.<html> คือ ภาษาคอมพิวเตอร์ที่ใช้ในการแสดงผลของเอกสารบน website หรือที่เราเรียกกันว่าเว็บเพจ

5. <head> คือ ส่วนชื่อเอกสาร

6. <title> คือ ชื่อหัวเรื่อง

7. <body> คือ เป็นส่วนเนื้อหาหลักของหน้าเว็บ ซึ่งการแสดงผลจะต้องใช้ Tag จำนวนมาก ขึ้นอยู่กับลักษณะของข้อมูล

8. <BR> คือ การขึ้นบรรทัดใหม่

9. <P> คือ การขึ้นย่อหน้าใหม่
10. ตัวอย่างโค้ด

การแสดงผล

อ้างอิง http://www.mindphp.com/

http://www.konkeanweb.com/

http://pirun.ku.ac.th/~agrtnk/web/units/unit1/unit1-3.htm

วันที่ 11/7/56

วันพุธที่ 10 กรกฎาคม พ.ศ. 2556

คำศัพท์ที่เกี่ยวข้องกับการสร้างเว็บ

1. Internet หมายถึง เครือข่ายของคอมพิวเตอร์ขนาดใหญ่ที่เชื่อมโยงเครือข่ายคอมพิวเตอร์ทั่วโลกเข้าด้วยกัน โดยอาศัยเครือข่ายโทรคมนาคมเป็นตัวเชื่อมเครือข่าย

2. WWW ย่อมาจาก World Wide Web หมายถึง พื้นที่ที่เก็บข้อมูลข่าวสารที่เชื่อมต่อกันทางอินเทอร์เน็ต

3. Website หมายถึง หน้าเว็บเพจหลายหน้า ซึ่งเชื่อมโยงกันผ่านทาง ไฮเปอร์ลิงก์

4. Webpage หมายถึง หน้าเอกสารของบริการ WWW ซึ่งตามปกติจะถูกเก็บอยู่ในรูปแบบไฟล์ HTML ภายในเว็บเพจอาจประกอบไปด้วยข้อความ ภาพ เสียง วิดีโอ และภาพเคลื่อนไหวแบบมัลติมีเดีย นอกจากนี้เว็บเพจแต่ละหน้าจะมีการเชื่อมโยงหรือ “ลิงค์” (Link) กัน

5. Homepage หมายถึง เว็บเพจหน้าแรกที่เป็นหน้าดัชนีหรือรายการที่บอกรายละเอียดของเว็บไซต์นั้น ๆ เราอาจจะเปรียบโฮมเพจเหมือนหน้าบ้านของเว็บไซต์ก็ได้

6. Web Browser หมายถึง โปรแกรมคอมพิวเตอร์ ที่ผู้ใช้สามารถดูข้อมูลและโต้ตอบกับข้อมูลสารสนเทศที่จัดเก็บในหน้าเวบที่สร้างด้วยภาษาเฉพาะ เช่น ภาษาเอชทีเอ็มแอล (html) ที่จัดเก็บไว้ที่ระบบบริการเว็บหรือเว็บเซิร์ฟเวอร์ หรือระบบคลังข้อมูลอื่น ๆ โดยโปรแกรมค้นดูเว็บเปรียบเสมือนเครื่องมือในการติดต่อกับเครือข่ายคอมพิวเตอร์ขนาดใหญ่ที่เรียกว่าเวิลด์ไวด์เว็บ

7. URL ย่อมาจาก หมายถึง เป็นการระบุตำแหน่งของไฟล์ที่เข้าถึงได้บนอินเตอร์เน็ต ประเภทของทรัพยากรขึ้นกับโปรโตคอลประยุกต์บนอินเตอร์เน็ตที่ใช้ การใช้โปรโตคอลของ World Wide Web หรือ Hypertext Tranfer Protocol ทรัพยากรคือเพจ HTML, ภาพ, โปรแกรมอินเตอร์เฟซ เช่น Java applet หรือไฟล์ที่ HTTP โดย URL จะเก็บชื่อของโปรโตคอลที่ต้องการ เพื่อเข้าถึงทรัพยากร ซึ่ง Domain name เป็นการระบุคอมพิวเตอร์บนอินเตอร์เน็ต และการอธิบายลำดับชั้นของตำแหน่งไฟล์ในคอมพิวเตอร์

ที่มา
http://tc.mengrai.ac.th/paisan/e-learning/internet/page21.htm
http://th.wikipedia.org
http://birdo51.wordpress.com

วันพฤหัสบดีที่ 30 พฤษภาคม พ.ศ. 2556

ประวัติส่วนตัว

ชื่อ : น.ส. ศิรินันท์ นามสกุล : ชูชั่ง ชื่อเล่น : เอ้

เลขที่ : 19 ชั้น : ม.6/5

โรงเรียน : ธนบุรีวรเทพีพลารักษ์

แผนการเรียน : ศิลป์ภาษาจีน

ชอบวิชา : ภาษาจีน

อาหารที่ชอบ : ไข่เจียว ต้มยำกุ้ง มาม่า

สีที่ชอบ : ชมพู ขาว

คติประจำใจ : จงคิดทุกคำที่พูด แต่อย่าพูดทุกคำที่คิด

งานอดิเรก : ฟังเพลง ดูทีวี นอน เล่นอินเทอร์เน็ต

ติดต่อ : 0802765472

อีเมล์ : ae_on12@hotmail.com