קישוט דף אינטרנט וגודל הגופן ב- 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 = "MS Sans Comic" size = "15"

כמו כן, ישנם מספר תגים המאפשרים לציין סוג מסוים של תבנית: "B" - מודגשת, "i" - נטויה, "U" - קו תחתון. אין כל אותם פרמטרים.

הגדר את תכונות טקסט ב- HTML - אוזניות גודל גופן - ממש לא נוח. תאר לעצמך שאתה צריך להיות לסירוגין עם בלוקי עיצוב שונים של טקסט. ואז, לכל אחד את התגיות אתה צריך להגדיר אותן התכונות. הרבה יותר נוח זה יכול להיות מיושם בעזרת גיליונות סגנון CSS-מדורג. לדוגמה, כדי ליצור מחלקה תמונה בשם "MyClass" עם עיצוב כמו בדוגמה הקודמת, אתה צריך להוסיף את תג "סגנון" הקו הזה:

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

הנה "rgb (102,102,255)" קובע את הצבע, "MS Sans קומיקס" - אוזניות "15pt" - גודל גופן. צבע יכול גם לציין את שמו ואת גופן - כמו כדורת, ואת פיקסלים (בשביל זה אתה צריך לכתוב, למשל, "20px").

כדי להשתמש רישום זה הוא הכרחי כדי "p" כתיבת תג:

class = "MyClass"

באותו אופן, אתה יכול לצייר כל טקסט אחר. זה מספיק כדי להגדיר את הפרמטר "הכיתה" מהכיתה של הערך שאתה רוצה להשתמש.

וכדי ליצור מזהה עם השם "myid", צריך שיא "סגנון":

{Font: RGB (102,102,255) 15pt "Sans MS קומיקס";} #myid,

ואת התג "p" להגדיר את המאפיין "id" עם ערך של "myid".

Class ו- id - זה בעצם אותו הדבר. במקרה זה תג אחד עלול להיות מוכרזים הראשונים ושני:

class = "MyClass" id = "myid"

ישנן שתי דרכים לשנות את המראה של טקסט - HTML ו- CSS. אם אתה צריך להוציא בלוקים אחת או שתיים, להשתמש ב- HTML. מספר רב של פסקאות עם CSS עיצוב זהה הוא נוח יותר.

כפי שאתה יכול לראות, לשנות את גודל הגופן ב- HTML, תוך שניות ספורות. תכנות העיקרי - פרקטיקה, כך לנסות לממש יותר, ואתה תצליח!