HTML โค้ด รหัสสี HTML

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

ข้อมูลพื้นฐาน

เราเริ่มต้นด้วยความหมาย HTML รหัส - ทำเครื่องหมายหน้าเว็บใด ๆ ซึ่งได้รับการออกแบบโดยใช้ภาษา HTML

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

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

แท็ก

Tag - องค์ประกอบของ HTML ด้วยคุณสามารถตั้งค่าตัวอักษรสี, ขนาดของตัวอักษรวางลงในตารางและภาพ, รูปแบบสร้างส่วนหัวของการเชื่อมโยงและสีหน้า

แท็กจะถูกล้อมรอบเสมอในวงเล็บมุม - <> และนั่นคือสิ่งที่ทำให้พวกเขานอกเหนือจากข้อความหลักซึ่งจะปรากฏบนหน้าเว็บเมื่อเรียกดู มีอยู่สองประเภท - คู่และเดี่ยว

จับคู่ประกอบด้วยจากแท็กเปิดและปิดในขณะที่หลังหลังจากวงเล็บมุมซ้ายเป็น slensh ตรง ตัวอย่างเช่น: & lt; B & gt; ข้อความ & lt; / b & gt;

ระหว่างสองแท็กเป็นข้อความ, ตาราง, ภาพ, หรือรายการอื่น ๆ ซึ่งจะปรากฏบนหน้าเว็บ

Solo ยังประกอบด้วยแท็กเดียวและไม่ได้มีการทับ ตัวอย่างเช่น: & lt; ชม & gt;

แท็กอาจจะมีพารามิเตอร์ที่สามารถตั้งค่าการใช้รหัสพิเศษเพื่อใช้ HTML

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

คีย์แท็ก

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

จับคู่:

• & lt; body & gt; - มันมีพารามิเตอร์พื้นฐานของเอกสารเช่น สีพื้นหลัง ของการเชื่อมโยงและสาขาอื่น ๆ ;
• & lt; p & gt; - บ่งชี้ย่อหน้า;
• & lt; B & gt; - เลือกข้อความที่เป็นตัวหนา;
• & lt; ฉัน & gt; - italic;
• & lt; U & gt; - ขีดเส้นใต้ข้อความนั้น
• & lt; S & gt; - ยกเลิกข้อความ;
• & lt; จีบ & gt; - ชุดข้อความที่เป็นตัวยก;
• & lt; ย่อย & gt; - ห้อย;
• & lt; ตัวอักษร & gt; - ชุด paramerty ตัวอักษร: ขนาดตัวอักษรสี;
• & lt; div & gt; - ด้วยคุณสามารถจัดตำแหน่งข้อความของคุณ;
• & lt; H & gt; - หัวแท็ก;
• & lt; a & gt; - ด้วยความช่วยเหลือของการอ้างอิงชุด;
• & lt; ตาราง & gt; - มันจะช่วยให้การใส่เอกสารตารางเชื่อมต่อกับมันแท็ก & lt; TR & gt; (สาย) และ & lt; td & gt; (มือถือ)

เดียว:

• & lt; br & gt; - เดี่ยววางรูปภาพกับข้อความต่อไปนี้หลังจากเขาบนหน้าใหม่
• & lt; ชม & gt; - มันสามารถแทรกลงในข้อความของเส้นแนวนอน

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

แท็กพารามิเตอร์

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

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

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

• ใบหน้า - ระบุประเภทตัวอักษร;
• ขนาด - ระบุขนาดนั้น
• สี - ชุดสี;
• ผมจะปรับแนว - จัดตำแหน่ง;
• ชื่อ - ชื่อ;
• href - ใช้พารามิเตอร์ชุดนี้อยู่อ้างอิง;
• Alt - ข้อความอื่น;
• ความกว้าง - ความกว้าง
• ความสูง - ความสูง;
• พื้นหลัง - วอลล์;
• bgcolor - พื้นหลัง

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

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

ตารางสี

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

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

นอกจากนี้ยังมีตารางของ สีที่ปลอดภัย ซึ่งมี 216 ทุกชนิดของกากน้ำตาล

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

รหัสนี้เพียงแค่คัดลอกและทดแทนการตั้งค่าที่คุณต้องการในแท็ก

วิธีการดูรหัสของหน้า

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

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

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

โปรดทราบว่าโดยการอ่านรหัสที่คุณยังสามารถดูความคิดเห็นที่มันลงทะเบียนแท็กใน "Comment" ซึ่งลักษณะเช่นนี้: & lt;! & gt; ดังนั้นเขาจึงเขียนความคิดเห็นหลังจากเครื่องหมายอัศเจรีย์ ในเบราว์เซอร์ของคุณก็จะไม่ปรากฏ ที่เขียนเป็นหลักสำหรับการเขียนโปรแกรมอื่น ๆ และนักออกแบบเว็บก็สามารถที่จะเข้าใจในสิ่งที่ชนิดของหน่วยข้อมูลอยู่ด้านล่างสิ่งที่ถูกระบุหรือชิ้นส่วนของรหัสที่

ผลการวิจัย

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

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