, - แสดงแบบอักษรที่ใหญ่กว่า/เล็กกว่าขนาดปัจจุบันหนึ่งพิกเซล (อนุญาตโดยพารามิเตอร์สไตล์ คลาส และรหัส)

ตัวอย่างเช่น รหัส html:

แบบอักษรปกติ แบบอักษรนี้ใหญ่กว่าหนึ่งพิกเซล

แปลงเป็นสิ่งต่อไปนี้บนหน้า:

แบบอักษรปกติ แบบอักษรนี้มีขนาดใหญ่กว่าหนึ่งพิกเซล

11. แท็ก HTML

(กำลังสร้างรายการ)

แสดงรายการ (ยอมรับสไตล์ คลาส พารามิเตอร์ id) แต่ละองค์ประกอบใหม่จะถูกเขียนระหว่าง

ตัวอย่างเช่น รหัส html:

รายการ:

• องค์ประกอบแรกของรายการ
• องค์ประกอบที่สองของรายการ

แปลงเป็นสิ่งต่อไปนี้บนหน้า:

รายการ:

• องค์ประกอบแรกของรายการ
• องค์ประกอบที่สองของรายการ

12. แท็ก HTML (สร้างตาราง)

- สร้างตาราง (อนุญาตสไตล์, พารามิเตอร์คลาส) แต่ละบรรทัดใหม่จะถูกสร้างขึ้นโดยแท็ก และคอลัมน์ .

ตัวอย่างเช่น รหัส html:

1 บรรทัด 1 องค์ประกอบ	บรรทัดที่ 1 องค์ประกอบที่ 2
องค์ประกอบ 2 บรรทัด 1	องค์ประกอบ 2 บรรทัด 2

แปลงเป็นสิ่งต่อไปนี้บนหน้า:

ความสามารถแท็กทั้งหมด

13. แท็ก HTML
(ตัวแบ่งบรรทัด)

- การเปลี่ยนไปบรรทัดถัดไปเป็นแท็กเดียว

ตัวอย่างเช่น รหัส html:

บรรทัดที่ 1
2 บรรทัด
3 บรรทัด และข้อความนี้จะอยู่ในบรรทัดที่ 3 เนื่องจากไม่มีการเปลี่ยนแปลง

แปลงเป็นสิ่งต่อไปนี้บนหน้า:

1-บรรทัด
2 บรรทัด
บรรทัดที่ 3 และข้อความนี้จะอยู่ที่บรรทัดที่ 3 เนื่องจากไม่มีการเปลี่ยนแปลง

14. แท็ก HTML

---

(เส้นแนวนอน)

---

- ลากเส้น แสดงถึงแท็กเดียว (อนุญาตสไตล์ พารามิเตอร์คลาส)

ตัวอย่างเช่น รหัส html:

ข้อความบางส่วนอยู่เหนือบรรทัด

---

และข้อความนี้จะอยู่ใต้บรรทัดแล้ว

แปลงเป็นสิ่งต่อไปนี้บนหน้า:

ข้อความบางส่วนอยู่เหนือบรรทัดและข้อความนี้จะอยู่ใต้บรรทัด

15. แท็ก HTML (เอาท์พุตภาพ)

ตัวอย่างเช่น รหัส html:

http://img-fotki.yandex.ru/get/5821/27743399.2b/0_8875d_14383ca6_M.jpg">

แปลงเป็นสิ่งต่อไปนี้บนหน้า:

ความสามารถแท็กทั้งหมด จะกล่าวถึงในบทเรียนแยกต่างหาก: .

16. แท็ก HTML (การจัดรูปแบบข้อความ)

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

ตัวอย่างเช่น รหัส html:

ข้อความนี้เป็นสีเขียวและมีขนาด 15 พิกเซล

แปลงเป็นสิ่งต่อไปนี้บนหน้า:

บันทึก

แท็กที่คล้ายกันคือ .

17. แท็ก HTML

(สร้างแบบฟอร์ม)

- การสร้างแบบฟอร์มบนเพจ (อนุญาตสไตล์, พารามิเตอร์คลาส)

ตัวอย่างเช่น การป้อนข้อมูลเข้าสู่ระบบและรหัสผ่าน ปุ่มใด ๆ แบบฟอร์มลงทะเบียนใด ๆ ทั้งหมดนี้คือแบบฟอร์ม

