การแก้ไขการเขียน HTML ของไฟล์ต้นฉบับ การแก้ไขไฟล์การเขียน HTML ต้นทางวิธีการเปิดตัวอักษรในเบราว์เซอร์

อ่านสองส่วนก่อนหน้านี้เบาลงที่สามและคุณจะติดอาวุธด้วยทั้งหมด ความรู้ทางเทคนิค สำหรับงานเต็มรูปแบบในบรรณาธิการใหม่!

วิธีการดึงรหัสตัวอักษรจากโปรแกรมแก้ไขใหม่?

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

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

จากจุดเริ่มต้น

ดังนั้นเราจะผ่านขั้นตอนทั้งหมดอย่างสมบูรณ์ ตั้งแต่เริ่มต้น ฉันทำทุกอย่างในสี่ขั้นตอน

ขั้นตอนที่สอง เลือกรูปแบบที่บันทึกไว้

ขั้นตอนที่สาม คลิกที่ปุ่ม "ดูตัวอย่าง" ต่อไปฉันจะอธิบายขั้นตอนในเบราว์เซอร์ Google Chrome. . เมื่อคลิกที่ปุ่ม "ดูตัวอย่าง" ตัวอักษรจะเปิดขึ้นในแบบฟอร์มซึ่งผู้สมัครสมาชิกจะเห็น

ขั้นตอนที่สี่ คีย์เมาส์ขวาเรียกเมนูที่คุณเลือกตัวเลือก "ดูรหัส" ใน เบราว์เซอร์โครเมี่ยม หลังจากนั้นหน้าต่างด้านล่างจะเปิดขึ้นจากด้านล่าง ("หน้าต่างในหน้าต่าง") ด้วยรหัส HTML ของตัวอักษร

เพื่อให้ชัดเจนภาพหน้าจอของทุกขั้นตอนจะแสดงอยู่ด้านล่าง

วิธีการรับรหัสการเขียน HTML

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

ขยับขึ้นเราไปถึงจุดเริ่มต้นของจดหมายของเรา นี่อาจเป็นข้อความแรกตัวอย่างเช่น "Hello, Dear Subscribers" หรือรูปภาพเป็นโลโก้ของเว็บไซต์ของคุณ

จดหมายของฉันเริ่มต้นด้วยโลโก้ ที่นี่เราจะค้นหารหัสที่คำอธิบายขององค์ประกอบทั้งหมดของตัวอักษรเริ่มต้น: ข้อความและรูปภาพ

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

วิธีการตั้งค่าหน้าต่างพิเศษ

เลือกตำแหน่งของหน้าต่างเพิ่มเติมเพียงแค่

  1. ในเมนูด้านบนของหน้าต่างเพิ่มเติมทางด้านขวาถัดจากไม้กางเขนมีองค์ประกอบที่ระบุด้วยจุดแนวตั้งสามจุด มันเรียกว่าการปรับแต่งและควบคุม devTools (ชื่อจะปรากฏขึ้นเมื่อคุณเลื่อนเคอร์เซอร์ของเมาส์ไปวาง) เปิด.
  2. เลือก Dock to Bottom Mode

ทุกอย่าง ตอนนี้หน้าต่างพิเศษของเราตั้งอยู่ด้านล่าง ในขณะเดียวกันองค์ประกอบจะต้องเลือกที่ด้านซ้ายของเมนูด้านบน

คัดลอกรหัสตัวอักษรจากเบราว์เซอร์

ตอนนี้เราย้ายไปตามรหัสจากบนลงล่าง ทันทีที่เราพบรหัสที่มีการครอบคลุมทุกรายการพร้อมกันในหน้าของจดหมายของเราโทรไปที่เมนูแล้วเลือกแก้ไขเป็น HTML

บล็อกเปิด: สี่เหลี่ยมผืนผ้าภายในซึ่งมีรหัสจำนวนมากจำนวนมาก คัดลอกรหัสทั้งหมดภายในสี่เหลี่ยมผืนผ้านี้ (กดครั้งแรกที่ Ctrl + ปุ่มคีย์จากนั้น Ctrl + C)

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

ฟิลด์ที่สะอาดของเทมเพลตใหม่จะเปิดขึ้นในเมนูที่คุณต้องคลิกปุ่ม "Source" (ที่นี่แท้จริงฉันเห็นว่าตอนนี้ปุ่มนี้เปลี่ยนชื่อเป็น "รหัส HTML")

จากนั้นเราใส่รหัส HTML ของเราด้วยการรวมคีย์ Ctrl + V จากนั้นคุณระบุหัวเรื่องของตัวอักษร (นี่คือฟิลด์บังคับ) และกดปุ่ม "บันทึก" พร้อมแล้ว!

