การใช้ <IMG> และการเพิ่ม effect ให้กับภาพ

Profil de Mew┢┦aΡｐy ღ M e wPhotosBlogListesPlus

Outils

Aide

< Précédente Suivante >

3 août

การใช้ <IMG> และการเพิ่ม effect ให้กับภาพ

คราวก่อนแนะนำวิธีการใช้ แท็ก <Table> ในภาษา HTML ไปแล้ว
วันนี้ขอนำเสนอ การใช้แท็ก <IMG> ก็แล้วกันนะ
คิดว่าเพื่อนๆส่วนใหญ่คงเคยใส่ภาพ โดยใช้แท็กนี้กันมาบ้างแล้ว
อย่างที่เคยแนะนำไปใน วิธีใส่ภาพใน Blog แบบ Html เมื่อก่อนหน้านี้แล้ว
แต่วันนี้ก็ต้องมีอะไรใหม่ๆเพิ่มเติมน่ะสิ ถึงได้เอามาเขียนใหม่ ^^"

สำหรับรูปแบบ ปกติ ที่เราใช้กัน คือ <IMG src="Url ของภาพ"> หรือถ้าเพิ่มการกำหนด ขนาดไปด้วยก็เป็น
<IMG height=ความสูง src="Url ของภาพ" width=ความกว้าง>
จะเห็นได้ว่า แท็ก <IMG> นี้ไม่ต้องมีแท็กปิดนะคะ เรียกว่า Single Tag
ไม่เหมือนกับแท็ก Table ที่ต้องมี Tagเปิด และ Tagปิด นะคะ

ตัวอย่างเช่น

อันนี้เป็นแบบปกติ ที่เราใช้กันอยู่นะคะ

วันนี้จะแนะนำการเพิ่ม effect ต่างๆให้กับภาพ
เช่นทำภาพ ขาว-ดำ หรือปรับความเข้ม โดยใส่คำสั่งแบบต่างๆ เพิ่มเข้าไป โดยจะทำตัวอย่างให้ดูเป็นสีๆ นะคะ
สีแดง คือ ชุดคำสั่งที่เพิ่มเข้าไป และ สีชมพู คือ url ของภาพ ค่ะ

ทำภาพแบบ ขาว - ดำ

โดยการเพิ่มคำสั่ง
style="FILTER: gray()"
เข้าไปตามตัวอย่าง

ทำภาพแบบ X-ray

Invert Color

กลับด้าน ซ้าย - ขวา

กลับด้าน บน - ล่าง

ทำให้ความเข้มของสี ไล่จากซ้าย ไปขวา

Opacity และ FinishOpacity
คือค่าความเข้มของภาพ ปรับเพิ่ม-ลดได้

ทำให้ความเข้มสี ไล่จากขวา ไปซ้าย

อันนี้จะเหมือนอันบน แต่ว่า
เปลี่ยนตรงค่าความเข้มของภาพ

ไล่สีจากกลางภาพ ไปขอบภาพ

ตรง Opacity กับ FinishOpacity
ปรับได้เหมือนกันค่ะ

ไล่ความเข้มของสี เป็นวงกลม

ตรง Opacity กับ FinishOpacity
ปรับได้เหมือนกันค่ะ

ลองเอาไปใช้ตกแต่งภาพกันให้สวยๆนะจ๊ะ
แล้วถ้าสงสัยตรงไหนก็คอมเม้นไว้นะคะ
ขอรายละเอียดด้วยนิดนึงก็ดีค่ะ แบบใส่โค้ดไปอะไรบ้าง
แล้วมันไม่ได้ยังไง เราจะได้ตอบได้ตรงจุดหน่อยนะคะ ^^"

...┢┦aΡｐy ❤ M e w...
You can do it, if you want it.

17:00 | Ajouter au blog | Html ZonE

Commentaires (98)

Pour ajouter un commentaire, connectez-vous avec votre identifiant Windows Live ID (si vous utilisez Messenger ou Xbox LIVE, vous avez un identifiant Windows Live ID). Connectez-vous