18. แท็ก HTML

(การสร้างบล็อก)

- ใช้เพื่อสร้างบล็อกบนเพจ (อนุญาตสไตล์, พารามิเตอร์คลาส) ก่อนหน้านี้ ตารางใช้เพื่อมาร์กอัปหน้าเป็นหลัก หลังจากที่แท็กปรากฏขึ้น

งานก็ง่ายขึ้น เกือบทุกไซต์ประกอบด้วย

บล็อกเป็นทางเลือกที่สะดวกสำหรับตาราง

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

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

แต่ในทุกกรณี คำว่า "แท็ก" หมายถึงมาร์กอัปทั้งหน้าเว็บที่ใช้โค้ด Html หรือทั้งไซต์โดยใช้แท็ก หรือคอลเลคชันเพลงของคุณโดยระบุอัลบั้มและเพลง

แท็กบนเว็บไซต์คืออะไร (แท็กสำหรับสร้างการนำทาง)

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

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

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

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

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

บางครั้งมีการสร้างเพจแยกต่างหากเพื่อแสดง ดังที่แสดงในภาพหน้าจอก่อนหน้า

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

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

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

แท็ก HTML คืออะไร?

ตอนแรกฉันตัดสินใจศึกษาสิ่งเหล่านี้เมื่อสิบห้าปีที่แล้ว แต่ตอนนั้นฉันก็ไม่ก้าวหน้าไปไกลกว่าแท็ก Title จากนั้นฉันก็ไปเจอหลักสูตรวิดีโอฟรีของ Evgeniy Popov เกี่ยวกับ Html และทุกอย่างเป็นไปด้วยดี แน่นอนว่าหลักสูตรนั้นเป็นเพียงระยะเริ่มแรก แต่เป็นการนำเสนอที่เรียบง่ายซึ่งผู้เริ่มต้นมักจะขาด

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

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

ก่อนอื่นอาจเป็นเพื่อการแสดงออกและความพยายามและประการที่สอง - . แค่เงียบๆ ไม่อย่างนั้นทุกคนจะได้ยินและวิ่งไปศึกษาว่าแท็กคืออะไร สร้างเว็บไซต์และสร้างรายได้ทุกอย่างที่มีเพียงคุณเท่านั้นที่สร้างรายได้ และฉันอยู่ในบริษัท ดังนั้นฉันจะพูดต่อไปด้วยเสียงกระซิบเท่านั้น

อินเทอร์เน็ตเปรียบได้กับโทรทัศน์ที่คุณสร้างรายการเล็ก ๆ ของคุณเอง (สร้างเว็บไซต์โดยใช้แท็ก) และรับรายได้จากการโฆษณา ยิ่งการแสดงของคุณได้รับความนิยมมาก (โครงการทางอินเทอร์เน็ต) คุณก็จะได้รับรายได้มากขึ้นเท่านั้น ไม่มีขีดจำกัดบน แม้ว่าจะไม่มีขีดจำกัดล่างเช่นกัน แต่คุณไม่จำเป็นต้องลงทุนเงิน เพียงแค่ใช้แรงงานและเวลาในการศึกษาแท็ก วิธีการทำงานของกลไก และในความเป็นจริง เติมเนื้อหาให้กับไซต์

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

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

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

ข้อความ......ข้อความข้อความ

คุณเข้าใจความแตกต่างระหว่างแท็กเปิด Html (ตอนต้น) และแท็กปิด (ตอนท้าย) หรือไม่? แน่นอน ฉันเพิ่งเพิ่มเครื่องหมายทับหลังวงเล็บสามเหลี่ยม

อ่อ ฉันลืมบอกไป เบราว์เซอร์แยกแท็กตามเกณฑ์ใด(มาร์กอัป) จากเนื้อหาหลัก คุณเดาเอาเองหรือเปล่า?

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

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

ในโค้ดพวกเขาสามารถมีลักษณะเช่นนี้:

อันที่จริงพวกเขามีคำอธิบายและ คำหลักหน้าเว็บที่พวกเขาลงทะเบียนไว้ อ่านเพิ่มเติมเกี่ยวกับพวกเขาในบทความด้านบน

เมตาแท็กถูกเขียนในโค้ดของหน้าเว็บในตำแหน่งที่กำหนดไว้อย่างเคร่งครัด คุณรู้หรือไม่ว่าอันไหน? ถูกต้องในส่วนที่เรียกว่า "หัว" ของเอกสารซึ่งประกอบด้วยการเปิดและปิด แท็ก HEAD.