แก้ไขรหัสตัวอักษรอย่างถูกต้อง

ดังนั้นเราคิดออก ตอนนี้คุณสามารถบันทึกรหัสในรูปแบบของไฟล์ HTML บนคอมพิวเตอร์ของคุณ เมื่อต้องการทำเช่นนี้เพียงแค่เปิด "Notepad" และบันทึกรหัสในนั้น หลังจากนั้นเปลี่ยนนามสกุล * .txt เป็น * .html และเปิดไฟล์ ในหน้าต่างเบราว์เซอร์คุณจะเห็นสำเนาจดหมายของคุณ

พูดอย่างเคร่งครัดเพื่อบันทึกรหัสซอฟต์แวร์ ดาวน์โหลด Notepad ++ Editor. ฉันมักจะใช้มันตรงกับพวกเขาเพราะ notepad คือ:

a) การแสดงภาพโครงสร้างโค้ด
b) ไฮไลต์ไวยากรณ์ (นั่นคือการเชื่อมต่อระหว่างองค์ประกอบของรหัส: ทุกที่ที่เปิดและปิดและระหว่างเหล่านี้ "ที่เขียน" ถูกเขียน)

จริงใน cl ฉันสอนด้วยการประมวลผลรหัสจดหมายที่สร้างขึ้นอย่างแม่นยำในบริการส่งจดหมาย SmartResponder ฉันไม่ได้ช่วย Notepad ++ เพื่อให้ได้เครื่องหมายรหัสที่สวยงาม ที่นี่ฉันกู้คืนแล้ว Adobe Dreamweaver CC.

เพียงแค่ขอบคุณเขาจัดการเพื่อจัดโครงสร้างรหัสโดยใช้คำสั่ง "ซอร์สโค้ด" "ซอร์สโค้ด"

ตอนนี้คุณสามารถถ่ายโอนรหัสใน Notepad ++ และบันทึก แม้ว่าจะไม่ ก่อนบันทึกคุณต้องคลิก "แปลงเป็น ANSI" เพื่อให้ไม่มี Doodle แทนที่จะเป็นข้อความเมื่อดู

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

หลังจากนั้นทุกอย่างควรเปิดและปรากฏเป็นในเทมเพลตตัวอักษรในบริการ SmartResponder

ความปลอดภัย: บันทึกรหัสใน SmartResponder

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

สำหรับรหัสนี้คัดลอกมาจาก google เบราว์เซอร์ Chrome คุณต้องใส่ลงในนักออกแบบ SmartResponder เก่า

มันทำได้ง่าย

  1. เลือกส่วน "รายการเทมเพลตตัวอักษร" ในแท็บ "การส่งจดหมาย"
  2. คลิกที่ปุ่ม "สร้างรูปแบบ"
  3. เลือกประเภท "ตัวอักษร HTML ที่มีสีสัน (ตัวแก้ไขเก่า)" และคลิก "ถัดไป"
  4. ในบรรณาธิการที่เปิดขึ้นคุณคลิกที่ปุ่ม "รหัส HTML" เพื่อสร้างตัวอักษร
  5. ใส่รหัสของเรา (คลิก Ctrl + V) เราสามารถคลิกที่ปุ่ม "รหัส HTML" ได้อีกครั้งนั่นคือปิดโหมดการแสดงโค้ดและเปิดโหมดมุมมอง มุมมองภายนอก จดหมาย.
  6. อย่าลืมกรอกข้อมูล "ธีมของตัวอักษร" (ในภาษารัสเซีย: เราให้ชื่อกับเทมเพลตของเรา)
  7. กดปุ่ม "บันทึก"

ในความเป็นจริงที่นี่ทุกสิ่งที่ฉันต้องการบอกคุณเกี่ยวกับตัวแก้ไข SmartResponder ใหม่หลังจากสร้างตัวอักษรตัวแรกของฉันในนั้น

ฉันอยากจะบอกว่าฉันไม่คุ้นเคยกับบริการ SmartResponder ก่อนหน้านี้ นั่นคือทักษะการทำงานในทั้งในอดีตหรือในบรรณาธิการใหม่ที่ฉันไม่เคยมีมาก่อน แต่ฉันลงทะเบียนและคิดออก ตอนนี้คุณรู้วิธีการทำงานในนักออกแบบ SmartResponder ใหม่

และคุณใช้บริการอะไรในการสร้างและส่งจดหมายในงานของคุณ?

เรามักถูกถามเกี่ยวกับความเป็นไปได้ของการแก้ไขตัวอักษร HTML ตามกฎแล้วไม่มีปัญหากับเรื่องนี้เนื่องจากจดหมายข่าวมีการติดตั้งบรรณาธิการอีเมลต่างๆ

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

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

