מחשבים, תכנות
HTML: יסודות למתחילים
HTML - שפת סימון היפרטקסט שהפכה האינטרנט כפי שאנו מכירים ואוהבים. זה הודות לאתרים כלי נפלא זה נראה נחמד מודרני מספק את הנוחות של השימוש בהם. HTML הוא פשוט מרכיב את האלמנטים של דף אינטרנט אופציה ידידותית למשתמש. עבודותיו ניתן להשוות את העובדה לעשות עורכי טקסט כגון MS Word או OpenOffice. הם פונים מסה פנים של אותיות במסמך כי יש פסקאות, טקסט מודגש, נטוי, שולחנות, ואפילו תמונות. בערך אותו הדבר שהופך HTML, עם ההבדל היחיד הוא כי המסמכים שלה מוצגים בדפדפן, ואת האפשרויות של הכלי הזה היא רחבה הרבה יותר מאשר עורך הטקסט. משמש תגי סימון - פקודות מיוחדות המתארות מבנה דף האינטרנט. הם נמצאים בתוך סוגריים זווית -
עורכים חזותיים
למתחילים בלבד לסלול את הדרך עבור המחקר של HTML, בדרך כלל מתחילים את עבודתם עם תוכניות ליצירת אתרים בלי שום ידע. הם פשוט יכולים למקם את הפריטים על המסך כפי שהם יופיעו בדפדפן. נראה, הנה זה - מקור החסד הנצחי, מאפשר להיפטר רוב מפתחי אינטרנט. אבל לא כל כך פשוט, כי העורכים ויזואלית יש חסרונות רבים שאינם מאפשרים להשתמש בהם בפרויקטים רציני.
תוכניות אלה יוצרות הרבה תגים מיותרים שהופכים את הגרסה הסופית של הדף מסורבלת לא טובה. כמובן, בעידן זה של אינטרנט מהיר זה יש חשיבות פחותה מבעבר, אבל יש מספר הסיבות מדוע אתר תמציתי כתוב היטב הוא מעשי יותר מאשר מקבילו, נוצר העורך ויזואלי. דף האינטרנט שנעשה בתכנית מעין אלה יטופל קשות על ידי מנועי חיפוש כמו שחשוב להם כל קילובייט של קוד קוד מסורבל ולא הגיוני עם חבורה של שגיאות סמנטיות בקושי יש להם לטעום. בנוסף, העורכים קרובות מאחורי הפעמים, לבלתי רלוונטיים, וכדי להוציא משאבים על הפיתוח שלהם אינו מעשי בגלל שום מקצועי לא ישתמש במוצרים אלה. לכן, מי שרוצה לעבוד ביצירת אתרים, צריך לדעת את הבסיס של HTML.
תגיות
כפי שצוין לעיל, התגים לתאר את המבנה של הדף בדפדפן. לרובם יש תגי פתיחה וסגירה, אך לא בכולם. לדוגמה,
ישנם גם תגי יחידה, אשר אינם צריכים להיות סגורים. בשינה להם שזה היה בפנים, כמו גם תכונות. תכונה ניתן להקים עבור רוב תגי HTML-וקובעת את מאפייני האלמנט. זה מיועד תג הפתיחה נראה כך: attribute = "...", שבו במקום הנקודות הוא ערך המאפיין. ידיעת התג היא הצעד הראשון והחשוב ביותר לפיתוח HTML. את היסודות של אמנות זו גם מעידים על הבנה של מבנה של דף האינטרנט.
מבנה המסמך
לכל מסמך HTML רחבה מקבילה, למשל, index.html. אז הדפדפן מבין מה הוא צריך לעשות, ובצורה נכונה להציג דף. כל הקבצים המשמשים ליצירת האתר, מומלץ לשמור באותה הספרייה שבעתיד יהיה להקל על חייכם באופן משמעותי. יסודות HTML Hypertext Markup Language לערב הבנה ברורה של מבנה המסמך. זה מתחיל עם תג , מגולל את גירסת הדפדפן של HTML, אשר משמש במסמך זה. כרגע, הגרסה החמישית אקטואלי של השפה, כך שאין צורך להמציא שום דבר, אנחנו יכולים להכניס בבטחה תג מעל לחלק העליון של כל דף.
ואז ללכת למבנה הזיווג הראשי, המהווה את "השלד" של האתר. התג הראשון שבו לשים את כל השאר - ... html>. כל מה שמעבר, אינו מוכר על ידי הדפדפן כדף אינטרנט, כך שהוא פותח וסוגר את המסמך. תג זה נדרש עבור כל מסמך. הוא מכיל גם כמה תגי חובה, אשר יידונו בהמשך.
ראש
בתוך התג
... head> מכיל מידע בעל אופי טכני, אשר לא יוצג בדף, אבל, בכל זאת, הוא חלק חשוב של HTML המסמך. הודעת האתר הניחו במקום זה, הם נבחרו והוכנסו את הקידוד של שם הדף. הוא בתוך תג החובהlink
ידע בסיסי של HTML גם כרוך בשימוש סגנונות מדורגים, או CSS. הם להגדיר מאפיינים של אלמנטים אשר יוצגו בעמוד. הגישה המודרנית לבעיה זו כרוכה הטלת מאפיינים כגון צבע, גובה ומיקום של הפריט, לקובץ חיצוני לתוספת נוחות. כדי לחבר את קובץ css משתמש בתג link>. בצורתו מוגמרת, זה נראה משהו כזה:
גוף
זה בחלק הזה של המסמך-HTML נוצר על ידי החלק הגלוי של הדף. כל זה נעשה בתוך "הגוף" יוצג על ידי הדפדפן. בשנות ה
- - משמש כדי לחלץ מחרוזת, יוקצה סגנון מסוים, מתואר CSS;
- - יוצר קישור בדף האינטרנט; כתובת לקפוץ מצוין התכונה href;
- - אחד התגים המודרניים הפופולריים ביותר; מי החליט ללמוד את היסודות של HTMLl השפה צריך לשים לב במיוחד זה, כי זה אלמנט בלוק, אשר נעשה על הבסיס של חלק הארי של האתרים של היום (הפרמטרים עבור בלוקמוגדרים ב- CSS, ויחידות אחרות יכולות להיות ממוקמות בתוך תג זה);
- בוחר פסק טקסט; את התוכן של הפיסקה ממוקמת בין תגי הפתיחה והסגירה;
- - רשימה ממוספרת, האלמנטים שבהם הינם זוג תג
- ;
-
- - רשימה עם תבליטים, אשר, כמו גם את האלמנטים ממוספרים ומסומנים על ידי תג
- ;
-
-
- כותרות המסמך (הנתון מציין את רמת בכותרת, כלומר
- הכותרת הראשית, והגרסאות הבאות הן כתוביות שלה, אגב, רמות של כותרות
,
כמעט בלתי אפשרי למצוא על שטחים פתוחים באינטרנט) גם חשוב לזכור כי דף יכול להיות רק כותרת אחת
;
- - טקסט מודגש;
- - נטוי;
-
- להכניס תמונות בדף האינטרנט (זה תג יחיד, זה לא צריך לסגור, אבל זה נדרש לפרט את התכונה alt, אשר מציין את הטקסט לתמונה);
זה לא כל התגים הדרושים כדי ליצור דף אינטרנט משלך, אבל הם מספיקים כדי להניח את היסודות של HTML למתחילים.
CSS
התפתחות שפת HTML הובילה את העובדה שכל משקל obzavolsya תג מייחס, והדרישות את המראה של דפי האינטרנט מתכוונות גדלו באופן משמעותי. הקוד הפך מסורבל ולא נוח, זה היה קשה לקרוא את זה, שלא לדבר להסתגל או שינוי. חוץ מזה, אז צריך להזיע, משתנה כל יד אם האתר שלך עשרה עמודים, שבו הרבה כותרות, מסומן בירוק, ואתה פתאום רצית לעשות אותן אדום. עם כניסתו של גיליונות סגנון מדורגים, התהליך הזה הפך פשוט והגיוני, ואת קוד HTML הפך הרבה יותר קריא.
CSS החלה
כדי ליצור דפי אינטרנט, אתה חייב לדעת את הבסיס של HTML ו- CSS, כך שהוא עכשיו ללא ידיעת גיליונות סגנון מדורגים לעשות בתחום זה הוא דבר. הם הגדרת מאפיינים עבור כל רכיב, אשר חלים על המסמך כולו. לכן, אתה יכול להגדיר את צבע אחת ולתמיד
על מנת לחבר את קובץ css למסמך, קיים קשר תג. קצת מעליה, תאר עיקרון השימוש בו, אבל זה לא האפשרות היחידה המשלבת את כל הסגנונות במקום אחד. יש תג