สิ่งใดก็ตามที่เขียนอยู่ข้างใน (รวมถึงแท็ก META) จะไม่ปรากฏบนหน้าเว็บ มันเข้มงวด ข้อมูลที่เป็นกรรมสิทธิ์- คำอธิบายและคำหลักข้างต้นบอก เครื่องมือค้นหาเกี่ยวกับเนื้อหาของหน้าเว็บนี้ และเมตาแท็กที่ให้ไว้ด้านล่าง

แท็กเพลงในไฟล์เสียงคืออะไร?

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

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

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

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

การใช้ซอฟต์แวร์พิเศษ แท็กเหล่านี้ปรากฏในไฟล์เสียงเป็นครั้งแรกเมื่อปลายศตวรรษที่ผ่านมา สำหรับไฟล์ MP3 มาตรฐานในการเพิ่มเรียกว่า ID3 และสำหรับไฟล์เพลงที่ถูกบีบอัดโดยไม่สูญเสียคุณภาพ (เช่น FLAC และอื่นๆ) มาตรฐานสำหรับการเพิ่มแท็ก (ข้อมูลเมตา) เรียกว่า Vorbis comment

สำหรับเพลงที่บันทึกในรูปแบบ Windows WMA จะมีข้อมูลเมตา WM และสำหรับ Apple MP4 จะมีข้อมูลเมตาของ iTunes (โดยวิธีการ ฉันเพิ่งเขียนเกี่ยวกับเรื่องนั้น)

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

นี่คือความหลากหลายของแท็ก ซึ่งในทุกกรณีมีบทบาทหลัก - มาร์กอัป (ของบทความบนเว็บไซต์ เนื้อหาบนหน้าเว็บ หรือข้อมูลเมตาในไฟล์เพลง) ฉันหวังว่าตอนนี้คุณมีคำถามน้อยลงในหัวข้อนี้

ขอให้โชคดี! พบกันเร็ว ๆ นี้ในหน้าของเว็บไซต์บล็อก

คุณอาจจะสนใจ

แท็กสำหรับ Instagram - เหตุใดจึงมีความจำเป็นและจะดูแท็กที่ได้รับความนิยมได้ที่ไหน
แฮชแท็ก - คืออะไรและมีการใช้แฮชแท็กอย่างไรบน Twitter, Instagram และที่อื่น ๆ วิธีเพิ่มแอตทริบิวต์ Alt ให้กับแท็ก Img ของบล็อก WordPress ของคุณโดยอัตโนมัติ (โดยที่ไม่มี)
Radikal - โฮสต์รูปภาพฟรีพร้อมการอัปโหลดรูปภาพที่ง่ายและรวดเร็วผ่าน Radikal.ru
ลิงค์ - มันคืออะไรและจะสร้างมันได้อย่างไร แคชคืออะไร - วิธีล้างแคชใน Opera, Mozilla, Chrome และเบราว์เซอร์อื่น ๆ
คำถามใหญ่ - วิธีสร้างรายได้จากบริการคำถามและคำตอบ
จะสร้างช่องของคุณเองบนโฮสติ้งวิดีโอ YouTube ได้อย่างไร?

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

คุณได้ทำเครื่องหมายย่อหน้าแล้ว แต่จะทำให้ชิดขวาได้อย่างไร? ในการทำเช่นนี้คุณจะต้องมีคุณสมบัติบางอย่างด้วย ค่าที่สอดคล้องกัน- เช่นเดียวกับที่บางแท็กไม่มีคู่ คุณลักษณะบางอย่างก็สามารถใช้ได้โดยไม่มีค่า

จะเขียนคุณสมบัติได้อย่างไร?

คุณลักษณะเป็นคำสงวน (เช่น แท็ก โดยไม่มีวงเล็บเหลี่ยมเท่านั้น) แต่ความหมายของคำเหล่านั้นอาจแตกต่างกันได้ เช่นเดียวกับแท็กขอแนะนำให้เขียนแอตทริบิวต์ที่มีค่าเป็นตัวอักษรตัวเล็กแม้ว่าโดยทั่วไปแล้วเบราว์เซอร์จะไม่สนใจ - นี่เป็นเพียงกฎแห่งมารยาทที่ดี: ในภาษารัสเซียมันไม่ได้ใช้ในการเขียนเมื่อตัวพิมพ์ใหญ่ล็อค เปิดใช้งานแล้ว ทำไม HTML ถึงแย่ลง?

