ในการเปิดลิงก์ (a href) ในหน้าต่างเบราว์เซอร์ใหม่ คุณต้องเพิ่มแอตทริบิวต์อีกหนึ่งรายการให้กับองค์ประกอบจุดยึด HTML ของคุณ (<a> ) กล่าวคือ target แอตทริบิวต์ เช่นเดียวกับ href แอตทริบิวต์ต้องการค่าเส้นทางลิงก์ (URL) target แอตทริบิวต์ต้องการค่าเฉพาะเพื่อเรียกให้เบราว์เซอร์เปิดแท็บใหม่เมื่อคุณค

ในเอกสาร HTML คุณสามารถเขียนความคิดเห็นที่ไม่ได้ตีความโดยเว็บเบราว์เซอร์ จุดประสงค์ของการใช้ความคิดเห็นในไฟล์ HTML ของคุณคือเพื่อจัดทำเอกสาร (อธิบาย) โค้ดสั้นๆ ไม่ว่าจะเป็นสำหรับตัวคุณเองหรือสำหรับสมาชิกในทีมของคุณ ในการเพิ่มความคิดเห็นในเอกสาร HTML เราใช้แท็กความคิดเห็นเปิดและปิด:<!-- --> โ

ลิงค์และ URL แตกต่างกันอย่างไร และมีความสำคัญอย่างไร ความแตกต่างระหว่างลิงก์และ URL ไม่สำคัญว่าคุณจะพูดคุยกันง่ายๆ เกี่ยวกับการหาเส้นทางตรงไปยังเนื้อหาบางอย่างบนหน้าเว็บหรือไม่ เช่น หากคุณกำลังแบ่งปันบทความดีๆ กับเพื่อนคนหนึ่งของคุณ จากระดับสูง (ที่ไม่ใช่ด้านเทคนิค) ลิงก์จะอ้างอิงถึงอินเทอร์เฟซผู้

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

เรียนรู้ว่าทำไมคุณจึงควรใช้องค์ประกอบ/แท็ก H1 เพียงครั้งเดียวต่อหน้าบนเว็บไซต์ของคุณเพื่อ SEO ที่เหมาะสมที่สุด สิ่งแรกที่นักพัฒนาเว็บหรือนักออกแบบเรียนรู้คือองค์ประกอบส่วนหัวของ HTML5 หกระดับตั้งแต่ H1 ถึง H6 ในฐานะมือใหม่ คุณจะได้รับแจ้งว่า H1 เป็นองค์ประกอบที่สำคัญที่สุด และคุณควรใช้สำหรับหัวข้

เรียนรู้ว่า Floating Label คืออะไร ใช้ในการออกแบบแบบฟอร์มอย่างไร และเหตุใดจึงกลายเป็นทรัพย์สินที่ได้รับความนิยมมากขึ้นเรื่อยๆ ในการออกแบบ UI/UX ป้ายกำกับลอยตัวคืออะไร นี่คือป้ายชื่อลอย: เมื่อดูภาพประกอบด้านบนแล้ว บางท่านอาจเข้าใจทันทีว่าทำไม Floating Labels จึงเป็นเนื้อหา UI ที่ยอดเยี่ยม แต่ในกรณ

ฉันมักจะเห็นว่านักออกแบบ UX เตือนไม่ให้ใช้ข้อความตัวยึดตำแหน่งเป็นป้ายกำกับช่องป้อนข้อมูล และด้วยเหตุผลที่ดี ลองพิมพ์ในช่องป้อนข้อมูลด้านล่างและดูว่าเกิดอะไรขึ้น: ข้อความที่พักจะหายไปทันทีที่คุณเริ่มพิมพ์ ทำไมปัญหานี้? เพราะในรูปแบบที่ใหญ่กว่า ผู้ใช้ทั่วไปสามารถได้อย่างง่ายดาย สับสนว่าพวกเขากรอ