ทำความคุ้นเคยกับบรรณาธิการ

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

ตามที่คุณเห็นสี Sublime จัดสรรรูปแบบข้อมูลต่าง ๆ ในเวอร์ชันของเรา: Pink - แท็ก HTML, สีเขียว - พารามิเตอร์, สีเหลือง, สีม่วงและสีน้ำเงิน - ค่าของพารามิเตอร์ต่าง ๆ และสีขาว - ข้อความ

การเปลี่ยนข้อความของตัวอักษร

ด้วยคุณสมบัติดังกล่าวข้างต้นของบรรณาธิการเด็กสามารถรับมือกับข้อความการเขียนของตัวอักษร สิ่งที่คุณต้องเปลี่ยนเพียงแค่แทนที่ข้อความที่เลือกโดย Sublime White

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

และอีกคำแนะนำเล็ก ๆ น้อย ๆ เพื่อค้นหาข้อความที่ต้องการในอาร์เรย์โค้ดทั้งหมดให้กด Ctrl + F - หลังจากนั้นฟิลด์การค้นหาข้อความจะปรากฏที่ด้านล่างของบรรณาธิการ

หากจำเป็นคุณสามารถเปลี่ยนสไตล์แบบอักษรได้

เราแนะนำให้คุณใช้หนึ่งในแบบอักษรต่อไปนี้ - Arial, Arial Black, Tahoma, Trebuchet MS, Verdana, Courier, Courier New, Georgia, Times New Roman นี่คือแบบอักษรมาตรฐานที่รู้จักระบบใด ๆ มิฉะนั้นข้อความของคุณบนคอมพิวเตอร์เครื่องอื่นสามารถเปลี่ยนเป็น Abracadabra

ขนาด - ทดแทนค่าที่ต้องการในพารามิเตอร์ "ขนาดตัวอักษร: 14px;" . มาเพิ่มขนาดตัวอักษรด้วย 14 พิกเซลสูงสุด 16

สี - ค่าสีถูกตั้งค่าในพารามิเตอร์ HEX "สี: # 323232;" .

คุณสามารถเลือกค่าสีด้วยน้ำจากบริการออนไลน์เช่นที่นี่ - get-color.ru

เราจะทำให้ข้อความสีเทา - # 4f4f4f.

ระยะเว้นระยะ - โดยการเปรียบเทียบกับขนาดของแบบอักษรที่กำหนดโดยพารามิเตอร์ "เส้นความสูง: 18px;"

รูปแบบตัวอักษร - แท็กถูกตั้งค่า ข้อความ - เลี่ยน ข้อความ - Keniv I. ข้อความ - ขีดเส้นใต้

เป็นที่น่าสังเกตแก่ประเสริฐเมื่อเปิดแท็กเพิ่มคำสั่งปิดลงในแท็กโดยอัตโนมัติ ระวัง.

เราเลือกข้อความของเราในตัวเอียง

แบ่งบรรทัด - ตั้งแท็ก
. เพียงแค่ใส่แท็กนี้มาก่อน อำเภอที่ต้องการ ข้อความ

เราเปลี่ยนข้อความบันทึกอัปเดตและทุกอย่างพร้อมแล้ว

แทรกลิงก์ไปยังข้อความ

target \u003d "_ Blank" - คำสั่งนี้คือการเปิดลิงค์ในแท็บใหม่ หากคุณต้องการให้ลิงค์เปิดในแท็บปัจจุบันเพียงแค่อย่าเขียน

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

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

นอกจากนี้ยังเป็นคำสั่งบังคับมิฉะนั้นเบราว์เซอร์จะแสดงสีตามดุลยพินิจของพวกเขา

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

การแทรก / การทดแทนลิงค์ไปยังรูปภาพ

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

www.example.com"Target \u003d" _ ว่างเปล่า "สไตล์ \u003d" การตกแต่งข้อความ: ขีดเส้นใต้; "\u003e

สี: # 234322; - คำสั่งการตั้งค่าสีไม่เกี่ยวข้องกับรูปภาพ

ชายแดน \u003d "0" - รูปภาพกรอบทีม ค่าของ 0 ลบกรอบสีขาวรอบ ๆ รูปภาพค่าจะสะอื้นความหนาที่สอดคล้องกันเป็นพิกเซล

ให้แน่ใจว่าได้ลงทะเบียนคำสั่งนี้ ตัวอย่างเช่น Outlook กำหนดกรอบรูปภาพโดยอัตโนมัติหากคุณไม่สามารถลงทะเบียนคำสั่งนี้ได้