ค่าแอตทริบิวต์เขียนในรูปแบบต่อไปนี้:

คุณสมบัติ =”ค่า” lang=”en”

คุณควรเขียนแอตทริบิวต์ไว้ในแท็กเปิด หลังคำสงวนเสมอ

ย่อหน้า

โดยทั่วไปแล้วจะมีแอตทริบิวต์หลายรายการสำหรับแท็กเดียว ไม่สำคัญว่าจะเรียงลำดับอย่างไร

คุณลักษณะสากล

แท็ก HTML แต่ละแท็กมีชุดแอตทริบิวต์ของตัวเอง คุณลักษณะบางอย่างอาจใช้ได้กับหลายแท็ก ในขณะที่แอตทริบิวต์อื่นๆ อาจใช้ได้กับแท็กเดียวเท่านั้น นอกจากนี้ยังมีกลุ่มของแอตทริบิวต์สากล (ทั่วโลก) ที่สามารถใช้กับแท็กใดก็ได้ มาดูคุณสมบัติของหมวดหมู่นี้โดยย่อ

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

ค่าแอตทริบิวต์อาจเป็นตัวเลข 0-9 หรือตัวอักษรละติน:

ลิงค์จะเปิดขึ้นโดยการกดคีย์ผสมด้วยปุ่มเดียว

• ระดับช่วยให้คุณสามารถเชื่อมโยงแท็กกับแท็กที่กำหนดไว้ล่วงหน้าโดยใช้ สไตล์ CSS- การใช้แอตทริบิวต์ช่วยให้คุณสามารถลดโค้ดได้อย่างมาก เนื่องจากแทนที่จะป้อนบล็อก CSS เดียวกันซ้ำๆ คุณสามารถป้อนชื่อของคลาสที่เกี่ยวข้องได้
• โดยการใช้ เป็นที่พอใจคุณสามารถอนุญาตให้ผู้ใช้แก้ไของค์ประกอบใดๆ ของหน้า HTML: ลบ แทรก เปลี่ยนข้อความ คุณลักษณะเดียวกันทำให้สามารถแก้ไขและปิดใช้งานได้ มีเพียงสองความหมายเท่านั้น: จริง- อนุญาตให้แก้ไข เท็จ- ห้าม
• การใช้แอตทริบิวต์ เมนูบริบทคุณสามารถให้คะแนนเฉพาะแก่องค์ประกอบใดๆ ของเอกสารได้ เมนูบริบทขึ้นอยู่กับดุลยพินิจของคุณเอง เมนูนั้นถูกสร้างขึ้นในแท็ก และแอตทริบิวต์เมนูบริบทจะได้รับตัวระบุ
• ผบกำหนดทิศทางของข้อความ: จากซ้ายไปขวา (ลิตร)หรือจากขวาไปซ้าย (rtl).
• ลากได้อนุญาตให้คุณห้ามได้ (เท็จ)หรืออนุญาต (จริง)ผู้ใช้สามารถลากและวางองค์ประกอบของหน้าที่มีคุณลักษณะนี้ได้
• ดรอปโซนบอกเบราว์เซอร์ว่าจะทำอย่างไรกับองค์ประกอบที่ถูกลาก: copy(value สำเนา), เคลื่อนไหว ( เคลื่อนไหว) หรือสร้างลิงก์ไปยังมัน (ลิงค์).
• ที่ซ่อนอยู่- คุณลักษณะที่ช่วยให้คุณสามารถซ่อนเนื้อหาขององค์ประกอบเพื่อไม่ให้แสดงในเบราว์เซอร์ หากแอตทริบิวต์ถูกตั้งค่าเป็นเท็จ วัตถุจะแสดงขึ้น จริง - มันถูกซ่อนไว้
• รหัสระบุตัวระบุองค์ประกอบ - ชื่อชนิดหนึ่งที่จำเป็นสำหรับการเปลี่ยนรูปแบบของออบเจ็กต์ เช่นเดียวกับเพื่อให้สคริปต์สามารถเข้าถึงได้ ค่าของแอตทริบิวต์จะเป็นชื่อของมัน ต้องขึ้นต้นด้วยตัวอักษรละติน และสามารถประกอบด้วยตัวเลข ตัวอักษรที่มีตัวอักษรละตินเหมือนกัน (ใหญ่และเล็ก) รวมถึงเครื่องหมายยัติภังค์ (-) และขีดเส้นใต้ (_) - ไม่สามารถมีตัวอักษรภาษารัสเซียได้
• หลางช่วยให้เบราว์เซอร์เข้าใจว่าเนื้อหานั้นเขียนด้วยภาษาใดและจัดรูปแบบตามนั้น (เช่น ภาษาอาจใช้เครื่องหมายคำพูดต่างกัน) ค่าเป็นรหัสภาษา (รัสเซีย - รุ, ภาษาอังกฤษ - ห้องน้ำในตัวฯลฯ)
• ตรวจการสะกดรวมถึง (จริง)หรือปิดการใช้งาน (เท็จ)การตรวจสอบการสะกด มีประโยชน์อย่างยิ่งในการใช้แอตทริบิวต์ในแท็กฟิลด์แบบฟอร์มที่ผู้ใช้จะป้อนข้อความ
• สไตล์ช่วยให้คุณกำหนดการออกแบบองค์ประกอบด้วย ใช้ CSS-รหัส.
• tabindexทำให้สามารถกำหนดได้ว่าผู้ใช้จะต้องกดปุ่ม Tab กี่ครั้งสำหรับวัตถุที่มีคุณลักษณะนี้เพื่อรับโฟกัส จำนวนคลิกจะกำหนดค่าแอตทริบิวต์ - จำนวนเต็มบวก
• ชื่อ- คำแนะนำเครื่องมือที่จะปรากฏขึ้นหากคุณเลื่อนเมาส์ไปที่องค์ประกอบและปล่อยทิ้งไว้ให้นิ่งอยู่ครู่หนึ่ง บรรทัดในความหมายจะเป็นคำใบ้

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

