หน้าแรก
หน้าแรก
เรียนรู้วิธีใช้ HTML <head> องค์ประกอบบนเว็บไซต์ของคุณ HTML <head> องค์ประกอบคือที่เก็บสำหรับข้อมูลเมตา (ข้อมูล) เกี่ยวกับหน้าเว็บของคุณ เช่น ชื่อหน้า สไตล์ และสคริปต์ เนื้อหาภายใน <head> องค์ประกอบคือ เป็นหลัก อ่านและประมวลผลโดยเครื่อง (เช่น เบราว์เซอร์) ไม่ใช่โดยผู้เยี่ยมชมเว็บ
หากคุณต้องการแสดงรูปแบบโค้ด HTML ไม่มี เบราว์เซอร์ของคุณตีความว่าเป็นมาร์กอัปจริง (และแสดงผล) คุณต้องหลีกเลี่ยง สงวนไว้ อักขระ HTML ก่อน ดู <h1> แท็กภายใน <code></code> องค์ประกอบด้านล่าง: หากคุณเพิ่มโค้ดด้านบนลงในเอกสาร HTML <h1> ถูกตีความว่าเป็นมาร์กอัปจริง ๆ ซึ่งคุณไม่ต
เรียนรู้วิธีใช้แอตทริบิวต์ HTML โดยดูจากชื่อและค่าแอตทริบิวต์ที่ใช้บ่อยที่สุด แอตทริบิวต์ HTML คืออะไร ใน HTML แอตทริบิวต์เป็นเครื่องมือปรับแต่งที่ใช้ในการเพิ่มข้อมูลเพิ่มเติมให้กับองค์ประกอบ HTML หรือเพื่อเปลี่ยนการทำงานเริ่มต้น (นอกกรอบ) องค์ประกอบ HTML ที่ไม่มีแอตทริบิวต์เพิ่มมีลักษณะดังนี้:
แอตทริบิวต์ href href คุณลักษณะเป็นหนึ่งในคุณลักษณะที่สำคัญที่สุดใน HTML href ใช้สำหรับระบุ URL สำหรับ: ไฮเปอร์ลิงก์ (เรียกอีกอย่างว่า “ลิงก์”) หรือสำหรับการนำเข้าทรัพยากรภายนอก เช่น สไตล์และสคริปต์ กรณีการใช้งานทั่วไปสำหรับ href คือการเพิ่มลิงค์ภายในหรือภายนอก (URL) ในองค์ประกอบสมอ <a> :
แท็ก กำหนดองค์ประกอบแบบอินไลน์ใน HTML ซึ่งบังคับให้ขึ้นบรรทัดใหม่ (ตัวแบ่งบรรทัด) ระหว่างข้อความที่คุณใส่ไว้ ตัวอย่าง: <p> The <br> tag <br>forces<br>line<br>breaks in text </p> ผลลัพธ์: แท็ก กองกำลัง ไลน์ แบ่งข้อความ ข้อควรรู้เกี่ยวกับแท็ก คุณมั
ใน HTML มีองค์ประกอบรายการ 3 ประเภท: รายการไม่เรียงลำดับ (ที่พบบ่อยที่สุด) รายการสั่งซื้อ รายการคำอธิบาย รายการที่ไม่เรียงลำดับ รายการที่ไม่เรียงลำดับถูกกำหนดด้วย <ul> องค์ประกอบและแต่ละรายการภายในถูกกำหนดด้วย <li> องค์ประกอบ: ผลลัพธ์: แอปเปิ้ล กล้วย สีส้ม โดยค่าเริ่มต้น รายการที
HTML <noscript> ใช้เพื่อแสดงเนื้อหาในเบราว์เซอร์ของผู้เยี่ยมชมไซต์ของคุณเมื่อ JavaScript ปิดการใช้งาน . สมมติว่ามีผู้เยี่ยมชมเว็บไซต์ของคุณ แต่พวกเขามี JavaScript ปิดการใช้งานในเบราว์เซอร์ของพวกเขา เพื่อให้พวกเขาทราบ (พวกเขาอาจปิด JavaScript โดยไม่ได้ตั้งใจ) คุณจะต้องใช้ <noscript> แบบน
ฉันมักจะเห็นเว็บไซต์ที่ใช้ปุ่มและลิงก์ (องค์ประกอบสมอ <a> ) แทนกันได้ แต่การทำให้ถูกต้องไม่ใช่เรื่องยาก นี่คือหลักเกณฑ์พื้นฐาน: ควรใช้ลิงก์เมื่อใด () ใช้ลิงก์ (<a href="/go-here">link</a> ) หากคุณต้องการให้ผู้ใช้ของคุณ: ไปที่ส่วนอื่นในหน้าเดียวกัน ไปที่หน้าอื่นในเว็บไซต
เรียนรู้วิธีใช้ HTML <meta> ธาตุ <meta> องค์ประกอบใช้เพื่อกำหนด metadata หลายประเภทเกี่ยวกับเอกสาร HTML ข้อมูลเมตาหมายถึงข้อมูลเท่านั้น หรือเฉพาะเจาะจงมากขึ้น metadata คือข้อมูลที่อธิบายและให้ข้อมูลเกี่ยวกับข้อมูลอื่น <meta> องค์ประกอบมีคุณสมบัติและค่าต่างๆ มากมาย name เป็นคุณลั
rel="noopener" คุณลักษณะเป็นหนึ่งในแอตทริบิวต์ HTML ที่สำคัญที่สุดที่ควรทราบ เนื่องจากจะส่งผลโดยตรงต่อ ความปลอดภัยของลิงก์ภายนอก บนลิงก์สมอที่ใช้ target="_blank" แอตทริบิวต์ target="_blank" ทำให้ลิงก์เปิดในแท็บเบราว์เซอร์ใหม่ นี่คือตัวอย่างลิงก์ที่มี rel="noopene
แอตทริบิวต์เป้าหมาย target ระบุตำแหน่งที่จะเปิดลิงค์เมื่อผู้ใช้คลิกที่ลิงค์ หากคุณคลิกลิงก์ด้านล่าง คุณจะเข้าสู่หน้าแรกของ TechStacker ในแท็บ/หน้าต่างเบราว์เซอร์เดียวกันกับที่คุณอยู่ในขณะนี้: ดังนั้น หากคุณเชื่อมโยงไปยังเว็บไซต์อื่น ผู้ใช้จะถูกย้ายออกจากเว็บไซต์ของคุณ และไปยังเว็บไซต์ที่คุณเชื่อ
ใน HTML แอตทริบิวต์ โดยปกติ ประกอบด้วยชื่อแอตทริบิวต์และค่าแอตทริบิวต์ เช่น ในตัวอย่างองค์ประกอบจุดยึด อย่างไรก็ตาม บางครั้ง ค่า (พฤติกรรม) มีอยู่ในชื่อแอตทริบิวต์ ตัวอย่างเช่น เลื่อน แอตทริบิวต์ที่เราใช้ในการแก้ไข HTML องค์ประกอบ: สังเกตว่า เลื่อน แอตทริบิวต์ไม่มีตัวดำเนินการมอบหมาย (= ) หรือค
ใน HTML คุณสามารถสร้างแอตทริบิวต์ที่กำหนดเองได้ จากนั้น คุณสามารถใช้ CSS เพื่อจัดรูปแบบ หรือ JavaScript เพื่อควบคุมการทำงานของแอตทริบิวต์เหล่านั้น คุณสามารถเรียกแอตทริบิวต์ที่กำหนดเองได้ตามต้องการ อย่างไรก็ตาม ชื่อแอตทริบิวต์ที่กำหนดเองต้องนำหน้าด้วย data- ป้ายกำกับ: ตัวอย่างเช่น สมมติว่าเรามีธา
<figcaption> องค์ประกอบที่ใช้เพื่อเพิ่มคำบรรยายสำหรับ <figure องค์ประกอบ. มักใช้เพื่อเพิ่มคำบรรยายภาพ ตัวอย่างโค้ด:
ในการเติมผ้าใบ HTML ทั้งหมดของคุณด้วยสีเฉพาะ คุณสามารถใช้ fillRect() คุณสมบัติเพื่อเติมสี่เหลี่ยมด้วยสีทึบ จากนั้น คุณกระจายสี่เหลี่ยมผืนผ้าที่เติมไว้บนผืนผ้าใบของคุณโดยใช้คุณสมบัติความสูงและความกว้างของผืนผ้าใบ: const canvas = document.getElementById(my-canvas); const ctx = canvas.getContext(2d);
HTML <link media> แอตทริบิวต์ใช้เพื่อระบุประเภทอุปกรณ์ที่เนื้อหา (โดยปกติคือไฟล์ CSS) ควรได้รับการปรับให้เหมาะสม วิธีนี้จะทำให้คุณมีสไตล์ชีต CSS ที่แตกต่างกันสำหรับวัตถุประสงค์ที่แตกต่างกัน media แอตทริบิวต์รับค่าหลายค่า โดยค่าที่พบบ่อยที่สุดคือ: all :เป็นค่าเริ่มต้น ซึ่งใช้กับอุปกรณ์ประเภทส
โมดอลคือหน้าต่างที่แยกจากหน้าต่างหลักของหน้าเว็บ จุดประสงค์หลักคือเพื่อปิดการใช้งานหน้าต่างหลักจากการโต้ตอบกับผู้ใช้และเพื่อแบ่งปันข้อมูลหรือยืนยันบางสิ่งกับผู้ใช้ Modal windows เป็นที่นิยมใช้เป็นส่วนประกอบในการเข้าสู่ระบบ การยืนยันการป้อนข้อมูลของผู้ใช้ หรือการใช้งานอื่นๆ มากมาย Bootstrap เป็นเฟ
แท็บเป็นองค์ประกอบอินเทอร์เฟซผู้ใช้ (UI) ที่ช่วยให้เราเห็นช่องข้อมูลต่างๆ โดยไม่ต้องใช้พื้นที่เพิ่มเติม เช่นเดียวกับแท็บในแฟ้มหรือหนังสือ แท็บเหล่านี้จะทำเครื่องหมายตำแหน่งบนหน้าสำหรับข้อมูลเพิ่มเติม และระบุโดยสิ่งที่บานหน้าต่างข้อมูลมีอยู่ เมื่อคุณคลิกที่แท็บ คุณจะเห็นข้อมูลที่เกี่ยวข้องกับแท็บนั้น
เมื่อเราพูดถึง ภาษามาร์กอัป ในการเขียนโปรแกรม เราไม่ได้หมายความว่ามีคนพยายามขึ้นราคาบางสิ่งบางอย่าง มาร์กอัป ไม่ได้ขึ้นราคา เป็นวิธีการแสดงข้อมูลโดยใช้ภาษาสคริปต์บางประเภท ในคู่มือนี้ เราจะพูดถึงภาษามาร์กอัป ภาษาเหล่านี้ทำงานอย่างไร และเมื่อใดที่คุณอาจใช้ภาษามาร์กอัป นอกจากนี้ เราจะวิเคราะห์ภาษามาร
เมื่อใช้ CSS สำหรับการจัดรูปแบบหน้าเว็บ คุณมักจะต้องการกำหนดเป้าหมายบางส่วนของหน้าเว็บ วิธีหนึ่งที่คุณสามารถเลือกองค์ประกอบอย่างน้อยหนึ่งรายการได้โดยใช้ ID และ/หรือแอตทริบิวต์ของ Class ในขณะที่คุณอ่านบทช่วยสอนนี้ ให้ชำระเงิน Codepen แบบโต้ตอบและเล่นไปพร้อมกับฉัน! แอตทริบิวต์ ID และตัวเลือก CSS มา