วิธีเพิ่มแบบอักษรบน Html

สารบัญ:

วิธีเพิ่มแบบอักษรบน Html
วิธีเพิ่มแบบอักษรบน Html

วีดีโอ: วิธีเพิ่มแบบอักษรบน Html

วีดีโอ: วิธีเพิ่มแบบอักษรบน Html
วีดีโอ: สอน CSS #04 - Google Fonts - ฟอนต์เท่ห์ๆฟรีๆดีๆมีๆนะๆ 2024, อาจ
Anonim

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

วิธีเพิ่มแบบอักษรบน html
วิธีเพิ่มแบบอักษรบน html

หากต้องการแก้ไขข้อความต้นฉบับของเอกสารที่มีนามสกุล.html ให้เปิดโปรแกรมแก้ไขข้อความที่คุณใช้ (เช่น Notepad) คลิก "ไฟล์" - "เปิด" และระบุเส้นทางไปยังหน้าที่คุณต้องการเปลี่ยนรหัส จากนั้นกดปุ่ม Enter บนแป้นพิมพ์และเริ่มแก้ไขส่วนที่ต้องการของเอกสาร

Html

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

ข้อความใด ๆ

ตัวอักษรที่เขียนระหว่างและจะมีขนาด 15 เนื่องจากพารามิเตอร์ขนาดที่กำหนด

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

CSS

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

แอตทริบิวต์ขนาดแบบอักษรมีหน้าที่ในการเปลี่ยนพารามิเตอร์ขนาดแบบอักษร ค่าที่อธิบายสามารถระบุเป็นพิกเซล (px) จุด (pt) และเปอร์เซ็นต์ (%) ตัวอย่างเช่น:

การเปลี่ยนขนาดตัวอักษร

เนื้อความ {ขนาดตัวอักษร: 13pt; }

h1 {ขนาดตัวอักษร: 200%; }

p {ขนาดตัวอักษร: 15px; }

ในตัวอย่างนี้ ขนาดของข้อความที่ป้อนในเนื้อหาของหน้าคือ 13 จุด ตัวอักษรใดๆ ระหว่างแท็กจะถูกขยาย 2 เท่า (100% ของขนาดดั้งเดิม) ข้อความที่ระบุระหว่างตัวอธิบายจะมีขนาด 15 พิกเซล ควรสังเกตว่าพารามิเตอร์ที่ตั้งค่าสำหรับแต่ละองค์ประกอบของหน้าแยกกันจะมีความสำคัญเหนือกว่าค่าทั่วไปที่มากกว่า ตัวอย่างเช่น:

แบบอักษรย่อหน้าปกติ

เปลี่ยนย่อหน้า

ตามกฎแล้ว ข้อความระหว่างแท็กควรมีขนาด 15px อย่างไรก็ตาม แบบอักษรในย่อหน้าที่สองจะมีขนาด 18 เนื่องจากรหัสในเนื้อหาของเอกสารมักจะมีความสำคัญเหนือกว่าการตั้งค่าทั่วไปใน

แนะนำ: