คุณเป็น Blogger หรือไม่ จากนั้นคุณจะได้รับประโยชน์จากการรู้รหัส HTML บางส่วน

สับสนเกี่ยวกับ รหัส HTML? ไม่ใช่แค่คุณคนเดียว.


ฉันจะยอมรับมัน เมื่อฉันเริ่มเขียนสำหรับเว็บฉันรู้ zilch เกี่ยวกับ รหัส HTML. และฉันจะยอมรับมันอีกครั้ง ฉันยังไม่รู้อะไรมาก.

อย่างไรก็ตามฉันพบว่าความรู้ HTML เล็กน้อยสามารถทำให้เรื่องง่ายขึ้นมากเมื่อเขียนสำหรับเว็บ.

เรียนรู้ภาษามาร์กอัปข้อความจำนวนมาก

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

ต้องการขจัดความสับสนนั้นและเรียนรู้เล็กน้อยเกี่ยวกับการเข้ารหัส HTML หรือไม่ มาเริ่มกันเลย.

รหัส HTML คืออะไร?

คุณเคยเห็นมาแล้ว แต่คุณอาจไม่รู้ว่า HTML หมายถึงการพูดพล่อยๆทั้งหมด.

มันหมายถึง ภาษามาร์กอัป Hypertext. HTML เป็นระบบมาตรฐานที่ใช้สำหรับการจัดรูปแบบเอกสาร รหัสที่ใช้ – เรียกว่าแท็กมาร์กอัปสามารถจัดรูปแบบตัวอักษรขนาดข้อความสีไฮเปอร์ลิงก์ย่อหน้าและอื่น ๆ.

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

นี่คือข้อความที่เป็นตัวหนา.

บนหน้าดูเหมือนว่านี้:

นี่คือข้อความที่เป็นตัวหนา.

HTML มีหลายเวอร์ชันตลอดหลายปีที่ผ่านมา แต่เมื่อเดือนตุลาคม 2014 HTML5 เป็นภาษามาร์กอัปมาตรฐานของเว็บ.

ทำไมจึงเป็นเรื่องดีสำหรับนักเขียนบล็อกที่จะรู้

ในขณะที่คุณสามารถทำได้โดยไม่ทราบว่า HTML เป็นบล็อกเกอร์และทำการโกงแทน – เช่นการใช้โปรแกรมที่แปลงการจัดรูปแบบของคุณเป็นภาษา HTML – การรู้ว่าแท็กพื้นฐานบางอย่างสามารถช่วยคุณได้.

นี่คือบางสถานการณ์ที่ฉันพบว่ามีประโยชน์เป็นการส่วนตัว:

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

นักเขียนบล็อกรหัสทั่วไปใช้

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

ฟังดูสับสนไหม? ง่ายกว่าถ้าฉันยกตัวอย่างสองสามตัวอย่าง มาดูแท็ก HTML ทั่วไปที่คุณควรรู้ว่าเป็นบล็อกเกอร์.

แท็กโครงกระดูก

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

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

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

    : แท็กนี้อธิบายถึงย่อหน้า.

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

นี่คือข้อความในย่อหน้า.

หัวเรื่องแท็ก

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

ควรใช้หัวเรื่อง 1 สำหรับหัวเรื่องหลักของเอกสารเช่นชื่อโพสต์บล็อกของคุณ ส่วนหัว 2 ควรเป็นข้อมูลรองเช่นหัวย่อยหลักของคุณ ใช้หัวเรื่อง 3 สำหรับ sub-sub และอื่น ๆ ผ่านหัวข้อ 6 แท็กเหล่านี้มีลักษณะดังนี้:

นี่คือตัวอย่างของวิธีการแปล:

นี่คือหัวเรื่อง 5

นี่คือหัวเรื่อง 5

แท็กข้อความแบบอินไลน์

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

และ

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

รายการแท็ก

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

  • : สิ่งนี้นิยามองค์ประกอบของรายการ.
  •  
      : แท็กนี้ไปรอบ ๆ รายการที่ไม่ได้เรียงลำดับซึ่งจะแสดงเป็นสัญลักษณ์แสดงหัวข้อย่อย.
    •  
        : แท็กนี้ไปรอบ ๆ รายการสั่งซื้อซึ่งจะแสดงเป็นตัวเลข.

    นี่คือตัวอย่างของสิ่งที่รหัส HTML สำหรับรายการสั่งซื้อจะมีลักษณะ:

    1. รายการ 1
    2. รายการ 2
    3. รายการ 3

    นี่คือวิธีแสดงบนหน้า:

    1. รายการ 1
    2.  รายการ 2
    3.  รายการ 3

    แท็กรูปภาพและลิงค์

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

    ลิงค์

    ข้อความจุดยึดของคุณ

    อย่าลบเครื่องหมายคำพูดรอบ URL ของคุณ เพียงใส่ URL ของคุณระหว่างเครื่องหมายคำพูด ข้อความจุดยึดของคุณคือข้อความที่ปรากฏขึ้นบนหน้าเว็บ.

    ลองดูตัวอย่าง ถ้าฉันต้องการเชื่อมโยงไปยังบทความก่อนหน้า Hosting อาณาจักรรหัสจะมีลักษณะเช่นนี้:

    คุณควรลงทะเบียนโดเมนผ่านโฮสต์เว็บของคุณหรือไม่?

    ลิงก์จะปรากฏขึ้นเช่นนี้ในหน้า:

    คุณควรลงทะเบียนโดเมนผ่านโฮสต์เว็บของคุณหรือไม่?

    ภาพ

    รหัสสำหรับภาพมีลักษณะดังนี้:

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

    ”YOUR

    ตรวจสอบให้แน่ใจว่าคุณไม่ได้ลบเครื่องหมายคำพูด.

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

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

    Jeffrey Wilson Administrator
    Sorry! The Author has not filled his profile.
    follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map