Vous n'avez pas d'identifiant Windows Live ID ? Inscrivez-vous

	Aucun noma écrit : Welcome to enter (wow gold) and (wow power leveling) trading site, (Rolex) are cheap, (World of Warcraft gold) credibility Very good! Quickly into the next single! Key words directly to the website click on transactions! -369585845242831 21 Août
	KRITTIYA sinchaikula écrit : มือใหม่เช่นกันค่ะ 18 Fév.
	KRITTIYA sinchaikula écrit : มือใหม่เช่นกันค่ะ 18 Fév.
	KRITTIYA sinchaikula écrit : มือใหม่เช่นกันค่ะ 18 Fév.
	Pon❤a écrit : ขอบคุงมากมายนะค่ะหนูเปนมือใปม่อะยางเล่นอะไรไม่เปนเลยอะ 13 Jan.
	ดินน้ำมันa écrit : o_o 18 Déc.
	Chanitaa écrit : เข้าใจครับผม เด๋วจะไปลองทำดูมั่ง ขอบคุนมากๆเลยคร้าบ 5 Oct.
	-JaJa- uาJ มาs เร้า oา sมณ์a écrit : อยากใส่รูปแล้วมีเอฟแฟ็กอ่ะ ทำไงดี แวะมาเยี่ยมสเปสเรามั้งนะ 23 Sept.
	Beatrice Beea écrit : ยังทำได้ม่ายหมดเลยค่ะ จะพยายามเรียนรู้ให้มากที่สุดนะค่ะ เดี๋ยวเสียน้ำใจ ขอบคุณนะคะ 7 Sept.
	Beatrice Beea écrit : ขอบคุณมากเลยค่ะ ให้ความรู้ได้เยอะมากเลยค่ะ อิอิ 7 Sept.
	jesus_dan Jesus_dana écrit : ทริคเยอะมากมาย แต่ก็ได้จากที่นี่แหละครับ ขอบคุณมักๆนาคับ เรียนรู้ต่อไป 1 Août
	Th3 H3llBr3asta écrit : Thx หลาย !! ว่างๆ ไปเยี่ยมสเปซเรามั่งนะ .... 6 Mai
	NaNa écrit : หุหุ เก่งจิงๆเลยอ่ะ 13 Avr.
	DekvunY That will doa écrit : งงอ่ะค่ะ ... เหมือนจะง่าย แต่สับสน ทำมัยมันเยอะแยะจังง่ะ... ถ้าว่างก็รบกวนเข้าไปแนะให้มั้งน่ะค่ะ หรือส่งทริปพื้นฐานง่ายๆ ในการลงรูปในสเปชให้หน่อยค่ะ ส่งเข้าเมลล์ก็ได้ค่ะ ppt_com@hotmail.com ... ขอบคุงอย่างงามค่ะ ... 9 Avr.
	DekvunY That will doa écrit : งงอ่ะค่ะ ... เหมือนจะง่าย แต่สับสน ทำมัยมันเยอะแยะจังง่ะ... ถ้าว่างก็รบกวนเข้าไปแนะให้มั้งน่ะค่ะ หรือส่งทริปพื้นฐานง่ายๆ ในการลงรูปในสเปชให้หน่อยค่ะ ส่งเข้าเมลล์ก็ได้ค่ะ ppt_com@hotmail.com ... ขอบคุงอย่างงามค่ะ ... 9 Avr.
	DekvunY That will doa écrit : งงอ่ะค่ะ ... เหมือนจะง่าย แต่สับสน ทำมัยมันเยอะแยะจังง่ะ... ถ้าว่างก็รบกวนเข้าไปแนะให้มั้งน่ะค่ะ หรือส่งทริปพื้นฐานง่ายๆ ในการลงรูปในสเปชให้หน่อยค่ะ ส่งเข้าเมลล์ก็ได้ค่ะ ppt_com@hotmail.com ... ขอบคุงอย่างงามค่ะ ... 9 Avr.
	Boom Booma écrit : ถ้าว่างแอดมาหน่อยนะค่ะ พอดีเพิ่งเริ่มเล่นค่ะ ยังไม่เป็นอะไรเลย อยากได้คำแนะนำ ตอนนี้ก็งงเหมือนกันค่ะ ว่าคอมที่เล่นอยู่ทำไมดึงรูปมาไม่ได้ และคอมเพื่อนสามารถเอารูปมาสร้างให้ได้ ถ้าว่างรบกวนหน่อยนะค่ะ bummboom@hotmail.com 4 Avr.
	ความห่างไกล -a écrit : เก่งงะอยากทำเป็นบ้าง 4 Avr.
	anggy bujanga écrit : เก่งจางเลย แต่เรา ยัง งง อยู่ เลย อะ 27 Mar.
	Wim Ch33zYa écrit : ยังงงๆอยู่ เก่งจัง อยากแต่งได้สวยๆอ่า เหอๆ 25 Mar.

Suivant > Dernier >>

Rétroliens

Blogs Web qui font référence à ce billet

Aucune