קוד HTML. קודי צבע HTML
אין ספק שאתה מתמודד עם מושג כזהקוד HTML. שמעו מחברים, לראות בתפריט של הדפדפן שלך, וכו 'אבל מה זה? בואו ננסה לגלות איזה סוג של קוד זה ומה הם מרכיבים.
מידע בסיסי
נתחיל עם ההגדרה. HTML- קוד הוא סימון של כל דף אינטרנט מבוצע באמצעות HTML.
קוד זה מורכב מתגים, שבזכותםהדפדפן קובע כיצד נראה דף מסוים. המבנה שלה מחולק לשני חלקים: ראש - כותרת המסמך, שבו שם הדף נרשם, וכן מידע על המסמך עצמו, והגוף - גוף המסמך, שבו מוגדרים הפרמטרים של הדף.
כדי ליצור דף אינטרנט פחות או יותר, כתוב מאפס, אתה צריך ללמוד את התגים המשמשים את השפה הזאת, הפרמטרים שלהם, וגם יודעים את קודי צבע ה- HTML.
תגים
התג הוא אלמנט של שפת HTML. עם זאת, ניתן לציין את הגופן, צבע, גודל הטקסט, להוסיף טבלאות ותמונות לתוך זה, פורמט, ליצור כותרות, קישורים, ולצייר את הדף.
התגים תמיד סגורים בסוגריים זוויתיים - <>, וזה מה שמבדיל אותם מהטקסט הראשי, שמוצג בדף בעת הצפייה. ישנם שני סוגים - מזווג ורווק.
זוגות אלה מורכבים מתג פתיחה ותג סגירה, בעוד שבזו האחרונה יש רצועה ישרה לאחר סוגר הפינה השמאלי. לדוגמה: <b> טקסט </ b>.
בין שתי התגים יש טקסט, טבלה, תמונה או אלמנט אחר, המוצג בדף האינטרנט.
הבודדים מורכבים מתג אחד ואינם מכילים קו נטוי ישיר. לדוגמה: <hr>.
תגים יכולים להיות פרמטרים שניתן להגדיר באמצעות קודים מיוחדים עבור HTML.
כמו כן, שים לב שברוב התווים: עטיפות, סימני מסחר, שלטים העולים על או שווה ל, פחות או שווה ל רבים אחרים - יש טבלה מיוחדת שבה הקודים עבור סימנים אלה נקבעו. קוד זה מתחיל עם אמפרסנד, לאחר מכן או ייעוד אלמונית אלפבית או סימן סריג עם קוד סמל בן שלוש ספרות יכול ללכת. בסופו של דבר, אתה חייב לשים נקודה פסיק.
תגים בסיסיים
מהו קוד ה- HTML, הבנו, עכשיו אנחנו מנסים לרשום את התגים העיקריים שיכולים להיות שימושיים אם לא בעת יצירת דפי אינטרנט משלך, אז לפחות בעת כתיבת הטקסטים.
מותאם:
- <body> - מכיל את הפרמטרים העיקריים של המסמך, כגון רקע, צבע קישור, שדות ואחרים;
- <p> - מציין פסקה;
- <b> - מדגיש את הטקסט מודגש;
- <i> - נטוי;
- <u> - מדגיש את הטקסט;
- <s> - חוצה את הטקסט;
- <sup> - מגדיר את הטקסט ככתב עליון;
- <sub> - הכתוביות;
- <font> - קובע את גודל הגופן, הגופן, הצבע;
- <div> - עם זה, אתה יכול ליישר את הטקסט שלך;
- <h> - תג כותרת;
- <a> - הוא משמש לקביעת הפניות;
- <table> - זה עוזר להכניס טבלאות למסמך, עם התגים <tr> (string) ו- <td> (תא).
בית
- <br> - יחיד, נושא את הטקסט הבא לדף חדש;
- <hr> - בעזרתו תוכל להוסיף שורה אופקית בטקסט.
כדאי לציין שתגים נכתבים בדרך כלל מקו חדש. זה נעשה לנוחות של לא רק את עצמו קודר, אלא גם מי יציג את הקודים ב- HTML.
פרמטרים של תג
כבר בדקנו את התגים העיקריים שעליך לדעת. כמובן, יש לנו ברשימה לא כל, אבל גם זה מינימום יכול להיות מספיק כדי ליצור את דפי האינטרנט הראשונים שלהם.
אבל זה לא מספיק כדי לדעת כמה תגים, אתה עדיין צריך ללמודפרמטרים שניתן לציין. במאמר זה אנו נעשה רק סקירה קצרה של אותם, נתאר את אלה הנפוצים ביותר בשימוש. אתה יכול לראות אותם על ידי פתיחת כל קוד HTML.
בוא לא נתאר גם עבור איזה תג זה פרמטר מתאים, שכן רבים מהם משמשים ביותר באינטרנט סימון פקודות:
- - מציין את סוג הגופן;
- גודל - מציין את הגודל;
- צבע מציין את הצבע;
- יישור - יישור;
- שם - שם;
- href - פרמטר זה מציין את כתובת הקישור;
- alt - טקסט חלופי;
- רוחב רוחב;
- גובה - גובה;
- רקע - תמונת רקע;
- רקע - רקע.
זה לא כל הפרמטרים, אנו המפורטים רק בשימוש ביותר ידוע.
לאחר שהפרמטר שם סימן שווה, ולאחר מכןבמרכאות משמעותה נקבעת. אנו מייעצים לך בעת פיתוח אתרי אינטרנט ודפים להשתמש ספרי לימוד מיוחדים או מדריכים, על מנת לא רק לדעת את הפרמטרים הבסיסיים, אלא גם כדי להגדיר אותם כראוי.
טבלת צבעים
אז, עם התגים העיקריים והפרמטרים שלהם, הבנו, עכשיו בואו נסתכל על קודי צבע HTML. בעזרתם ניתן לציין את צבע הטקסט, הדף או חלק מהאלמנטים שלו.
מנהלי אתרים מתחילים צריכים לדעת מה ישטבלאות מיוחדות של צבעים בהם ניתנים קודים לכל גוון. יש רק 16 צבעים בסיסיים שניתן להגדיר לא רק בעזרת שולחן, אלא גם פשוט על ידי ציון השם שלהם באנגלית. כמו כן, ניתן להוסיף מילים אור כהה להם על ידי ציון הגוון הרצוי.
כמו כן יש טבלה של צבעים בטוחים, אשר כולל 216 כל מיני outflows.
שים לב כי שימוש בטבלאות הרבהיותר נוח. הם מקבלים קוד צבע הקסדצימלי. במקרה זה, אתה יכול מיד לראות את הגוון הזה. כל קוד מתחיל עם סימן רשת, ואחריו שלושה זוגות של סימנים המאפיינים את עוצמת הצבעים העיקריים: אדום, ירוק וכחול.
קוד זה מספיק כדי להעתיק ולהחליף את הפרמטרים של התג הרצוי.
כיצד להציג את קוד הדף
אם אתה מעוניין ליצור דפי אינטרנט, אז אתה כנראה יהיה מעוניין לראות את קוד ה- HTML של האתר שאתה אוהב, או כי אתה מבקר לעתים קרובות למדי.
אבל איך זה יכול להיעשות? ישנן שתי דרכים, פשוט למדי ומובן. הראשונה היא לפתוח את הדף הדרוש לך ולחץ על Ctrl + U. בחלון החדש יופיע קוד המקור של הדף, שבו אתה יכול לראות וללמוד.
הדרך השנייה היא ללחוץ על לחצן העכבר השמאליבחר בפריט "קוד מקור" ברשימה הנפתחת. אבל עדיין, אנו ממליצים להשתמש בשיטה הראשונה, שכן השימוש במקשים חמים הוא הרבה יותר קל ונוח יותר.
שים לב כי בעת קריאת הקוד, תוכל גם להיות מסוגללצפות בתגובות אליה, רושם תג "הערה", אשר נראה כך: <! >. לכן הוא התגובות שקיבלתי אחרי סימן קריאה. בדפדפן, זה אינו מוצג. בכתב בעיקר למתכנתים אחרים ומעצבי אתרים הצליח להבין איזה סוג של יחידת מידע הוא מתחת מה היה מצוין או פיסת הקוד.
מסקנות
כתיבת קודים ב- HTML לא קשה כמו שזה יכול להיותנראה ממבט ראשון. במיוחד אם אתה יומרות ורוצים ליצור אתרי אינטרנט יומרות, ספרי לימוד אלקטרוניים המבוססים על HTML, וכו 'ללמוד את התגים הבסיסיים ואת העיקרון של סימון לא ייקח הרבה זמן. יהיה לך מספיק אפילו כמה ימים כדי להתחיל ליצור פרויקטים משלך.
שים לב שאם תחליט ללמוד שפה זוסימונים, ואז להיזהר. רוב הבעיות נובעות דווקא בגלל חוסר תשומת לב: תגים משויכים סגורים, פרמטרים שנכתב שגוי, שגיאות הקלדה - כל זה מאיים להפוך טעות שאתה יכול לחפש מספיק זמן. אבל באופן כללי, ללמוד HTML- סימון של דפים הוא די מעניין.
</ p>