ควรจำไว้ว่าการใช้แอตทริบิวต์ จัดตำแหน่งไม่แนะนำ และควรจัดแนวข้อความโดยใช้ CSS จะดีกว่า

ตัวอย่างการใช้แอตทริบิวต์

เป็นตัวอย่าง ให้พิจารณาบรรทัดของโค้ด HTML:

ข้อความนี้สามารถแก้ไขได้

ทั้งบรรทัดจะสร้างย่อหน้าของข้อความที่ผู้ใช้สามารถแก้ไขได้ในเบราว์เซอร์

มาดูแต่ละองค์ประกอบของเส้นกัน

- แท็กเปิดของคอนเทนเนอร์ที่เก็บย่อหน้า

- แท็กปิด

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

เป็นที่พอใจ=”จริง” - นี่คือคุณลักษณะและความหมายของมัน จำไว้ว่าในโรงเรียน: x=3 ตรงนี้ก็เหมือนกัน: เป็นที่พอใจ=”จริง- คุณลักษณะ เป็นที่พอใจระบุว่าผู้ใช้สามารถแก้ไขเนื้อหาขององค์ประกอบค่าได้หรือไม่ จริงเขียนด้วยเครื่องหมายคำพูดคั่นด้วยเครื่องหมายเท่ากับ อนุญาตให้แก้ไข:

คุณสมบัติ =”ค่า” contenteditable=”true”

แท็กหลัก ภาษา HTML

แท็กหลัก

- บอกผู้ดูเพจว่านี่คือเอกสาร HTML

- กำหนดตำแหน่งที่วางข้อมูลต่างๆ ที่ไม่แสดงในเนื้อหาของเอกสาร นี่คือที่เก็บแท็กชื่อเอกสารและแท็กเครื่องมือค้นหา

- กำหนดส่วนที่มองเห็นได้ของเอกสาร

แท็กสารบัญ

- วางชื่อเอกสารลงในสารบัญของผู้ดูหน้า

แอตทริบิวต์เนื้อความของเอกสาร

- ตั้งค่าสีพื้นหลังของเอกสารโดยใช้ค่าสีในรูปแบบ RRGGBB - ตัวอย่าง: FF0000 - สีแดง

- ตั้งค่าสีข้อความของเอกสารโดยใช้ค่าสีในรูปแบบ RRGGBB - ตัวอย่าง: 000000 - สีดำ