ขีดฆ่าจะใช้กับเนื้อหาที่ไม่ถือว่ามีความเกี่ยวข้องอีกต่อไป เช่นเดียวกับป้ายราคาก่อนหน้าของสินค้าลดราคาตอนนี้: สินค้าลดราคา Intel, ไดรฟ์ SSD 2TB $249 $99 ใน HTML4 ที่เลิกใช้แล้วในตอนนี้ เราใช้ <strike> แท็กในเนื้อหาที่ไม่ถือว่ามีความเกี่ยวข้องอีกต่อไป ใน HTML สมัยใหม่ คือ HTML5 เราใช้ <s&g

เรียนรู้วิธีเปลี่ยนค่าแอตทริบิวต์องค์ประกอบ HTML ด้วย JavaScript สมมติว่าคุณมีองค์ประกอบจุดยึดบนเว็บไซต์ที่มีเส้นทางลิงก์ URL ที่ผิดพลาดใน href ค่าแอตทริบิวต์ ที่พบเห็นได้ทั่วไปในเมนู/แถบนำทางของคุณ: ที่ทั่วไปอีกแห่งที่มีลิงก์ของหน้าเว็บภายในอยู่ที่ส่วนท้ายที่ด้านล่างของเว็บไซต์ของคุณ สมมติว่

เรียนรู้วิธีสร้างและเพิ่มแอตทริบิวต์ HTML ด้วย JavaScript สมมติว่าคุณมีปุ่มบนเว็บไซต์ที่ควรจะเรียกใช้ฟังก์ชันเมื่อคุณคลิก ขออภัย มีคนลืมเพิ่มรหัสหรือค่าคลาสให้กับปุ่ม และคุณไม่มีสิทธิ์เข้าถึงมาร์กอัป HTML ได้โดยตรงในขณะนี้ โชคดีที่คุณสามารถสร้างแอตทริบิวต์และแนบไปกับองค์ประกอบปุ่มได้โดยใช้ JavaSc

เรียนรู้ความแตกต่างระหว่าง HTML, CSS และ JavaScript เมื่อคุณเริ่มเรียนรู้เกี่ยวกับการพัฒนาเว็บ โดยเฉพาะการพัฒนา front-end, HTML, CSS และ JavaScript ถือเป็นองค์ประกอบพื้นฐานที่สำคัญที่สุด 3 อย่างของสแต็คทักษะของคุณ HTML, CSS และ JavaScript ล้วนเป็นส่วนหนึ่งของระบบนิเวศการพัฒนาเว็บเดียวกัน และจำเป็

คุณมักจะได้ยินนักพัฒนาพูดคุยเกี่ยวกับเว็บไซต์แบบสแตติกและไดนามิก แต่มันหมายความว่าอย่างไรกันแน่? มาดูกัน! ไซต์สแตติกล้วนหมายถึงเว็บไซต์ที่คุณเขียนโค้ดด้วยโค้ด HTML, CSS และ JavaScript ธรรมดา (ปกติ) และไม่มีภาษาสคริปต์ฝั่งเซิร์ฟเวอร์ที่เกี่ยวข้อง เช่น PHP, Python หรือ Node.js ไซต์แบบสแตติกไม่มีแบ็กเ

มีความคิดเห็นมากมายเกี่ยวกับวิธีที่คุณควรกำหนดรูปแบบลิงก์สมอจากมุมมองของการออกแบบ วันนี้เราจะมาพูดถึงสิ่งที่สำคัญกว่านั้น:วิธีตั้งชื่อข้อความแองเคอร์ลิงก์และเหตุผล เว็บไซต์ที่น่าตกใจจำนวนมากเข้าใจผิดเรื่องนี้ ฉันก็รู้สึกผิดเช่นกัน ในการสร้างลิงก์ที่คลิกได้บนเว็บไซต์ เราล้อมเส้นทางลิงก์ด้วยแท็กแองเค

วันนี้ คุณจะได้เรียนรู้วิธีฝึกฝนทักษะอันล้ำค่าในการสร้างลิงก์อีเมลที่คลิกได้ด้วย HTML อย่างจริงจัง? จะสร้างลิงค์อีเมลด้วย HTML ได้อย่างไร? นี่คือปี 1998 หรือไม่ ไม่ ฉันไม่คิดอย่างนั้น แต่จริงๆ แล้ว ลิงก์ของอีเมลนั้นเรียบง่ายในรูปแบบพื้นฐานที่สุด ซึ่งง่ายต่อการลืมวิธีเขียน (มีความผิด!) แม้แต่กับนั

