ตัวอักษรใน HTML และ CSS

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

ถ้าคุณใช้ CSS, ตัวอักษรที่จุดเริ่มต้นของแต่ละย่อหน้านี้อาจปรากฏในลักษณะพิเศษ ยกตัวอย่างเช่นการแนะนำให้รู้จักใน html โดยไม่ต้องวงเล็บรหัสต่อไปนี้จะช่วยให้สำหรับข้อความ, เสมอแท็ก "p" เพื่อให้อักษรตัวใหญ่ - ตัวอักษรตัวแรก - ขนาดใหญ่ - 220% ของขนาดมาตรฐานสีเหลือง - ค่าของสีจะมีค่าเท่ากับสีเหลืองและเขียนตัวอักษรของเธอ ที่แตกต่างจากส่วนที่เหลือของข้อความ - จอร์เจียกับ batangche

(<) สไตล์ (>)

P {font-family: batangche; font-size: 93%;}

P: ครั้งแรกตัวอักษร {font-family: จอร์เจีย; font-size: 220%; สี: สีเหลือง;}

(<) / สไตล์ (>)

หมวกสวยที่มีอยู่ถ้าคุณสร้างตัวอักษรของคุณเองในรูปแบบของภาพ - หนังสือภาพที่แยกจากกันในแต่ละตัวอย่างเช่นในเก่าหรือสไตล์โกธิค พวกเขาสามารถวาดใน โปรแกรมแก้ไขกราฟิก จากนั้นในสถานที่ที่ต้องการจะวางอักษรตัวใหญ่คุณสามารถแทรกโค้ดโดยไม่ต้องวงเล็บ (<) img src = http: // เว็บไซต์ / บทความ / 74218 /% E2% 80% 9D% D1% 81% D1% 81% D1% 8B% D0 % BB% D0% BA% D0% B0 ยังสถานที่ที่ภาพ "(>) โกหก เพิ่มเติมคุณลักษณะ แท็ก Img จะ Heigh และความกว้าง - ความกว้างและความสูงของภาพซึ่งสามารถตั้งค่าในพิกเซลสำหรับผสมกลมกลืนกับส่วนที่เหลือของข้อความ ตัวอย่าง: (<) img src = http: // เว็บไซต์ / บทความ / 74218 /% E2% 80% 9D% D1% 81% D1% 81% D1% 8B% D0% BB% D0% BA% D0% B0 ในสถานที่ ที่เป็นภาพ "width = 12 heigh px = 6px (>) วงเล็บรอบ <และ> ลบ

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

(<) สไตล์ (>)

P {font-family: batangche; font-size: 93%;}

P: ครั้งแรกตัวอักษร {font-family: เคลลี่ + พื้น; font-size: 220%; สี: สีฟ้า;}

(<) / สไตล์ (>)

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

(<) ลิงค์ href = 'http: //fonts.googleapis.com/css ครอบครัว = เคลลี่ + พื้นและเซต = ละติน Cyrillic' Rel = 'สไตล์ชีต' type = 'ข้อความ / CSS' (>)

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

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