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

แท็ก HTML ส่วนใหญ่จับคู่กัน: มีแท็กเปิด (เช่น ) และแท็กปิด ซึ่งจะแยกความแตกต่างจากแท็กเปิดด้วยเครื่องหมายทับ (/) หลังวงเล็บมุมแรก (เช่น ) ทุกสิ่งที่อยู่ภายในแท็กคู่หนึ่งเรียกว่าเนื้อหา

ข้อความเนื้อหาที่อยู่ภายในแท็กเหล่านี้จะกลายเป็นตัวหนา

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

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

แท็กใด ๆ ประกอบด้วย:

• วงเล็บมุมเปิด (< ).
• คำพิเศษ (ชื่อแท็ก) ตัวอย่างเช่น hr , iframe , b
• วงเล็บมุมปิด (> )

เนื่องจากแท็กเป็นพื้นฐานของภาษามาร์กอัป จึงไม่น่าแปลกใจที่มีแท็กอยู่เป็นจำนวนมาก มาดูแท็กหลักที่สำคัญที่สุดกันดีกว่า

• - แท็กเดียวที่มีความคิดเห็น ความคิดเห็นคือข้อความที่เบราว์เซอร์ไม่ได้ประมวลผล คุณสามารถเขียนสิ่งที่คุณต้องการภายในแท็กได้ แม้แต่แท็กอื่นๆ แท็กเหล่านั้นจะไม่ทำงานและจะไม่ปรากฏบนหน้าจอ นักพัฒนาแสดงความคิดเห็นเกี่ยวกับโค้ดเพื่อให้เว็บมาสเตอร์คนอื่นๆ เข้าใจได้ง่ายขึ้น หรือเพื่อให้พวกเขาสามารถเข้าใจโค้ดได้อย่างรวดเร็วด้วยตนเองหลังจากเวลาผ่านไปนาน
• , , , , เป็นแท็กที่ควรปรากฏในเอกสาร HTML ที่เหมาะสม (สำหรับรายละเอียดเพิ่มเติม โปรดดู “วิธีสร้างเว็บไซต์ใน Notepad”)
• - แท็ก มีข้อมูลเสริมสำหรับเบราว์เซอร์และเครื่องมือค้นหา ภายในคุณสามารถเขียนคำสำคัญ คำอธิบายหน้า การเข้ารหัสเอกสาร ชื่อผู้เขียน ฯลฯ
• มีลิงก์ไปยังไฟล์สคริปต์หรือโค้ดเอง
• - แท็กที่ระบุรูปแบบของเอกสารและ/หรือองค์ประกอบด้วย ใช้ CSS- เอกสาร HTML สามารถมีแท็กจำนวนมากที่กำหนดสไตล์ที่แตกต่างกันสำหรับส่วนต่างๆ ของหน้า
• - ตรงกันข้ามโดยสิ้นเชิง, เสริมมัน. แท็ก ระบุ "ส่วนหัว" (ชื่อ) ของส่วนหรือทั้งหน้า
• เก็บ "ขา" ของไซต์หรือส่วนต่างๆ ข้างในคุณสามารถใส่ข้อมูลสนับสนุน, ลิขสิทธิ์, ข้อมูลการติดต่อ ฯลฯ
• มีเนื้อหาหลักของหน้า ไม่ใช่ส่วนหัวหรือบล็อกเมนูหรือ "ขา" ของไซต์ แต่เป็นสิ่งที่สร้างเพจขึ้นมา ตัวอย่างเช่น ในหน้าที่คุณกำลังอ่านอยู่ บทความนี้ควรอยู่ข้างใน
• ออกแบบมาเพื่อสร้างลิงค์ ลิงก์เป็นรากฐานของไฮเปอร์เท็กซ์ ซึ่งเป็นสาเหตุที่บทความนี้จัดทำขึ้นเพื่อลิงก์เหล่านี้โดยเฉพาะ
• จำเป็นต้องเพิ่มรูปภาพลงในหน้าเว็บ (ที่บริการของคุณทุ่มเทให้กับการดำเนินการนี้)
• ,
  , - , , ,

  , , , และแท็กการจัดรูปแบบข้อความอื่นๆ ประกอบขึ้นเป็นกลุ่มแท็ก HTML ขนาดใหญ่ ซึ่งจะกล่าวถึงในบทความ “การจัดรูปแบบข้อความใน HTML”

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

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

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

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

    รู้ว่าเอกสารข้อความใด ๆ ที่เป็นเอกสาร html คุณต้องกำหนดนามสกุลไฟล์ htm (html)

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

    สำหรับตัวอย่างการใช้แท็ก ไม่มีอะไรดีไปกว่าการดูโค้ด html สำเร็จรูปของเว็บไซต์อินเทอร์เน็ตสำเร็จรูป ในการดำเนินการนี้ คุณจะต้องค้นหาแท็บ "ซอร์สโค้ดของหน้าที่แสดง" ในเบราว์เซอร์ของคุณ ซึ่งโดยปกติแล้วจะเป็นทุกเบราว์เซอร์ มีมัน (เบราว์เซอร์เป็นโปรแกรมที่คุณใช้ดูหน้าเว็บบนอินเทอร์เน็ต)< код тега>และปิด ทุกอย่างที่อยู่ระหว่างแท็กเปิดและปิดจะอยู่ภายใต้อิทธิพลของมัน แท็กสามารถมีคุณลักษณะต่างๆ ได้ ซึ่งระบุโดยใช้พารามิเตอร์พิเศษ แท็กสามารถซ้อนกันภายในได้ ฯลฯ

    เสียงสะท้อน $sape->return_links(); -

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

    , และ

    รหัสนี้จะบอกเบราว์เซอร์ว่าข้อมูลประเภทใดที่วางอยู่ระหว่างแท็ก ข้อมูลนี้ควรแสดงอย่างไร เช่น แท็กการจัดรูปแบบข้อความจะให้ข้อมูลนี้ มีแท็กค่อนข้างเยอะ และเป็นเรื่องยากสำหรับผู้ดูแลเว็บมือใหม่ในการนำทางแท็กเหล่านั้น ดังนั้นเรามาดูแท็กหลักที่อาจเป็นประโยชน์กับคุณเมื่อสร้างเว็บไซต์แรกของคุณกัน แท็กบางแท็กไม่ได้แสดงอยู่ในตารางแท็กด้านล่าง แต่แท็กหลักจะถูกเน้นด้วยตัวหนา
    	แท็กหลัก
    	กำหนดประเภทเอกสารเป็นเว็บเพจ
    	ส่วนบริการของเอกสารที่ไม่แสดงในเบราว์เซอร์ ประกอบด้วยชื่อเรื่อง คำอธิบาย คำสำคัญ ฯลฯ
    	ระหว่างแท็กเหล่านี้คือหน้าเว็บที่คุณเห็นบนหน้าจอ ก็สามารถวางข้อมูลประเภทอื่นได้
    	กำหนดวิธีที่โรบ็อตเครื่องมือค้นหารวบรวมข้อมูล
    	ให้ข้อมูลสำหรับโรบ็อตการค้นหา
    	ในแท็กนี้ คุณสามารถระบุผู้เขียนได้
    	เพื่อให้แน่ใจว่าสามารถทำงานร่วมกับเซิร์ฟเวอร์การค้นหาได้ คำหลักจะถูกระบุโดยคั่นด้วยเครื่องหมายจุลภาค
    	ใช้สำหรับลิงค์ที่ระบุไม่ครบถ้วนระบุที่อยู่เริ่มต้นบนอินเทอร์เน็ตคำอธิบายสั้น ๆ
    	หน้าเว็บจะแสดงในผลการค้นหาโดยเครื่องมือค้นหา
    	แท็กชื่อหน้า
    	กำหนดสีพื้นหลังของหน้าเว็บ
    	กำหนดสีข้อความของหน้าเว็บ
    	ตั้งค่าสีของไฮเปอร์ลิงก์ให้อยู่ในสถานะปกติ
    	ตั้งค่าสีของไฮเปอร์ลิงก์ที่ดูแล้ว
    	ตั้งค่าสีของไฮเปอร์ลิงก์ที่ไฮไลต์
    	แท็กชื่อจะสร้างชื่อที่ใหญ่ที่สุด โดยหมายเลข 1 มีตั้งแต่ 1 ถึง 6 ส่วนหกจะเป็นชื่อที่เล็กที่สุด
    	ทำให้ข้อความเป็นตัวหนา
    	จัดรูปแบบข้อความเป็นตัวเอียง
    	เลียนแบบสไตล์เครื่องพิมพ์ดีด
    	ชื่อตัวแปรจะแสดงเป็นตัวเอียง
    	คำพูดที่ทำให้เป็นตัวเอียง
    	สร้างย่อหน้าด้วยข้อความเป็นตัวเอียง
    	ตัวเอียง (รับรู้โดยเครื่องมือค้นหาเป็นการเน้น)
    	การจัดรูปแบบข้อความตัวหนา (รับรู้โดยเครื่องมือค้นหาว่าเน้นหนักเป็นพิเศษ)
    	ตั้งค่าขนาดตัวอักษร ค่าตั้งแต่ 1 ถึง 7
    ตั้งค่าสีข้อความ
    	การออกแบบไฮเปอร์ลิงก์ใน html
    	ระบุหน้าต่างที่จะเปิดไฮเปอร์ลิงก์
    	ไฮเปอร์ลิงก์สำหรับส่งข้อความไปรษณีย์ทางอีเมล
    	สร้างไฮเปอร์ลิงก์ไปยังป้ายกำกับบนหน้าปัจจุบัน
    	วางป้ายกำกับสำหรับไฮเปอร์ลิงก์บนหน้าปัจจุบัน
    	ไฮเปอร์ลิงก์ไปยังป้ายกำกับในหน้าอื่น
    การจัดรูปแบบข้อความ
    	สร้างย่อหน้าใหม่
    	จัดย่อหน้าให้สัมพันธ์กับด้านหนึ่งของเอกสาร ค่า: ซ้าย ขวา จัดชิดขอบ หรือจัดกึ่งกลาง
    	ปิดใช้งานการป้อนบรรทัด
    	ระบุตำแหน่งที่จะแบ่งบรรทัดสำหรับการตัดคำหากจำเป็น
    	แทรกขึ้นบรรทัดใหม่
    	สร้างการเยื้องทั้งสองด้านของข้อความ
    	สร้างรายการคำจำกัดความ
    	กำหนดแต่ละเงื่อนไขในรายการ
    	อธิบายแต่ละคำจำกัดความ
    	จัดรูปแบบข้อความเป็นรายการลำดับเลข
    	ระบุแต่ละองค์ประกอบของรายการและกำหนดหมายเลขตามลำดับ
    	แท็กสำหรับสร้างรายการแบบไม่เรียงลำดับ
    	ทำเครื่องหมายแต่ละอัน ตำแหน่งใหม่ในรายการเป็นวงกลมหรือสี่เหลี่ยม
    	แท็กนี้ใช้เพื่อจัดรูปแบบบล็อกขนาดใหญ่ ข้อความ HTMLเอกสารที่ใช้ในสไตล์ชีตด้วย
    องค์ประกอบกราฟิกบนหน้า
    	แทรกรูปภาพลงในเพจ
    	จัดรูปแบบตำแหน่งของรูปภาพในเอกสารอาจมีค่าต่อไปนี้: ซ้าย, ขวา, กึ่งกลาง; ล่าง, บน, กลาง
    	กำหนดความหนาของเส้นขอบรอบๆ รูปภาพ
    	ตั้งค่าระยะขอบด้านบนและด้านล่าง
    	ตั้งค่าระยะขอบซ้ายและขวา
    	สร้างคำแนะนำเครื่องมือ
    	เพิ่มเส้นแนวนอน
    	ระบุความหนาของเส้น
    	ระบุความกว้างของเส้นเป็นพิกเซลหรือเปอร์เซ็นต์
    	เส้นที่ไม่มีเงา
    	กำหนดสีของเส้น
    การสร้างตาราง
    	แท็กที่สร้างตาราง
    ระบุแถวในตาราง
    		ระบุแต่ละเซลล์ในตาราง
    	ตั้งชื่อตาราง (เซลล์ปกติที่มีการจัดรูปแบบกึ่งกลางและข้อความตัวหนา)
    คุณลักษณะของตารางคืออะไร?
    	กำหนดลายเซ็นตาราง
    กำหนดความหนาของเฟรม กำหนดระยะห่างระหว่างเซลล์ ช่องสำหรับเนื้อหาข้อความของเซลล์ กำหนดความกว้างของตาราง (ค่าพารามิเตอร์อาจเป็นพิกเซลหรือเปอร์เซ็นต์ก็ได้) หรือ หรือ กำหนดความสูงของตาราง (ค่าพารามิเตอร์อาจเป็นพิกเซลหรือเปอร์เซ็นต์ก็ได้) กำหนดการจัดตำแหน่งแนวนอนของเซลล์ในตาราง โดยมีค่าต่างๆ ดังต่อไปนี้ ซ้าย กลาง ขวา กำหนดการจัดตำแหน่งแนวตั้งของเซลล์ในตาราง โดยมีค่าต่างๆ ต่อไปนี้: บน กลาง หรือล่าง ระบุจำนวนคอลัมน์ที่รวมอยู่ในเซลล์เดียว ระบุจำนวนแถวที่รวมกันในเซลล์เดียว ป้องกันไม่ให้ผู้ชมทำการขึ้นบรรทัดใหม่ในเซลล์ตาราง ตั้งค่าความกว้างของเซลล์ตารางเป็นพิกเซลหรือเปอร์เซ็นต์ ตั้งค่าความสูงของเซลล์ตารางเป็นพิกเซลหรือเปอร์เซ็นต์ เฟรมในเอกสาร html นำหน้าแท็กบนหน้าเฟรม กำหนดแถวในตารางเฟรมที่มีค่าความสูงระบุด้วยจำนวนพิกเซลหรือเปอร์เซ็นต์ กำหนดคอลัมน์ในตารางเฟรมที่มีการระบุความกว้างด้วยจำนวนพิกเซลหรือเปอร์เซ็นต์ ระบุเฟรมเดียวหรือพื้นที่ในตารางเฟรม ระบุข้อมูลที่ผู้เยี่ยมชมจะเห็นในกรณีที่ไม่สามารถแสดงเฟรมได้ ใช้แอตทริบิวต์เฟรม HTML การเชื่อมโยงเว็บเพจเข้ากับหน้าต่างเฟรม กำหนดชื่อให้กับเฟรมเพื่อปรับปรุงการกำหนดเส้นทางข้อมูลระหว่างเฟรมและเพจ ช่องว่างภายในแนวนอนภายในหน้าต่างเฟรม ช่องว่างภายในแนวตั้งภายในหน้าต่างเฟรม ป้องกันไม่ให้ผู้เยี่ยมชมไซต์ปรับขนาดหน้าต่างเฟรม Iframe และคุณลักษณะของมัน สร้างคอนเทนเนอร์ที่สามารถประกอบด้วยองค์ประกอบใดๆ องค์ประกอบอื่นๆ ของหน้าจะล้อมรอบคอนเทนเนอร์นี้ เชื่อมโยงหน้าเว็บเข้ากับหน้าต่าง iframe กำหนดชื่อให้กับ iframe เพื่อปรับปรุงการกำหนดเส้นทางข้อมูล ตั้งค่าระยะห่างจากขอบแนวนอนภายนอก iframe ตั้งค่าระยะห่างจากขอบแนวตั้งภายนอก iframe ตั้งค่าระยะขอบแนวนอนภายใน iframe ตั้งค่าระยะขอบแนวตั้งภายใน iframe สร้างแถบเลื่อนเฟรม ค่าอาจเป็น "ใช่" "ไม่" หรือ "อัตโนมัติ" ค่าเริ่มต้นคืออัตโนมัติ ตั้งค่าความกว้างของ iframe ตั้งค่าความสูงของ iframe ปักหมุดข้อความช่วยเหลือตามบริบท แท็กที่เกี่ยวข้องกับแบบฟอร์ม แท็กสำหรับสร้างแบบฟอร์ม สร้างเมนูแบบเลื่อน แอตทริบิวต์ขนาดจะกำหนดจำนวนรายการในเมนูที่มองเห็นได้ทันทีโดยไม่ต้องใช้แถบเลื่อน ตั้งค่าแต่ละรายการเมนูแยกกัน สร้างเมนูแบบเลื่อนลง วางหน้าต่างป้อนข้อความที่แก้ไขได้ คอลัมน์แอตทริบิวต์ - ตั้งค่าความกว้างของหน้าต่างและแถวตามลำดับความสูง วางองค์ประกอบช่องทำเครื่องหมาย วางองค์ประกอบของประเภทปุ่มตัวเลือก วางบรรทัดป้อนข้อความ แอตทริบิวต์ Size ระบุความยาวเป็นอักขระ วางปุ่ม "ส่ง" บนหน้า นี่คือแท็กสากลที่เราต้องการอยู่แล้ว จะไม่แสดงในลักษณะใด ๆ บนหน้าเว็บ แต่อนุญาตให้คุณทำเครื่องหมายโครงสร้างได้ ตัวอย่างเช่น แท็ก html ทุกวันนี้ไม่ค่อยเขียนด้วยซ้ำ ไม่จำเป็นเลย โดยทั่วไปจะเป็นคอนเทนเนอร์ทั่วไปสำหรับเอกสาร html ทั้งหมด ทุกอย่างอื่นรวมอยู่ในนั้น ถัดไปมี 2 ส่วนคือส่วนหัวและลำตัว ครั้งแรกประกอบด้วยพารามิเตอร์หน้าเว็บประเภทต่างๆ เชื่อมต่อ ไฟล์ภายนอกฯลฯ ตัวอย่างเช่น ที่นี่ตั้งค่าการเข้ารหัสของไซต์ มีการเขียนเมตาแท็กและชื่อเรื่อง รวมถึงสไตล์ CSS และสคริปต์เว็บด้วย โดยทั่วไป ส่วนหัวมีบทบาทสำคัญในประสิทธิภาพของเว็บไซต์ body คือเนื้อหาของหน้า ที่นี่เรากำลังเขียนสิ่งที่แสดงบนหน้าจอโดยตรงอยู่แล้ว ต่อไป เราจะดูแท็กที่ใช้ในเนื้อหาของหน้าโดยตรง การจัดรูปแบบข้อความ โดยปกติแล้วการจัดรูปแบบมักถูกพูดถึงเป็นอันดับแรกเสมอเมื่อพูดถึงเรื่อง html แท้จริงแล้ว อะไรจะสำคัญไปกว่าข้อความบนหน้าเว็บและการออกแบบที่เหมาะสม? ตัวอย่างเช่น เรามาสร้างสามย่อหน้ากัน อันแรกเป็นแบบธรรมดา อันที่สองจะมีข้อความเป็นตัวหนา และอันที่สามจะถูกขีดเส้นใต้ ข้อความบางส่วนในย่อหน้าเลียนแบบเนื้อหา ข้อความบางส่วนในย่อหน้าเลียนแบบเนื้อหา นี่คือวิธีที่เราจัดรูปแบบข้อความโดยประมาณโดยใช้แท็กที่กล่าวถึงในบทความนั้น แท็ก Html สำหรับรูปภาพ (รูปภาพ) สำหรับรูปภาพจะมีแท็กหลักเพียง 1 แท็กเท่านั้น - img และในทางกลับกันก็มีพารามิเตอร์ที่จำเป็นเพียง 1 ตัวเท่านั้น - src นั่นคือเส้นทางไปยังไฟล์ ทุกอย่างสามารถปรับแต่งได้ผ่าน css จริงๆ แล้ว ฉันยังเขียนรายละเอียดเกี่ยวกับการแทรกรูปภาพด้วย และนี่คือตัวอย่างของการแทรกที่ง่ายที่สุด: อย่างที่คุณเห็นแท็กเป็นแบบเดี่ยวนั่นคือไม่จำเป็นต้องมีส่วนปิด เส้นทางถูกตั้งค่าตามตำแหน่งของหน้า html รูปภาพของฉันอยู่ในโฟลเดอร์เดียวกับหน้าเว็บ ซึ่งหมายความว่าเส้นทางนั้นสั้นที่สุด คุณสามารถเปลี่ยนขนาดของรูปภาพได้โดยใช้แอตทริบิวต์ความกว้างและความสูง แต่จะเป็นการดีที่สุดหากทำได้ผ่าน CSS แต่นอกเหนือจากแท็ก img แล้ว html5 ยังแนะนำแท็กที่ช่วยในการออกแบบรูปภาพไม่ทางใดก็ทางหนึ่ง เหล่านี้เป็นรูปและคำอธิบายภาพ นั่นคือตัวเลขและลายเซ็นสำหรับมัน โดยทั่วไปขอบเขตการใช้งานแท็กเหล่านี้จะกว้างกว่า แต่เราจะดูตัวอย่างพร้อมรูปภาพ: เดิน CSS สองสามบรรทัด: รูป ( ความกว้าง: 300px; ) figcaption ( การจัดตำแหน่งข้อความ: กึ่งกลาง; สี: สีเทา; ) แท็กเหล่านี้ช่วยให้กระบวนการเพิ่มคำบรรยายให้กับรูปภาพง่ายขึ้น: แท็กสำหรับลิงก์ สมอ นั่นคือยังมีแอตทริบิวต์ที่จำเป็นอีก 1 รายการ - href หากไม่มีเบราว์เซอร์ก็จะไม่เข้าใจว่าจะไปที่ไหน ต้องระบุที่อยู่ด้วยโปรโตคอล http:// ระหว่างแท็กเปิดและแท็กปิดเราระบุจุดยึดนั่นคือข้อความที่เราจะเห็นบนหน้าเว็บ รายการบนหน้าเว็บ ด้วยรายการทุกอย่างก็ค่อนข้างง่ายเช่นกัน รายการมี 2 ประเภท - มีสัญลักษณ์แสดงหัวข้อย่อยและลำดับเลข ข้อแตกต่างเพียงอย่างเดียวคือ รูปร่างเลข นั่นคือตัวเลขเหล่านี้หรือเป็นเพียงเครื่องหมาย รายการลำดับเลขจะถูกสร้างขึ้นด้วยแท็ก ol และรายการต่างๆ จะสร้างด้วยแท็ก li คุณสามารถใส่แท็กอื่นๆ และเนื้อหาใดๆ ลงในแท็กนี้ได้ เคลียร์โต๊ะ เตรียมอาหาร ไปเตะฟุตบอล ตามค่าเริ่มต้น รายการจะแสดงพร้อมการเยื้องบางส่วนอยู่แล้ว รายการสัญลักษณ์แสดงหัวข้อย่อยจึงถูกสร้างขึ้นโดยใช้แท็ก ul และภายในนั้นจะมี li เหมือนกัน ตาราง ฉันเขียนรายละเอียดเกี่ยวกับแท็กตารางที่นี่ หากจะกล่าวโดยย่อคือ: ตาราง — ภาชนะสำหรับโต๊ะ; tr — แถวของตารางยังทำหน้าที่เป็นคอนเทนเนอร์ td - หนึ่งเซลล์ นี่คือที่ที่เนื้อหาถูกวาง มาสร้างตารางง่ายๆ: เซลล์ 1 เซลล์ 2 เซลล์ 1 เซลล์ 2 ฉันตกแต่งมันเล็กน้อยโดยใช้ CSS: ตาราง ( ยุบขอบ: ยุบ; ) td ( เส้นขอบ: 1px สีแดงทึบ; ขยาย: 15px; ) ถ้าไม่เข้าใจว่า css คืออะไร เชิญอ่านไปพร้อมๆ กัน ทุกอย่างจะกระจ่างทันที แบบฟอร์ม แบบฟอร์มยังมีความสำคัญมากในการสร้างเว็บไซต์เนื่องจากมีการใช้งานอยู่ตลอดเวลา ฉันไม่คิดว่าฉันจะมีบทความดีๆ ในบล็อกเกี่ยวกับแบบฟอร์ม ดังนั้นฉันจึงจำเป็นต้องเขียนบทความหนึ่ง ในตอนนี้ เรามาสร้างแบบฟอร์มง่ายๆ กัน: เข้าสู่ระบบ: รหัสผ่าน: ฉันเห็นด้วยกับกฎเกณฑ์ องค์ประกอบแบบฟอร์มพื้นฐาน: form คือคอนเทนเนอร์ของฟอร์มเอง ซึ่งใส่ฟิลด์ทั้งหมดลงไป เพื่อให้แบบฟอร์มทำงานได้อย่างถูกต้อง จำเป็นต้องมีแอตทริบิวต์ action และ method แต่วิธีนี้ใช้ได้กับภาษา PHP อยู่แล้ว อินพุต - ฟิลด์แบบฟอร์ม สิ่งที่แน่นอนจะขึ้นอยู่กับค่าในแอตทริบิวต์ type เช่น text คือช่องสำหรับกรอกข้อความธรรมดา, รหัสผ่านคือช่องสำหรับกรอกรหัสผ่าน, check box คือเครื่องหมายถูก, send คือปุ่มส่งแบบฟอร์ม แน่นอนว่านี่ไม่ใช่ความหมายทั้งหมด แต่ฉันจะเขียนเพิ่มเติมเกี่ยวกับผู้อื่นในบทความเกี่ยวกับแบบฟอร์มแยกต่างหาก (เร็วๆ นี้) ดีและองค์ประกอบเสริม ในกรณีของเรา นี่คือข้อความและตัวแบ่งบรรทัด ความเป็นไปได้ของแบบฟอร์ม โดยเฉพาะอย่างยิ่งเมื่อมี html5 เกิดขึ้นนั้นยิ่งใหญ่มาก คุณสามารถเพิ่มฟิลด์ได้ไม่จำกัดจำนวน ทำเครื่องหมายว่าจำเป็น กำหนดรูปแบบ ฯลฯ ฉันจะเขียนเกี่ยวกับทั้งหมดนี้แยกกันอีกครั้งในบางครั้ง องค์ประกอบบล็อกและอินไลน์ โดยทั่วไป องค์ประกอบทั้งหมดใน html สามารถแบ่งคร่าวๆ ได้เป็นสองประเภท: บล็อกและอินไลน์ ตัวอย่างเช่น แท็กตัวพิมพ์เล็กได้แก่: b (ตัวหนา), img (รูปภาพ), a (ลิงก์) เป็นต้น นั่นคือสามารถใช้งานได้หลายครั้งในบรรทัดเดียว สิ่งที่บล็อกเป็นเรื่องที่แตกต่างไปจากเดิมอย่างสิ้นเชิง สามารถมีได้เพียงหนึ่งบล็อกต่อบรรทัด ตัวอย่างบล็อก: ย่อหน้า ตาราง รายการ คือบรรทัดเดียวจะมี 2 ย่อหน้าไม่ได้ใช่ไหม? มีแท็กใน html ที่กำหนดบล็อกและองค์ประกอบอินไลน์ โดยไม่ต้องให้คุณสมบัติใดๆ เพิ่มเติม พวกนี้คือ span และ div อันแรกเป็นแบบอินไลน์และอันที่สองคือบล็อก ถูกนำมาใช้ในการจัดวางตลอดเวลา เพื่อช่วยให้คุณเข้าใจความแตกต่าง นี่คือตัวอย่าง: ข้อความ ข้อความ ข้อความ ข้อความ ข้อความ ข้อความ ข้อความ นี่อาจเป็นแท็ก HTML หลักทั้งหมดสำหรับการสร้างเว็บไซต์ซึ่งมีการใช้งานจริงตลอดเวลาและคุณจำเป็นต้องรู้จริงๆ มนุษย์ไม่สามารถดำรงชีวิตด้วยคำพูดเพียงอย่างเดียวได้ ไม่ว่าเขาจะกลืนพวกเขาไปมากแค่ไหนก็ตาม แอดไล สตีเวนสัน. โดยทั่วไป HTML ไม่ใช่ภาษาการเขียนโปรแกรม นี่คือภาษามาร์กอัป HyperText นั่นก็คือการเรียกมันว่า “ภาษา HTML” นั้นไม่ถูกต้อง พูดง่ายๆ ก็คือ HTML คือรายการแท็ก (คำควบคุม) ที่ให้คุณนำเสนอข้อความธรรมดาในรูปแบบที่จัดรูปแบบได้ เช่น เน้นเป็นตัวหนา หรือ ตัวเอียงเป็นต้น แต่ข้อความสามารถนำเสนอในลักษณะนี้เท่านั้น โปรแกรมพิเศษอ่า - (โปรแกรมที่คุณท่องอินเทอร์เน็ต) โดยจะแสดงเฉพาะข้อความที่จัดรูปแบบและซ่อนแท็ก HTML ที่ใช้ในการจัดรูปแบบ เพื่อให้ชัดเจนยิ่งขึ้นว่าฉันกำลังพูดถึงอะไร ให้คลิกขวาที่หน้านี้แล้วเลือก “ ซอร์สโค้ด"หรืออะไรทำนองนั้น หน้านี้จะเปิดต่อหน้าคุณในรูปแบบปัจจุบัน คุณสามารถสร้างโค้ด HTML ได้ทั้งในโปรแกรมปกติและโปรแกรมพิเศษที่เรียกว่า โปรแกรมแก้ไขภาพแตกต่างจากโปรแกรมแก้ไขข้อความตรงที่ออกแบบมาเพื่อพิมพ์โค้ด HTML, CSS, JavaScript, PHP ฯลฯ เช่น สำหรับการเขียนโปรแกรมเว็บ นอกจากนี้ยังช่วยให้คุณดูผลงานของคุณในเบราว์เซอร์ในตัวได้ทันทีและเน้นข้อผิดพลาดบางอย่างในโค้ดที่พิมพ์ ฉันขอแนะนำอย่างยิ่งให้พิมพ์โค้ดทั้งหมดด้วยมือ (เพื่อปรับปรุงความตรงของมือเหล่านี้) บรรณาธิการภาพพวกเขาช่วยอำนวยความสะดวกในกระบวนการนี้อย่างมาก ส่วนตัวผมใช้. นี่ยังห่างไกลจากที่สุด เวอร์ชันล่าสุดแต่ความสามารถของมันก็เกินพอสำหรับฉัน ฉันทำสิ่งนี้: ฉันพิมพ์โค้ดใน Dreamweaver จากนั้นบันทึกและคลิกปุ่ม "ดูในเบราว์เซอร์" (คุณแก้ไขรายการเบราว์เซอร์ในเมนูนี้ด้วยตัวเอง) จากนั้นกลับไปที่ Dreamweaver และแก้ไขต่อ ที่นี่ . เพียงเท่านี้สำหรับเครื่องมือ ตอนนี้เรามาดูแท็ก HTML กันดีกว่า เริ่มต้นด้วยโครงสร้างของหน้า HTML หรือด้วยแท็กหลัก แท็กหน้า HTML ที่จำเป็น แท็ก HTML ที่จำเป็น (พื้นฐาน) ที่ใช้ในเอกสาร HTML ทุกฉบับมีดังต่อไปนี้: บันทึก. เพื่อให้เบราว์เซอร์ส่งออกโค้ด HTML เป็นข้อความ (ไม่แปลเป็นโค้ด) ฉันเว้นช่องว่างไว้หลังวงเล็บมุมเปิดแต่ละวงเล็บ "" เมื่อคุณพิมพ์รหัสอย่าเว้นช่องว่าง อย่างที่คุณเห็น แท็กทั้งหมดถูกจับคู่กัน (มีแท็กเปิดและแท็กปิด) ใน HTML แท็กเกือบทั้งหมดจะเป็นเช่นนี้ ความแตกต่างระหว่างแท็กเปิดและแท็กปิดคือแท็กปิดนำหน้าด้วยเครื่องหมายทับ “/” แท็กดังกล่าวเรียกอีกอย่างว่าคอนเทนเนอร์แท็ก เนื่องจากสามารถแทรกแท็กอื่นๆ ระหว่างแท็กเหล่านั้นได้ เช่น วางในภาชนะ คุณจะเห็นเองได้ว่าระหว่างแท็กนั้นมีแท็กอื่นอยู่ คุณสามารถพิมพ์ชื่อแท็กด้วยตัวพิมพ์ใหญ่หรือตัวพิมพ์ใหญ่ก็ได้ไม่มีความแตกต่าง นั่นคือบันทึกประเภทและสำหรับเบราว์เซอร์ไม่มีความแตกต่างและได้รับการตีความในลักษณะเดียวกัน ตอนนี้เรามาดูรายละเอียดเพิ่มเติมเกี่ยวกับความหมายของแท็กเหล่านี้กัน ดังนั้นแท็กหลักจะแสดงเบราว์เซอร์และโปรแกรมอื่น ๆ สำหรับการดูหน้าไฮเปอร์เท็กซ์ที่พวกเขากำลังจัดการกับเอกสารไฮเปอร์เท็กซ์ เอกสาร html ใด ๆ จะต้องขึ้นต้นด้วยและลงท้ายด้วย นั่นคือระหว่างแท็กเหล่านี้จะมีโค้ดทั้งหมดของหน้า html ระหว่างแท็กจะมีเมตาแท็ก (ชื่อหน้า คำอธิบาย คำสำคัญ ฯลฯ) พวกเขาเก็บข้อมูลเกี่ยวกับหน้า html และ ข้อมูลทางเทคนิค- โดยทั่วไป แท็กนี้ไม่บังคับ กล่าวคือ หากไม่มีแท็กนี้ เบราว์เซอร์ก็จะแสดงเอกสาร HTML ตามปกติ แต่แม้ว่าคุณจะไม่ได้วางแผนที่จะใช้พื้นที่ชื่อเรื่อง อย่างน้อยก็เขียนมันง่ายๆ นี่เป็นสิ่งจำเป็นสำหรับความเข้ากันได้ระหว่างโปรแกรมเวอร์ชันต่างๆ ข้อมูลทั้งหมดที่อยู่ระหว่างแท็ก "HEAD" จะไม่แสดงโดยเบราว์เซอร์ แต่อย่างใด (ยกเว้นข้อมูลระหว่างแท็กซึ่งมีชื่อของเอกสาร html อยู่แสดงใน แผงด้านบนเบราว์เซอร์) แต่อาจมีผลกระทบอย่างมากต่อรูปลักษณ์ของหน้า html ชีวิตบนอินเทอร์เน็ต และการจัดอันดับ เราจะพูดคุยเพิ่มเติมเกี่ยวกับแท็กที่อยู่ในส่วนหัวของเอกสารไฮเปอร์เท็กซ์ในภายหลัง เนื้อหาหลักของเอกสาร HTML อยู่ระหว่างแท็ก และ นี่คือทุกสิ่งที่เราเห็นเมื่อเปิดหน้า html: ข้อความ กราฟิก เมนู ปุ่ม ฯลฯ นี่คือ "เนื้อหา" หลักของหน้า แท็กอื่นๆ ทั้งหมดที่ใช้เมื่อสร้างเอกสาร HTML จะอยู่ระหว่าง (เช่น ภายใน) แท็กที่จำเป็นเหล่านี้ แท็กเกือบทั้งหมดใน HTML มีแอตทริบิวต์ คุณสมบัติ และพารามิเตอร์ที่หลากหลาย ซึ่งช่วยให้คุณสามารถแสดงข้อมูลได้ตรงตามที่นักพัฒนาต้องการ ตัวอย่างเช่น หากคุณเขียนว่า: จากนั้นพื้นหลังของทั้งหน้าจะเป็นสีแดง จริงๆ แล้วแท็กในที่นี้ก็คือแท็ก bgcolor - คุณลักษณะของมัน; "#FF0000" - ค่าแอตทริบิวต์ (แท็กสามารถมีได้หลายแอตทริบิวต์) บันทึก. คุณลักษณะของแท็กทั้งหมดและค่าจะถูกระบุไว้ในแท็กเปิด (ที่ไม่มีเครื่องหมายทับ) แต่ไม่ว่าในกรณีใดในแท็กปิด ดังนั้นเราจึงพบแท็กหลักของเอกสาร html ถึงเวลาศึกษาส่วนที่เหลือโดยละเอียดแล้ว ที่นี่ฉันต้องการพูดนอกเรื่องเล็กน้อย ฉันจะแนะนำการเรียนรู้ HTML ได้อย่างไร ด้วยการนำความรู้ที่ได้รับมาฝึกฝน ฉันตระหนักได้ว่าผู้เขียนหนังสือและแบบฝึกหัดเหล่านี้ส่วนใหญ่ทำผิดพลาดเพียงใด หนังสือเรียนทั้งหมดเหล่านี้ ประการแรกมีไว้สำหรับผู้เริ่มต้น และประการที่สอง สอนพื้นฐานของ HTML ตามลำดับ ที. นั่นคือแท็กชื่อเรื่องของเอกสาร html () จะได้รับการพิจารณาก่อนจากนั้นจึงพิจารณาแท็ก "body" () โอ้ กลับมาเถอะ ประสบการณ์ของตัวเองฉันกล้าที่จะบอกว่าลำดับการเรียนรู้พื้นฐานของ HTML นี้เป็นที่ยอมรับไม่ได้สำหรับผู้เริ่มต้น ผู้เริ่มต้นพยายามศึกษาแท็กชื่อที่มีจำนวนมากมายและไม่ค่อยมีใครเข้าใจเหล่านี้ ประการแรกโดยไม่เห็นผลการเรียนรู้ของเขา (ฉันขอเตือนคุณว่าเบราว์เซอร์จะไม่แสดงแท็กชื่อ) และประการที่สอง โดยไม่ต้องสงสัยด้วยซ้ำว่าแท็กเหล่านี้ส่วนใหญ่ไม่จำเป็นในการสร้างไซต์ที่เขาวางแผนไว้ (อย่างน้อยก็ในช่วงเริ่มต้นของการทำงาน) ดังนั้นเขาจึงเพียงเสียเวลาและความปรารถนาที่จะดำเนินการต่อเท่านั้น การเรียนรู้ HTML- ขณะเดียวกันก็ยืนกรานว่ามีเพียง “กูรู” เท่านั้นที่สามารถทำได้เพื่อเงินที่ดี ฉันก็จะเลิกทำกิจกรรมนี้เช่นกันถ้าฉันไม่ใส่ใจกับสิ่งที่ฉันยังไม่เข้าใจและยังไม่เดินหน้าต่อไป ดังนั้นฉันขอแนะนำให้คุณพิจารณาแท็กที่เกี่ยวข้องกับ "เนื้อหา" ของเอกสาร html () ก่อนแล้วจึงไปยังส่วนที่เหลือ นอกจากนี้ “เนื้อหา” ของหน้า html ยังมีข้อมูลที่ผู้เยี่ยมชมไซต์จะได้รับ และการสร้างหรือค้นหามันยากกว่าการเขียนโค้ดมาก เอาล่ะ คลิกปุ่ม "ถัดไป" โดยไม่ลังเลเลยแม้แต่นาทีเดียวและค้นหาต่อไปว่าคนที่ไม่ได้โกนผมและอดนอนเหล่านี้สร้างเว็บไซต์ได้อย่างไร สวัสดีผู้อ่านที่รักของบล็อกไซต์ อันที่จริงคำนี้มีความหมายหลายประการที่ไม่เข้ากันในลักษณะใดลักษณะหนึ่งโดยเฉพาะ ฉันจะพยายามพูดถึงแต่ละเรื่องในเอกสารฉบับนี้ คุณจะได้เรียนรู้ว่าแท็ก Html คืออะไร และแตกต่างจากเมตาแท็กอย่างไร และคุณยังจะได้เรียนรู้ว่าแท็กถูกใช้เป็นแท็กบนเว็บไซต์อย่างไร (มีความหลากหลาย) และสุดท้าย เราจะมาดูแท็กเพลงทั่วไปในไฟล์เสียงกัน นั่นทำให้คำนี้มีหลากหลายแง่มุม แต่ในทุกกรณี คำว่า "แท็ก" หมายถึงมาร์กอัปของหน้าเว็บที่ใช้ รหัส HTMLทั้งไซต์โดยใช้แท็ก หรือคอลเลกชันเพลงของคุณโดยระบุอัลบั้มและเพลง แท็กบนเว็บไซต์คืออะไร (แท็กสำหรับสร้างการนำทาง) มาเริ่มกันง่ายๆ คุณคงเคยเห็นแล้วว่าภายใต้บทความบางบทความบนเว็บไซต์มีช่องที่เรียกว่าแท็กซึ่งมีคำบางคำอยู่ด้วย เหตุใดจึงทำเช่นนี้? โดยทั่วไปเพื่ออำนวยความสะดวกในการนำทางบนเว็บไซต์นี้ () คำหลักที่เรียกว่าถูกใช้เป็นแท็ก ซึ่งเป็นชุดที่อธิบายลักษณะสิ่งพิมพ์โดยย่อ (เช่น for หน้าแรกชุดแท็กต่อไปนี้เหมาะกับบล็อกของฉัน: การสร้างเว็บไซต์; การส่งเสริม; การโปรโมตเว็บไซต์ รายได้) ด้วยความช่วยเหลือของคำเหล่านี้ คุณจะสามารถระบุได้อย่างชัดเจนว่าบทความนี้เกี่ยวกับอะไร แต่คุณค่าหลักของพวกเขาไม่ใช่สิ่งนี้ แต่เป็นความจริงที่ว่าผู้เยี่ยมชมสามารถคลิกที่แท็กใดก็ได้และดูรายการบทความทั้งหมดบนเว็บไซต์ที่ปรากฏ โดยพื้นฐานแล้วนี่คือ เครื่องมืออันทรงพลังการจำแนกประเภทของข้อมูล เพื่อไม่ให้ค้นหาแท็กที่จำเป็นในบทความเจ้าของเว็บไซต์มักจะสร้างสิ่งที่เรียกว่าแท็กคลาวด์ซึ่งสามารถวางไว้ในคอลัมน์ด้านซ้ายหรือขวาของไซต์หรือในส่วนท้าย (ด้านล่าง) ความอับอายในทางปฏิบัตินี้อาจมีลักษณะเช่นนี้: โดยปกติจะแสดงแท็กที่ได้รับความนิยมมากที่สุด และคุณสามารถดูแท็กทั้งหมดได้โดยคลิกลิงก์ที่เกี่ยวข้อง บางครั้งแท็กที่ใช้บ่อยกว่า (ปรากฏในบทความเพิ่มเติมบนเว็บไซต์นี้) จะแสดงเป็นแบบอักษรขนาดใหญ่ขึ้น และแท็กที่ใช้บ่อยน้อยกว่าจะแสดงเป็นแบบอักษรขนาดเล็ก บางครั้งมีการสร้างเพจแยกต่างหากเพื่อแสดง ดังที่แสดงในภาพหน้าจอก่อนหน้า เหตุใดวิธีการติดแท็กนี้จึงไม่ใช้กับทุกเว็บไซต์หากสะดวกสำหรับผู้ใช้ พวกเขาไม่ได้อยู่ในบล็อกของฉันเช่นกันซึ่งมีคำอธิบายหลายประการ แม้ว่าการใช้งานจะมีให้ตามค่าเริ่มต้น แต่ก็มีปลั๊กอินจำนวนมากสำหรับการทำงานกับแท็ก ใช่ แท็กทำงานได้ดีเมื่อคุณมีบทความไม่กี่บทความ และคุณจำแท็กทั้งหมดที่คุณสร้างและใช้ในบทความอื่นได้ดี แต่ด้วยจำนวนเนื้อหาที่เพิ่มขึ้น จำนวนแท็กก็เพิ่มขึ้นอย่างรวดเร็ว โดยเริ่มมีการทำซ้ำบางส่วนเมื่อใช้คีย์เวิร์ดที่มีความหมายใกล้เคียงกัน มันส่งผลให้เกิดความยุ่งเหยิงครั้งใหญ่ซึ่งในความคิดของฉันคุณค่าของการปรับปรุงการนำทางนั้นค่อนข้างน่าสงสัย เพื่อจุดประสงค์นี้ ในโครงการเว็บขนาดใหญ่ ควรใช้การค้นหาไซต์จะดีกว่า แม้ว่าแท็กจะทำงานได้ดีก็ตาม เครือข่ายสังคมออนไลน์ซึ่งคุณสามารถใช้แท็กเพื่อรวมข้อมูลจากผู้ใช้หลายรายและดูได้ในที่เดียว - แท็ก HTML คืออะไร? ตอนแรกฉันตัดสินใจศึกษาสิ่งเหล่านี้เมื่อสิบห้าปีที่แล้ว แต่ตอนนั้นฉันก็ไม่ก้าวหน้าไปไกลกว่าแท็ก Title จากนั้นฉันก็ไปเจอหลักสูตรวิดีโอฟรีของ Evgeniy Popov เกี่ยวกับ Html และทุกอย่างเป็นไปด้วยดี แน่นอนว่าหลักสูตรนั้นเป็นเพียงระยะเริ่มแรก แต่เป็นการนำเสนอที่เรียบง่ายซึ่งผู้เริ่มต้นมักจะขาด บทเรียนเหล่านี้ครอบคลุม แท็กพื้นฐานด้วยความช่วยเหลือที่คุณสามารถสร้างตาราง แทรกรูปภาพและไฮเปอร์ลิงก์ลงในข้อความ เพิ่มรูปแบบต่างๆ ลงในไซต์ และอื่นๆ อีกมากมายได้อย่างง่ายดาย วิดีโอฟรีทั้งหมด 33 รายการในหัวข้อ HTML แต่หลักสูตรวิดีโอนั้นเป็นหลักสูตรวิดีโอ และฉันต้องสนใจคุณเพื่อที่คุณจะได้ดาวน์โหลดและรับชม จากวลีทั่วไปยังไม่ชัดเจนว่าแท็กคืออะไรในภาษา HTML และทำไมคุณต้องศึกษาแท็กเหล่านี้ โอ้ สุดยอดเลยและ. สิ่งง่ายๆซึ่งจะทำให้คุณเป็นเจ้าแห่งเว็บไซต์ของคุณเองได้ ทำไมคุณถึงต้องมีเว็บไซต์? ก่อนอื่นอาจเป็นเพื่อการแสดงออกและความพยายามและประการที่สอง - . แค่เงียบๆ ไม่อย่างนั้นทุกคนจะได้ยินและวิ่งไปศึกษาว่าแท็กคืออะไร สร้างเว็บไซต์และสร้างรายได้ทุกอย่างที่มีเพียงคุณเท่านั้นที่สร้างรายได้ และฉันอยู่ในบริษัท ดังนั้นฉันจะพูดต่อไปด้วยเสียงกระซิบเท่านั้น อินเทอร์เน็ตเปรียบได้กับโทรทัศน์ที่คุณสร้างรายการเล็ก ๆ ของคุณเอง (สร้างเว็บไซต์โดยใช้แท็ก) และรับรายได้จากการโฆษณา ยิ่งการแสดงของคุณได้รับความนิยมมาก (โครงการทางอินเทอร์เน็ต) คุณก็จะได้รับรายได้มากขึ้นเท่านั้น ไม่มีขีดจำกัดบน แม้ว่าจะไม่มีขีดจำกัดล่างเช่นกัน แต่คุณไม่จำเป็นต้องลงทุนเงิน เพียงแค่ใช้แรงงานและเวลาในการศึกษาแท็ก วิธีการทำงานของกลไก และในความเป็นจริง เติมเนื้อหาให้กับไซต์ ดังนั้นแท็กจึงเป็นองค์ประกอบมาร์กอัปที่ง่ายที่สุดของหน้าเว็บเพื่อให้เบราว์เซอร์เมื่อโหลดจากเซิร์ฟเวอร์จะเข้าใจวิธีการแสดงองค์ประกอบเฉพาะ (ข้อความ รูปภาพ วิดีโอ) อย่างแม่นยำ ก่อนหน้านี้ภาษา Html รับผิดชอบเรื่องทั้งหมดนี้เพียงอย่างเดียว แต่แล้วพวกเขาก็มาช่วยเหลือเขา และมันก็กลายเป็นเรื่องง่ายสำหรับเขามาก โปปอฟยังมีหลักสูตรวิดีโอฟรีซึ่งสามารถดาวน์โหลดได้จากที่นี่ เพื่อนๆ เมื่อคุณเชี่ยวชาญแท็ก Html คุณจะเข้าใจว่ามันง่ายเหมือนกับปลอกลูกแพร์ สิ่งที่สำคัญที่สุดคือการเริ่มต้นและกระตุ้นตัวเอง ฉันไม่ได้แค่บอกคุณเกี่ยวกับด้านการเงินเท่านั้น ไซต์นี้อาจกลายเป็นแหล่งรายได้หลักของคุณและทั้งครอบครัวก็สามารถหาเลี้ยงชีพได้ คุณต้องมีโชค ความอุตสาหะ และไม่กลัวที่จะลองสิ่งใหม่ๆ มีแท็กที่แตกต่างกัน แต่มีไม่มาก (ในแท็กที่ยังคงมีความเกี่ยวข้องหลังจากใช้งาน CSS) ดูสิว่ามันง่ายแค่ไหน สมมติว่าคุณต้องการสร้างย่อหน้า - เพียงล้อมรอบข้อความของย่อหน้าในอนาคตด้วยแท็กเปิดและปิด (นี่คือ อักษรละตินและในโค้ดควรเขียนให้เล็ก ๆ ดีกว่า แต่ที่นี่ฉันทำให้เป็นตัวพิมพ์ใหญ่เพื่อความชัดเจน) นี่คือสิ่งที่จะมีลักษณะดังนี้: ข้อความ......ข้อความข้อความ คุณเข้าใจความแตกต่างระหว่างแท็กเปิด 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 และเบราว์เซอร์อื่น ๆ คำถามใหญ่ - วิธีสร้างรายได้จากบริการคำถามและคำตอบ การเปรียบเทียบเป็นเทคนิคในการตกแต่งภาพ (ตัวอย่างจากวรรณกรรม) สมาร์ททีวีบนทีวีคืออะไร   อ่าน: การเปลี่ยนอินเทอร์เฟซ Steam - จากรูปภาพธรรมดาไปจนถึงการนำเสนอทั้งหมดบนหน้าจอ การออกแบบไอน้ำใหม่ วิธียกเลิกการสมัครสมาชิก Megogo บนทีวี: คำแนะนำโดยละเอียด วิธียกเลิกการสมัครสมาชิก Megogo วิธีแบ่งพาร์ติชันดิสก์โดยติดตั้ง Windows โดยไม่สูญเสียข้อมูล แบ่งพาร์ติชันดิสก์ 7 เหตุใดผู้จัดพิมพ์จึงไม่สามารถแก้ไขทุกหน้าได้ รหัสโปรโมชั่น Pandao สำหรับคะแนน เป็นที่นิยม: การติดตั้ง RAM เพิ่มเติม จะทำอย่างไรถ้าหูฟังไม่สร้างเสียงบนแล็ปท็อป ไดเรกทอรีไดโอด ไดโอดเรียงกระแสกำลังสูง 220V วิธีรีเซ็ตรหัสผ่านผู้ดูแลระบบบน Mac OS X โดยไม่ต้องใช้แผ่นดิสก์การติดตั้ง การตั้งค่า Shadow Defender วิธีดาวน์โหลดและกำหนดค่าผู้ช่วยอัจฉริยะสำหรับอุปกรณ์ Android ใหม่ วิธีฟื้นฟูรอบประจำเดือนหลังคลอดบุตร: ตัวเลือก "ทุกที่ที่บ้าน" และ "ทุกที่ที่บ้านในรัสเซีย" MTS - คำอธิบายต้นทุนวิธีเชื่อมต่อ วิธีการกู้คืนหรือรีเซ็ตรหัสผ่านผู้ใช้ Windows วิธีลบโปรแกรม Avast อย่างสมบูรณ์เพื่อลบ Avast แอปพลิเคชั่นมือถือ Aliexpress รูปแบบแป้นพิมพ์ QWERTY และ AZERTY แป้นพิมพ์ Dvorak เวอร์ชันพิเศษ เกาะเซาวิเซนเต เกาะเซาวิเซนเต กฎที่เราฝ่าฝืน สามารถวางข้อศอกบนโต๊ะได้หรือไม่? แฟลชไดรฟ์ USB ตัวใดที่น่าเชื่อถือและเร็วที่สุด? การเชื่อมต่อแล็ปท็อปเข้ากับทีวีผ่านสาย USB เพื่อเชื่อมต่อแล็ปท็อปเข้ากับทีวี VGA การเปลี่ยนอินเทอร์เฟซ Steam - จากรูปภาพธรรมดาไปจนถึงการนำเสนอทั้งหมดบนหน้าจอ การออกแบบไอน้ำใหม่ วิธียกเลิกการสมัครสมาชิก Megogo บนทีวี: คำแนะนำโดยละเอียด วิธียกเลิกการสมัครสมาชิก Megogo ลักษณะและข้อดีของบริการ Megogo หนึ่งในบริการวิดีโอที่ใหญ่ที่สุดในยุโรปตะวันออกและ CIS คือ Megogo แค็ตตาล็อกประกอบด้วยมากกว่า 80,000... วิธีแบ่งพาร์ติชันดิสก์โดยติดตั้ง Windows โดยไม่สูญเสียข้อมูล แบ่งพาร์ติชันดิสก์ 7 การแบ่งฮาร์ดไดรฟ์ออกเป็นพาร์ติชั่นโดยใช้ Windows7 การแบ่งพาร์ติชั่นไดรฟ์ C:\ ใน Win7 เมื่อซื้อคอมพิวเตอร์หรือแล็ปท็อปเครื่องใหม่ที่มี... เหตุใดผู้จัดพิมพ์จึงไม่สามารถแก้ไขทุกหน้าได้ ผู้ใช้ที่ทำงานใน Microsoft Word บ่อยครั้งอาจประสบปัญหาบางอย่างเป็นครั้งคราว เราได้หารือเกี่ยวกับวิธีแก้ปัญหากับหลายๆ คนแล้ว... รหัสโปรโมชั่น Pandao สำหรับคะแนน บางครั้งเมื่อคุณพยายามเข้าสู่ร้านค้าอย่างเป็นทางการของยักษ์ใหญ่ดิจิทัล Play Market จะเขียนเพื่อเปิดใช้งานรหัสส่งเสริมการขาย เพื่อให้ได้ความครอบคลุม... การตั้งค่าพีซี อัพเดต การบำรุงรักษา การตั้งค่า อาร์เอสเอส