ตกแต่งหน้าเว็บและขนาดของตัวอักษรในรูปแบบ HTML

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

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

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

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

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

แอตทริบิวต์แรกของแท็ก - "สี" ขณะที่คุณอาจจะเดาได้มีการให้สี พารามิเตอร์นี้อาจจะนำมาเป็นชื่อ ( "ขาว", "สีเหลือง", "สีม่วง") และค่าในระบบ RGB ซึ่งจะดำเนินการดังต่อไปนี้: ครั้งแรกที่ใส่เครื่องหมาย # และจากนั้นระบุหมายเลขสามใน เลขฐานสิบหก จาก 00 ถึง ff หรือ 0-255 - ทศนิยม - ปริมาณของสีแดง, สีเขียวและสีฟ้าสีสุดท้าย ตัวอย่างเช่นการใช้สีแดงที่จะเขียน "# FF0000" สีเหลือง - "# FFFF00"

แอตทริบิวต์ต่อไป - "ใบหน้า" มันกำหนด อักษร ยกตัวอย่างเช่นมันสามารถตั้งค่าให้ "Times New Roman" หรือ "Tahoma"

และสุดท้ายสำหรับขนาดของตัวอักษรใน HTML ที่ตอบ "ขนาด" พารามิเตอร์ มันต้องใช้ค่าตัวเลข - ตัวอักษร

ตัวอย่างเช่นในการแสดงข้อความในสีฟ้าและตัวอักษร "Comic Sans MS" ขาที่สิบห้าก็เป็นสิ่งจำเป็นในการกำหนดแท็ก "p" กับพารามิเตอร์ต่อไปนี้:

color = "# 6666ff" face = "Comic Sans MS" size = "15"

นอกจากนี้ยังมีหลายแท็กที่อนุญาตให้มีการระบุชนิดหนึ่งโดยเฉพาะรูปแบบ: "B" - หนา "ฉัน" - ตัวเอียง "U" - ขีด ทั้งหมดของพวกเขาไม่มีพารามิเตอร์

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

#myclass {ตัวอักษร: rgb (102,102,255) "Comic Sans MS" 15pt;}

ที่นี่ "rgb (102,102,255)" ชุดสี "Comic Sans MS" - ชุดหูฟังและ "15pt" - ขนาดตัวอักษร สียังสามารถระบุชื่อและตัวอักษรที่ชอบ - โยนโบว์ลิ่งและพิกเซล (สำหรับนี้คุณจะต้องเขียนเช่น "20px")

ที่จะใช้การลงทะเบียนนี้เป็นสิ่งจำเป็นที่จะ "p" แท็กเขียน:

class = "MyClass"

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

และสร้าง ID ที่มีชื่อ "myID" ต้อง "สไตล์" บันทึก:

#myid {ตัวอักษร: rgb (102,102,255) "Comic Sans MS" 15pt;}

และแท็ก "p" ตั้งค่าแอตทริบิวต์ "id" ที่มีค่าของ "myID"

ชั้นและบัตรประจำตัว - เป็นจริงในสิ่งเดียวกัน ในกรณีนี้แท็กหนึ่งอาจมีการประกาศเป็นครั้งแรกและครั้งที่สอง:

class = "MyClass" id = "myID"

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

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