HTML ו- CSS - אלה ההבדלים
HTML ו- CSS קשורים זה לזה - אבל מה ההבדל? בעבר דפי הבית נוצרו כולה ב- HTML. כיום, מה שמכונה "גיליון סגנון מדורגים" מפריד בין העיצוב למבנה שנוצר ב"שפת סימון היפר-טקסט "(HTML).
HTML - שפת המבנה והתוכן
צור דף בית, הבא את התוכן לדף שלך באמצעות HTML. טקסטים, תמונות ומבנים, כגון טבלה, משולבים באמצעות קבצי HTML. HTML לוקח על עצמו משימות שונות.
- בקובץ HTML אתה מצהיר תחילה על סוג המסמך. זה מציין באיזו גרסת HTML אתה משתמש.
- באזור הראש הבא - הראש - אתה מציין פרטים טכניים, למשל לאיזה קובץ CSS הוא מקושר. ניתן גם להגדיר את הכותרת שמופיעה בכרטיסיית הדפדפן כאן.
- גוף ה- HTML כולל את התוכן של אתר אינטרנט. כל הטקסט והתמונות שאתה מוסיף לדף הבית שלך בסופו של דבר כאן. אתה מבנה את הטקסטים בפסקאות ובכותרות של היררכיות שונות.
- לדוגמה, באפשרותך לאתחל כותרת ראשית עם העדיפות הגבוהה ביותר עם הפקודה
לכותרת ההזמנה הראשונה. אתה מבנה כותרות נוספות עם הפקודות
.
וכו 'פקודות אלה קשורות ישירות לקובץ CSS שהוגדר בראש HTML.
CSS - צורה וצבע של דף הבית שלך
שלא כמו HTML, קובץ ה- CSS אינו מביא תוכן דינמי לאתר האינטרנט שלך. אתה משתמש בו כדי לקבוע כיצד דפדפן מציג טקסט ותמונות. אתה משתמש גם ב- CSS כדי לעצב את המבנה הבסיסי של דף הבית שלך.
- שוליים, רקעים ותחתונות או כותרות כותרות נוצרים בגיליון סגנון מדורגים. לדוגמה, עבור בלוג, חלק את הדף לשתי עמודות; אחד לפוסטים ואחד לקישורים, ווידג'טים או מידע קבוע.
- אתה משתמש גם בקובץ CSS כדי להגדיר עיצוב טקסט קבוע. יש כותרות בקובץ HTML
ו
בהגדרתם, הם בתחילה נשארים ללא שינוי. עכשיו תן לפקודות האלה טופס ב- CSS, למשל, מוגדר ל
גודל הגופן 16 ומעלה
14 משרד.
אתה יכול גם ליצור דף בית ללא קבצי CSS. אולם היתרון של CSS הוא שאתה יכול לשנות את העיצוב של כל דף הבית שלך באמצעות שינוי אחד בלבד. אם ברצונך להגדיל את הכותרות, הפורמט מספיק