- ตั้งค่าสีของไฮเปอร์ลิงก์โดยใช้ค่าสีในรูปแบบ RRGGBB - ตัวอย่าง: 00FF00 - สีเขียว

- ตั้งค่าสีของไฮเปอร์ลิงก์ไปยังไซต์ที่คุณเคยเยี่ยมชมแล้ว โดยใช้ค่าสีในรูปแบบ RRGGBB - ตัวอย่าง: 333333 - สีเทา

- กำหนดสีของไฮเปอร์ลิงก์เมื่อคลิก

แท็กสำหรับการจัดรูปแบบข้อความ

- เฟรมข้อความที่จัดรูปแบบไว้ล่วงหน้า

- สร้างส่วนหัวที่ใหญ่ที่สุด

- สร้างส่วนหัวที่เล็กที่สุด

สร้างข้อความที่เป็นตัวหนา

- สร้างข้อความตัวเอียง

- สร้างข้อความ - เลียนแบบสไตล์เครื่องพิมพ์ดีด ใช้สำหรับใบเสนอราคา ซึ่งมักจะเป็นข้อความตัวเอียง

- ใช้เพื่อเน้นคำจากข้อความ (ตัวเอียง หรือตัวหนา)

- ใช้เพื่อเน้นส่วนที่สำคัญที่สุดของข้อความ (ตัวเอียงหรือตัวหนา)

- ตั้งค่าขนาดตัวอักษรตั้งแต่ 1 ถึง 7

- ตั้งค่าสีข้อความโดยใช้ค่าสีของแบบฟอร์ม RRGGBB

ไฮเปอร์ลิงก์

สร้างไฮเปอร์ลิงก์ไปยังเอกสารอื่นหรือส่วนหนึ่งของเอกสารปัจจุบัน

สร้างไฮเปอร์ลิงก์การโทร โปรแกรมเมลเพื่อเขียนจดหมายถึงผู้เขียนเอกสาร

ทำเครื่องหมายข้อความเป็นเป้าหมายสำหรับไฮเปอร์ลิงก์ในเอกสาร

สร้างไฮเปอร์ลิงก์ไปยังส่วนหนึ่งของเอกสารปัจจุบัน

การจัดรูปแบบ

- สร้างย่อหน้าใหม่

- จัดย่อหน้าให้สัมพันธ์กับด้านใดด้านหนึ่งของเอกสาร ค่า: ซ้าย ขวา หรือกึ่งกลาง

- แทรกขึ้นบรรทัดใหม่

สร้างการเยื้องทั้งสองด้านของข้อความ

สร้างรายการคำจำกัดความ

- กำหนดแต่ละเงื่อนไขในรายการ

- อธิบายแต่ละคำจำกัดความ

สร้างรายการลำดับเลข

- ระบุแต่ละองค์ประกอบของรายการและกำหนดตัวเลข

สร้างรายการแบบไม่เรียงลำดับ

- นำหน้าแต่ละรายการและเพิ่มวงกลมหรือสี่เหลี่ยม

- แท็กสำคัญที่ใช้สำหรับจัดรูปแบบบล็อกข้อความขนาดใหญ่ในเอกสาร HTML ซึ่งใช้ในสไตล์ชีตด้วย

องค์ประกอบกราฟิก

- เพิ่มรูปภาพลงในเอกสาร HTML

- จัดแนวรูปภาพไว้ที่ด้านใดด้านหนึ่งของเอกสาร ใช้ค่าต่อไปนี้: ซ้าย, ขวา, กึ่งกลาง; ล่าง, บน, กลาง

- กำหนดความหนาของกรอบรอบภาพ

---

- เพิ่มเส้นแนวนอนให้กับเอกสาร HTML

---

กำหนดความสูง (ความหนา) ของเส้น

---

- กำหนดความกว้างของเส้น โดยสามารถระบุความกว้างเป็นพิกเซลหรือเปอร์เซ็นต์ได้

---

- สร้างเส้นที่ไม่มีเงา

---

- กำหนดเส้น สีเฉพาะ- ค่าคือ RRGGBB

ตาราง

- สร้างตาราง

- กำหนดแถวในตาราง

- กำหนดเซลล์เดียวในตาราง

- กำหนดชื่อตาราง (เซลล์ปกติที่มีข้อความตัวหนาตรงกลาง)

