HTML- עיצוב הכותרות
בשביל לכתוב כותרת בHTML אנחנו משתמשים בתגית <h>
כאשר יש לנו
<h1>, <h2>, <h3>, וכן הלאה...
אם נכתוב את התגית <h1>
ואז את הכותרת שלנו, אנחנו נראה באתר שלנו
שהיא נראת על הפנים, למה? כי לא עיצבנו אותה.
היום במדריך אנחנו הולכים לעצב אותה...
בשביל לעצב את הכותרת, אנחנו נפתח תגית בשם <style>
כן ממש כך, תגית
שמשנה את הסגנון...
עכשיו נכתוב את שם הכותרת שאנחנו רוצים לעצב, במקרה שלנו h1,
ונפתח שורה של
עיצוב בcss על ידי הקלדה של הסימן } במקלדת.
עכשיו נלמד כמה אפשרויות שאפשר איתן לעצב את הטקסט.
נלמד על-
שינוי צבע
הוספת קו תחתון
הדגשת טקסט
עיצוב הגופנים
שליטה בגודל הטקסט
צבע
שימו לב שבסוף כל תכונה שמים את הסימן ;
האפשרות color בCSS משנה את צבע הטקסט,
ניתן לכתוב את הצבע או בשם-
red, green, black וכו'
ניתן גם לכתוב בצורת rgb כך-
(rgb(47, 95, 157
ניתן לכתוב גם בrgb באחוזים- (rgb(100%,0%,0%
אפשר גם לכתוב בצורה הזו- ff0000#
קו תחתון
בשביל להוסיף קו תחתון לטקסט נשתמש בתכונה text-decoration ובערך underline, כך-
בשביל להסיר קו תחתון מהטקסט נשתמש בתכונה text-decoration ובערך none, כך-
הדגשת הטקסט
בכדי להדגיש את הטקסט נשתמש בתכונה font-weight שמגדירה לנו את עובי הטקסט,
ועם
הערך bold, שמגדיר את הטקסט כעבה ואז הוא יהיה מודגש
טקסט רגיל
טקסט מודגש
גופנים
כדי לשנות את הגופן של הטקסט נשתמש בתכונה font family ובערך נכתוב את הגופן
שאנחנו רוצים.
טקסט בגופן Heebo
טקסט בגופן Arial
גודל הטקסט
אם נרצה לשנות את גודל הטקסט אנחנו נשתמש בתכונה font-size, הערך שלנו יהיה מספר פיקסלים, או אחוזים
בשביל לסגור את העיצוב נוסיף את הסימן {
בשביל לכלול כמה עיצובים אנחנו נבנה זאת כך
כך נראה הטקסט המעוצב
הבנתם?
כתבו לי בתגובות אם הסתבכתם, אנסה לעזור
בהצלחה!
פוסטים קשורים
● הפוסט הקודם בנושא HTML
● מה זה HTML?
תגובות
הוסף רשומת תגובה