Დეკორატიული ვებ გვერდზე და შრიფტის ზომა, HTML

ახალბედა ვებ დიზაინერებს სასარგებლო იქნება იცოდეს, თუ როგორ, რათა შეიმუშავონ ვებ გვერდზე ტექსტი. მათ შორისაა განვიხილეთ, ფერის, შრიფტის ზომა, და სხვა.

გაფორმებით დაკავშირებული მრავალი tags. ყველაზე ხშირად გამოყენებული "p" - ე. მას აქვს დამატებითი პარამეტრების, რომელიც განსაზღვრავს გამოჩენა ტექსტი.

პირველი და მთავარი პარამეტრი - ეს "align". იგი განსაზღვრავს განვიხილეთ ტექსტი და შეიძლება იყოს "მარცხენა", "სწორი", "ცენტრი" და "გაამართლოს" - განვიხილეთ მარცხენა, მარჯვენა, ცენტრში, და სიგანე ბლოკი, შესაბამისად. გაითვალისწინეთ, რომ თანამდებობაზე ტექსტში ენიჭება არა ეკრანზე საზღვრებში და ფარგლებში პუნქტის.

ეს მოჰყვა პარამეტრების "კლასი" და "id". ისინი განსაზღვრავენ, რომელიც კლასის ეკუთვნის ეს ობიექტი და მისი იდენტიფიკატორი. ეს შეიძლება შეიცავდეს ატრიბუტი და "სტილი" - ის სთხოვს inline სტილის ბლოკები. ყველა ეს თვისებები დაკავშირებული CSS, რომელიც ჩვენ წასვლა ცოტა დაბალია.

In ტეგით "p" არსებობს ერთი პრობლემა - ის ვერ შექმნას გარე ხედი შრიფტი, როგორიცაა მისი ფერი და ზომა. ამ მიზნით კიდევ ერთი tag - "შრიფტი". ყველა მისი პარამეტრები განსაზღვრავს, თუ როგორ ტექსტი ჰგავს.

პირველი ატრიბუტი აქვს - "ფერი". როგორც თქვენ შეიძლება არ მიხვდა, არ ეძლევა ფერი. ეს პარამეტრი შეუძლია ორივე ტიტული ( "თეთრი", "ყვითელი", "მეწამული"), და ღირებულებების RGB სისტემა. ეს კეთდება შემდეგნაირად: პირველი დააყენა # ნიშანი და შემდეგ განსაზღვრავს სამი ნომრები თექვსმეტობითი ნოტაცია from 00 to ff ან 0 255 - ათობითი - თანხა, წითელი, მწვანე და ლურჯი საბოლოო ფერი. მაგალითად, გამოიყენოთ წითელი დაწერა "# ff0000", ყვითელი - "# ffff00".

შემდეგი ატრიბუტი - "სახე". იგი განსაზღვრავს typeface. მაგალითად, ეს შეიძლება იყოს მითითებული, რომ "Times New Roman" ან "Tahoma".

და ბოლოს, ზომა შრიფტის HTML პასუხობს "ზომა" პარამეტრი. იგი იღებს რიცხვითი მნიშვნელობა - შრიფტი.

მაგალითად, არიან ტექსტი ლურჯი და font "Comic Sans MS" მეთხუთმეტე pin, აუცილებელია განვსაზღვროთ tag "p" შემდეგ პარამეტრებს:

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

გარდა ამისა, არსებობს რამდენიმე tags რომელიც საშუალებას განსაზღვროს ერთი კონკრეტული ტიპის ფორმატი: "ბ" - სქელი, "მე" - კურსივით, "ფ" - ხაზგასმა. ყველა მათგანი არ პარამეტრები.

მითითებული ტექსტი ატრიბუტები HTML - შრიფტის ზომა headset - საკმაოდ არასასიამოვნო. წარმოიდგინეთ, რომ თქვენ უნდა იყოს მონაცვლეობას სხვადასხვა დიზაინის ბლოკები ტექსტი. ამის შემდეგ, თითოეული tags თქვენ უნდა განსაზღვროს ერთი და იგივე ატრიბუტები. ბევრად უფრო მოსახერხებელია ეს შეიძლება განხორციელდეს დახმარებით CSS-კასკადური სტილების. მაგალითად, უნდა შეიქმნას სურათს კლასის მოუწოდა "myclass" დიზაინი როგორც წინა მაგალითად, თქვენ უნდა დაამატოთ ტეგით "სტილი" ეს ხაზი:

#myclass {font: rgb (102,102,255) "Comic Sans MS" 15pt;}

აქ "rgb (102,102,255)" ადგენს ფერი, "Comic Sans MS" - ყურსასმენი და "15pt" - შრიფტის ზომა. ფერი ასევე შეგიძლიათ მიუთითოთ სახელი და font - როგორც skittles და პიქსელი (ეს თქვენ უნდა დაწეროთ, მაგალითად, "20px").

იმისათვის, რომ გამოიყენოთ ეს რეგისტრაციის აუცილებელია "p" tag მისწერე

class = "myclass"

ანალოგიურად, თქვენ შეგიძლიათ დახაზოთ ნებისმიერი სხვა ტექსტი. ეს არის საკმარისი მითითებული პარამეტრი "კლასი" საწყისი კლასის ღირებულება, რომელიც გსურთ გამოიყენოთ.

და შექმნა ID სახელით "myid", უნდა "სტილის" რეკორდი:

#myid {font: rgb (102,102,255) "Comic Sans MS" 15pt;},

და tag "p" მითითებული "id" ატრიბუტი ღირებულება "myid".

კლასი და ID - ეს პრაქტიკულად იგივე. ამ შემთხვევაში ერთი tag შეიძლება გამოცხადდეს როგორც პირველი და მეორე:

class = "myclass" id = "myid"

არსებობს ორი გზა შეცვალოს სახე ტექსტის - HTML და CSS. თუ თქვენ უნდა გასცეს ერთ ან ორ ბლოკად, გამოიყენოთ HTML. დიდი რაოდენობით პუნქტები იდენტური გაფორმებით CSS არის უფრო კომფორტული.

როგორც ხედავთ, შეიცვალოს შრიფტის ზომა HTML ვადამდელ. მთავარი პროგრამირების - პრაქტიკა, ამიტომ ცდილობენ განახორციელონ უფრო, და თქვენ გამოუვათ!