คุณลักษณะของตาราง

- กำหนดความหนาของโครงโต๊ะ

- กำหนดระยะห่างระหว่างเซลล์ตาราง

- กำหนดระยะห่างระหว่างเนื้อหาของเซลล์และเส้นขอบ

- ตั้งค่าความกว้างของตารางเป็นพิกเซลหรือเปอร์เซ็นต์ของความกว้างของเอกสาร

หรือ หรือ

- ตั้งค่าการจัดตำแหน่งเซลล์ในตาราง รับค่า: ซ้าย ตรงกลาง หรือขวา
- ตั้งค่าการจัดตำแหน่งแนวตั้งสำหรับเซลล์ตาราง รับค่า: บน กลาง หรือล่าง	- ระบุจำนวนคอลัมน์ที่รวมอยู่ในเซลล์เดียว (ค่าเริ่มต้น=1)	- ระบุจำนวนแถวที่รวมกันในเซลล์เดียว (ค่าเริ่มต้น=1)	- ป้องกันไม่ให้ผู้ดูทำการขึ้นบรรทัดใหม่ในเซลล์ตาราง บุคลากร - นำหน้าแท็ก ในเอกสารที่มีกรอบ - กำหนดแถวในตารางเฟรม ความสูงที่กำหนดโดยจำนวนพิกเซลหรือเป็นเปอร์เซ็นต์ของความสูงของตารางเฟรม - กำหนดคอลัมน์ในตารางเฟรม ความกว้างจะถูกกำหนดโดยจำนวนพิกเซลหรือเป็นเปอร์เซ็นต์ของความกว้างของตารางเฟรม - กำหนดเฟรมเดียวหรือพื้นที่ในตารางเฟรม - กำหนดสิ่งที่จะแสดงในหน้าต่างเบราว์เซอร์หากไม่รองรับเฟรม คุณสมบัติเฟรม - กำหนดว่าอันไหน เอกสาร HTMLจะแสดงอยู่ในกรอบ - ระบุชื่อของเฟรมหรือพื้นที่ ซึ่งอนุญาตให้ข้อมูลสามารถเปลี่ยนเส้นทางไปยังเฟรมหรือพื้นที่นั้นจากเฟรมอื่นได้ - กำหนดจำนวนการเยื้องตามขอบซ้ายและขวาของเฟรม ต้องเท่ากับหรือมากกว่า 1 - กำหนดจำนวนการเยื้องตามขอบด้านบนและด้านล่างของเฟรม ต้องเท่ากับหรือมากกว่า 1 - ระบุว่าแถบเลื่อนจะแสดงในเฟรมหรือไม่ ค่าอาจเป็น "ใช่" "ไม่" หรือ "อัตโนมัติ" ค่าเริ่มต้นสำหรับเอกสารปกติคืออัตโนมัติ - ป้องกันการปรับขนาดเฟรม แบบฟอร์ม สำหรับแบบฟอร์มที่ทำหน้าที่บางอย่าง จะต้องเปิดใช้งานสคริปต์ CGI ที่เกี่ยวข้องบนเซิร์ฟเวอร์ HTML สร้างเฉพาะส่วนหน้าของแบบฟอร์มเท่านั้น - สร้างแบบฟอร์ม - สร้างเมนูแบบเลื่อนได้ ขนาดกำหนดจำนวนรายการเมนูที่จะแสดงบนหน้าจอ ส่วนที่เหลือจะสามารถใช้ได้โดยการเลื่อน - ระบุแต่ละรายการ องค์ประกอบที่แยกจากกันเมนู - สร้างเมนูแบบเลื่อนลง ระบุรายการเมนูแต่ละรายการ - สร้างหน้าต่างสำหรับป้อนข้อความ คอลัมน์ระบุความกว้างของหน้าต่าง แถวระบุความสูง - สร้างช่องทำเครื่องหมาย แท็กตามด้วยข้อความ - สร้างปุ่มตัวเลือก แท็กตามด้วยข้อความ - สร้างบรรทัดป้อนข้อความ พารามิเตอร์ Size ระบุความยาวเป็นอักขระ - สร้างปุ่ม "ยอมรับ" - สร้างปุ่ม "ยอมรับ" - ใช้รูปภาพสำหรับสิ่งนี้ สร้างปุ่มยกเลิก < Назад