תכונות HTML: סוגים ושימושים. HTML-מדריך

TML обладает широким выбором тегов для придания сайту приятного внешнего вида. יש Hypertext Markup Language H TML מגוון רחב של תגים להפוך את האתר חזות נעימה. במשך הזמן, מעצב אינטרנט ניצני מבין שפשוט לסמן את הטקסט אינו מספיק. בין דפי האינטרנט המודרניים ברחבי יצירות אמנות. וויזארדס ליצירת אתרים לשחק גופן טקסט, גודל ומיקום האלמנטים כפי שהם רוצים. позволяют присваивать тегам определённые свойства, дополнять и изменять их содержимое. זה מייחס לאפשר תגי HTML שהוקצו מאפיינים מסוימים, להוסיף ולשנות את התוכן שלהם.

תכונות

תכונות כתובות תג הפתיחה מורכבת משני חלקים. הראשון - שם כי כתוב עם רווח לאחר תג שם. חלק שני - ערך המאפיין מצוין לאחר הסימן "=" ו בין מרכאות כפולות. разнятся для разных тегов. תכונות HTML שונות עבור תגים שונים. רובם לבצע מגוון של משימות, אבל יש כמה מאפיינים משותפים. הם יכולים להיות מיושמים אלמנטים רבים של דף האינטרנט.

תג יכול לכלול מאפיינים מרובים. הם כתובים אחד אחרי השני והם ממוקמים באופן בלעדי התג הפותח. הסגירה אינה יכולה להכיל תכונות.

תכונות יוניברסל של רכיבי HTML

ישנן מספר תכונות שיכולות להיות מיושמות תגים שונים. הם אחראים המיקום של רכיב בדף, גובה, רוחב, צבע ואפקטים חזותיים אחרים. Align, которому можно присвоить значения right, left или center. אחת מהן - יישר, תוכל להקצות ערכים ימינה, שמאלה או מרכז. הוא מתיישר תג אופקי, כך שזה עשוי להיות שימושי עבור רוב אלמנטי סימון. делает то же самое, но по вертикали. Valign עושה את אותו הדבר, אבל אנכי. top, bottom и middle. ניתן להקצות ערכי עליון, תחתון ובינוני. bgcolor, отвечающий за цвет фона. תכונה אוניברסלית הבא - bgcolor, הוא אחראי על צבע הרקע. RGB. הערך שלה הוא בצורת קוד מספרי המציין את אחד הצבעים RGB. background. הרקע יכול להיות דימוי, אם נשתמש ברקע התכונה.

אלמנט, אתה יכול לציין שם שיוצג כאשר אתה מרחף מעליו. title, значение которого определяет пользователь. כדי לעשות זאת, להשתמש בתואר תכונה, הערך שהמשתמש מגדיר. יש תכונה אחת כזו המשמשת ליצור אלמנט מזהה ייחודי. id и позволяет создателю сайта задавать стиль для конкретного тега. תכונה זו נקראת id ומאפשרת היוצר של אתר לבקש את הסגנון של תג ספציפי. CSS используют атрибут под названием class, который будет рассматриваться как имя тега в каскадных таблицах стилей. כדי לעבוד עם CSS להשתמש תכונה בשם הכיתה, אשר אנו יטופלו כפי שהשם תג גיליונות סגנון מדורגים. width, а высоту - с помощью атрибута height. אתה יכול להגדיר את רוחב השולחן, התמונה או התא באמצעות הרוחב, וגובה - באמצעות תכונת גובה. ישנן תכונות גלובליות אחרות, אבל אם הם צריכים רק טירון.

תכונות תג HTML

документ. ישנן מספר תכונות שימושיות אשר משפיעות על מסמך H TML- כולו. חלקם ניתן להשתמש כדי להפריד את שברי, למשל lang. תכונה זו מציינת את שפת הטקסט בדף אינטרנט. למה לעשות את זה אם האתר נראה תקין וללא שפה? למעשה, חלק מהסמלים מוצגים באופן שונה בשפות שונות. а для русского вот так «...». לדוגמה, המירכאות עבור אנגלית הן כדלקמן - "... 'ולמען רוסית ככה,' ...". необходимо, но зачастую можно обойтись и без него. במקרים מסוימים, שימוש lang הכרחי, אך לעתים קרובות אתה יכול להסתדר בלי זה. выполняет аналогичную функцию, но его применяют в документах XHTML. XML: תכונת lang מבצעת פונקציה דומה, אבל זה משמש במסמכי XHTML.

אתה יכול לציין לא רק את שפת המסמך, אלא גם טיפ מיוחד. title. זה יצוץ כאשר עוברים עם הסמן בדף האינטרנט ולהגדיר באמצעות תכונת הכותרת. , задающий пространство имён документа XHTML. יש תכונה אחת יותר לתגית , המפרטת את מסמך מרחב XHTML. xmlns. שמו - xmlns. http://www.w3.org/1999/xhtml . הערך של מאפיין זה הוא הפניה - http://www.w3.org/1999/xhtml. אין ערכים אחרים לא ניתן להקצות לו.