หากคุณใช้การตั้งค่าเมตาวิวพอร์ต HTML ทั่วไป การคลิกที่องค์ประกอบอินพุตจะทริกเกอร์การซูมอัตโนมัติบนอุปกรณ์ iOS โดยอัตโนมัติ อย่างน้อยบนสมาร์ทโฟน ฉันได้ทดสอบสิ่งนี้บน iPhone 4, 5 และ 6 โดยใช้เบราว์เซอร์ Safari และ Chrome จากการวิจัยของฉัน อุปกรณ์ iOS ทั้งหมดก็เหมือนกัน โค้ด HTML นี้เป็นสิ่งที่ทำให้เอ

ฉันกำลังฝึก คนตัดไม้ฝึกหัด แอปที่เป็นโปรเจ็กต์ย่อยในช่วง 6 เดือนที่ผ่านมา อย่างที่คุณคาดหวัง แอปดังกล่าวต้องการอินพุตที่เป็นตัวเลข เมื่อคุณใช้การเติมข้อความอัตโนมัติในตัวแก้ไขโค้ดใดๆ ประเภทเริ่มต้นสำหรับองค์ประกอบอินพุตคือข้อความ: องค์ประกอบอินพุต HTML ที่มีประเภทของตัวเลขจะรับเฉพาะอินพุตที่เป็น

ในบทแนะนำสั้นๆ นี้ คุณจะได้เรียนรู้วิธีแสดงข้อความคำอธิบายสั้นๆ (เช่น คำแนะนำเครื่องมือ) เมื่อผู้ใช้วางเมาส์เหนือองค์ประกอบ เช่น รูปภาพหรือลิงก์ วิธีเพิ่มคำแนะนำเครื่องมือใช้เวลาไม่กี่วินาที คุณเพียงแค่ใช้แอตทริบิวต์ชื่อ HTML:title . แสดงข้อความเมื่อวางเมาส์เหนือองค์ประกอบ นี่เป็นตัวอย่างพื้นฐานขอ

วันนี้ คุณจะได้เรียนรู้วิธีฝังวิดีโอ MP4 ใน HTML อย่างรวดเร็วโดยใช้ <video> องค์ประกอบ. ฉันจะครอบคลุมสิ่งต่อไปนี้: วิธีปรับขนาดของโปรแกรมเล่นวิดีโอของคุณ วิธีเล่นวิดีโอของคุณโดยอัตโนมัติ วิธีการวนซ้ำวิดีโอของคุณอย่างไม่สิ้นสุด บทช่วยสอนส่วนใหญ่ใช้ GIF สำหรับวิดีโอขนาดเล็กเพื่อแสดงแนวคิด ฉัน

เรียนรู้ความแตกต่างระหว่างแท็ก HTML และองค์ประกอบ HTML นักพัฒนาซอฟต์แวร์จำนวนมากใช้คำว่าแท็ก HTML และองค์ประกอบ HTML แทนกันได้ แต่จะเหมือนกันหรือไม่ ไม่เท่าไหร่ แท็กใช้เพื่อกำหนดองค์ประกอบ HTML เราทำได้โดยทำเครื่องหมาย (ตัด) เนื้อหาด้วยชื่อแท็ก HTML ที่เปิดและปิดที่ตรงกับประเภทของเนื้อหาที่เรากำล

HTML บางครั้งเรียกว่า HTML5 แต่จะเหมือนกันไหม ใช่และไม่ใช่ HTML (Hypertext Markup Language) เป็นภาษามาตรฐานที่ใช้สำหรับสร้างเว็บไซต์ ซึ่งเปิดตัวในช่วงต้นทศวรรษ 90 HTML เวอร์ชัน 1 เปิดตัวในปี 1993 HTML 2 ออกมาในปี 1995 HTML 3 ในเดือนมกราคม 1997 HTML 4 ในเดือนธันวาคม 1997 ในอีก 17 ปีข้างหน้า HTML