ค้นหาส่วนของรหัสที่มีรูปภาพจะง่ายขึ้นในเบราว์เซอร์ เมื่อต้องการทำสิ่งนี้ให้คลิกขวาที่รูปภาพที่ต้องการและเลือก "ดูรหัส" (นี่คือชื่อของตัวเลือกนี้ใน Google Chrome ชื่อและพา ธ ในเบราว์เซอร์อื่นอาจแตกต่างกัน) เบราว์เซอร์จะเน้นไปที่ส่วนที่ต้องการให้คุณคัดลอกรหัสและวางลงในการค้นหาประเสริฐ

เมื่อเปลี่ยนรูปภาพระวัง - หากขนาดของภาพใหม่นั้นแตกต่างจากขนาดของอดีตคุณต้องเปลี่ยนพารามิเตอร์ทั้งหมด ความกว้างและ ความสูงบนเฉพาะ

ฟอร์สกา

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


สวัสดีทุกคน!

Rustem ไปที่ Sochi ใน Sochi เพลิดเพลินไปกับสภาพอากาศทะเลที่อบอุ่น และเพื่อดำเนินการต่อเรื่องราวของการตลาดผ่านอีเมลสั่งให้เรากับอลีนา สัปดาห์นี้เป็นโพสต์ของฉัน ฉันจะบอกเกี่ยวกับ OpenRate

ตัวบ่งชี้ตัวอักษร (อัตราการเปิดในภาษาอังกฤษ) เป็นหนึ่งในสิ่งที่สำคัญที่สุด คุณส่ง 10,000 ตัวอักษรและอ่านเพียง 10 คนเท่านั้น OpenRate คือ 0.1% ความเศร้าโศก! แต่ถ้า 2,000 คนไม่เลวอยู่แล้ว - 20% แต่คำถามเกิดขึ้นวิธีการค้นหาว่ามีกี่คนที่อ่านจดหมาย? บริการเช่น Unisender, MailChimp, ฯลฯ ให้ข้อมูลนี้ในอินเทอร์เฟซ ลองคิดดูว่าพวกเขาได้รับข้อมูลนี้อย่างไร โชคดีที่มีเพียงไม่กี่วิธี - เพียงสองเท่านั้น

ตัวเลือก 1. รูปภาพพิกเซลเดี่ยว

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

โดยวิธีการที่คุณสามารถติดตามและเปิดตัวอักษรเดียวในรหัสในรหัสแทนที่อยู่ของรหัส GoogleAnalytics รูปภาพ จากนั้นจำนวนการค้นพบจะแสดงในสถิติของมัน

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

ตัวเลือก 2. การเปลี่ยนผ่านลิงค์

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

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

นั่นเป็นพื้นฐาน ผลไม้สัปดาห์ทำงาน!

ในหลักสูตรการศึกษาวัสดุทฤษฎีในภาษา HTML ผู้ใช้บางคนมีคำถาม: อย่างไร แทรกไฟล์ HTML ไปยังเว็บเบราว์เซอร์? ชอบรหัส HTML ที่เขียนแล้ว ดูบี เบราว์เซอร์. ดู ดังนั้นการพูดผลลัพธ์ของงานที่ทำ

ในขณะที่เราได้ตกลงกับรหัส HTML ของเราในโปรแกรม Notepot (แต่ไม่มีใครห้ามการใช้งานของบรรณาธิการอื่น ๆ "Notepad ++" ตัวอย่างเช่นซึ่งสะดวกยิ่งขึ้น)

และเปิดโปรแกรม "Notepad" และเขียนรหัส HTML บางอย่าง ใช้รหัส HTML จากบทเรียนที่ผ่านมา

</span><span>

"คำอธิบาย" เนื้อหา \u003d " คำอธิบายหน้า">

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

ทุกอย่างทำงาน

เราเพิ่มสามบรรทัดเหล่านี้ไปยังรหัส HTML ของเราและรับรหัสประเภทนี้:

</span><span>ชื่อเอกสาร (หน้าเว็บ)</span><span>

"คำอธิบาย" เนื้อหา \u003d " คำอธิบายหน้า">

ตรวจสอบผลลัพธ์ของการเขียนรหัส HTML

ทุกอย่างทำงาน

เก็บไฟล์ของเรา: คลิกไฟล์→ บันทึกเป็น

ในหน้าต่างที่เปิดขึ้นให้เลือกโฟลเดอร์ที่เราบันทึกไฟล์เรากำหนดชื่อไฟล์ (ตัวอย่างเช่น Dokument), เปลี่ยนนามสกุลของ file.txt on.html และประเภทไฟล์ตั้งค่า "ไฟล์ทั้งหมด"


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

บทเรียนต่อไปคือ

แบ่งปันกับเพื่อน ๆ หรือบันทึกด้วยตัวคุณเอง:

กำลังโหลด ...