הגדרות גופן CSS

תכונות HTML חלק נהגו לציין את הגופן ב CSS. הראשון שבהם נקרא font-family. זה מציין רשימה של גופנים לשימוש בכל אלמנט. הערך של מאפיין זה - שם הגופן. הגופן הנבחר ניתן לשנות באמצעות font-style. הגדרה זו מאפשרת להדפיס או לסמן אותה נוטה באותיות נטויות. (обычный) , italic ( курсив) и oblique ( наклонный ). ערכים - רגיל (רגיל), נטוי (נטוי) אלכסוני (נוטה). התכונה השימושית הבאה של גיליונות סגנון מדורגים נקראת font-variant. עם זה אתה יכול לבחור טקסט באמצעות אותיות גדולות מיוחדות. всего два значения — normal и small-caps. יש font-variant רק שני ערכים - נורמלים-כובעים קטנים.

и отвечает за толщину текста. תכונה נוספת של הגופן נקראה משקל גופן אחראי רוחב הטקסט. если вам нужны буквы стандартной толщины. זה יכול להיות מוקצה ערך נורמלי אם אתה צריך מכתב של עובי סטנדרטי. а для полужирного — bold. עבור טקסט בהיר צריך לספק ערך מצית, ובמשך מודגש - מודגש. טקסט מודגש מצוין תכונה זו כמו נועזות. אפשר להגדיר את העובי של סימנים בתבנית מספרית. במקרה זה, 100 - פונט דק, ו 900 - האופציה העבה. задают размер шрифта. עם font-size תכונה לציין את גודל הגופן. пикселях ( px) и процентах (%). זה יכול להיות מתואר נקודות (pt), פיקסלים (פיקסלים) אחוז (%). על מנת לקבל לגודל גופן רגיל, להגדיר תכונה זו בדרך כלל.

מאפייני טקסט

בעזרת שימוש מוסמכות של התכונות שאתה לא יכול רק לשנות את הגופן, אבל את הטקסט כולו. גדר קו מרווח באמצעות התכונה גובה שורה. פרמטר זה מוגדר כדי לציין את הערך פיקסל המדויק, אחוז, או מכפיל. זהו החלמתם על ערך המאפיין של נורמלי. אתה יכול להוסיף אפקטים מעניינים לטקסט, במידת הצורך. כדי לעשות זאת, קיימת תכונה text-decoration. если нужно убрать все эффекты оформления. הגדר אותו אף, אם אתה רוצה להסיר את כל השפעות הקישוט. добавит в текст подчёркивание, а overline – линию над текстом. קו תחתון מתווסף תחתון לטקסט, ו קו עליון - קו מעל הטקסט. сделает текст мигающим, а line-through перечеркнёт его. השווי יגרום כהרף לטקסט להבהב, קו-דרך ולשלול אותו.

עוד תכונה שימושית - text-transform. то текст будет начинаться с прописных букв. אם אתה מגדיר את זה כדי לנצל, הטקסט יתחיל עם אותיות גדולות. сделает все буквы прописными, а lowercase, наоборот, строчными. כלומר רישיות עושה כל האותיות גדולות וקטנות, להיפך, באותיות קטנות. כדי להסיר את כל האפקטים, להגדיר תכונה זו במעלה. астроить отступ первой строки поможет text-indent. H astroit text-indent הראשון לקו העזרה indent. זה יכול להיות מוקצה ערך בפיקסלים או באחוזים. - align — атрибут, отвечающий за выравнивание текста. טקסט - align - תכונת אחראי היישור של הטקסט. הערכים האפשריים של הפרמטר הזה - שמאלה, ימינה, מרכז, להצדיק . אל תנסה לזכור את התכונות הבסיסיות, בשלב מוקדם יעזור הפניה HTML.

תגיות ותכונות HTML

אם החלטת ללמוד את אמנות יצירת דפי אינטרנט, אתה צריך לזכור הרבה תגיות. תכונות HTML חשובות באותה מידה, כי בלעדיהם אי אפשר ליצור אתר אינטרנט. שימוש מיומן של רכיבים אלה של שפה ייצור דף אינטרנט הגון. תגיות לחלקם יש תכונות ייחודיות משלהם, לזכור שזה קשה ולא מעשי. לכן, אפילו מעצבי אינטרנט מנוסים לשמור HTML-עזר. אין מה להתבייש, כי אתה לא יודע מה תג או תכונת צורך היום. עם זאת, רצוי לזכור את התכונות העולמיות כי ניתן ליישם את רוב אלמנטים קיימים. כדי לבסס את החומר, מנסה ליישם את הידע הזה בפועל. и он принесёт вам массу положительных эмоций, а также солидный доход. בוא להכיר שפת HTML, וזה יביא לך הרבה רגשות חיוביים, כמו גם הכנסה מוצקה.