מדריך HTML ענקק שכתבתי, למרות שאני משער שכבר רבים פה רשמו מדריכים כאלו.
כל הזכויות שמורות למתן ס. (Ace)רוב המדריך הוא בעיקר למתחילים אשר רוצים ללמוד ולהשתפר ב-html
נתחיל בהקדמה פשוטה שאני משער שרובכם יודעים:
*הפקודות ב-html נקראות תגים והן נכתבות בין סוגריים משולשים- <>
*פקודת מכולה- פקודה שמשפיעה על מרכיבים אחרים במסמך, יש צורך לפתוח אותה
ולסגור- <פקודה>*<פקודה/>
*פקודה ריקה- פקודה שלא צריך לסגור אותה. כמו: <br> (הורדת שורה)
מבנה בסיסי של HTML
<html>
<head>
<title>
כותרת
<title/>
<head/>
<body>
כל הפקודות שבגוף המסמך
<body/>
<html/>
פקודות body בסיסיות:
background- קביעת תמונה כרקע לדף. דוגמא: <"body background="1.jpg>
bgcolor- קביעת צבע כרקע. דוגמא: <"body bgcolor="blue>
link- צבע הקישורים בדף. דוגמא : <"body link="red>
text- קביעת צבע הטקסט בדף. דוגמא: <"body text="red>
התגית <p>
פקודת מכולה אשר תפקידה לתחום טקסט מסוים כפיסקה כדי שלמשתמש תיהיה אפשרות לקרוא את הטקסט
בצורה ברורה ונוחה.
המאפיין הכי בסיסי לפקודה זו הוא: align המגדיר את מיקום הפיסקה.
<"p align="left> שמאל
<"p align="center> מרכז
<"p align="right> ימין
תגיות עיצוב גופנים
<b> - פקודת מכולה, תפקידה להדגיש את הטקסט. <b/> שלום <b>
<big> - פקודת מכולה, תציג את הכתוב באותיות אנגליות. <big> hello </big>
<i> - פקודת מכולה, תציג את הכתוב בהטייה. <i> hello </i>
<u> - פקודת מכולה, תוסיף קו תחתון לכתוב. <i> hello </i>
<strike> - פקודת מכולה, מוסיפה קו חוצה על הטקסט. <strike> hello </strike>
<center> - פקודת מכולה, ממרכזת את הטקסט המוכל. <center> hello </center>
<tt> - כתב בסגנון מכונת כתיבה
<sup> - כתב עילי
<sub> - כתב תחתי
תגית כותרת
<h1> שלום <h1/> - הכותרת הגדולה ביותר.
<h2> שלום <h2/>
<h3> שלום <h3/>
.
.
.
<h7> שלום <h7/> - הכותרת הקטנה ביותר.
תגית ה font
מאפיינים:
size - גודל, הערכים שיתקבלו הם מ-1 עד 7.
color - צבע הגופן.
face - שם הגופן.
דוגמא:
<"font color="blue" size="6" face="david>
תגית hr
פקודה ריקה, היוצרת קו אופקי:
___________
מאפיינים:
align - יישור הקו. (left/right/center)
size - עובי הקו. מקבל מספר פיקסלים או אחוזים מהמסך.
width - אורך הקו. מקבל מספר פיקסלים או אחוזים מהמסך.
color - צבע הקו.
תגית marquee
פקודה היוצרת תזוזה בטקסט/תמונה.
מאפיינים:
align - יישור המרקווי. ערכים: top/left/middle.
direction - כיוון תנועת המרקווי. up/down/left/right
bgcolor - צבע רקע למרקויי.
loop- מספר הופעות, מקבל מספר. אם נגדיר (1-) יתבצע אינסוף פעמים.
תגית הקישור A
תגית זו מאפשרת לנו לקשר מהאתר שלנו לאתר אחר או לדף אחר.
מאפיינים:
href - קישור לקובץ/ שם של דף/ או url
target - באיזה אופן יפתח הקישור:
"top_" - מחליף את החלון הקיים
"blank_" - פותח חלון חדש
תגית ה- img
תגית זו מאפשרת לנו להכניס תמונה לאתר.
מאפיינים:
src - הכתובת לתמונה
align - ישור התמונה. left/right/center
border - עובי המסגרת בפיקסלים
height - אורך התמונה בפיקסלים
width - רוחב התמונה בפיקסלים
alt - מגדיר את הטקסט שיופיע אם יעבירו את לחצן העכבר מעל לתמונה או אם התמונה לא תופיע
רשימות באתר
<ol> - רשימה מסודרת (מיספור)
<ul> - רשימה לא מסודרת
<li> - פריט ברשימה
מאפייני <ol>
type - סוג המיספור: A/a/1/i/I (בוחרים ערך אחד)
מאפייני <ul>
type - האפשרויות: circle - עיגול ריק. disc - עיגול מלא. square- מרובע.
טבלאות
<table> - טבלה
<tr> - שורה בטבלה
<td> - תא בטבלה
מבנה בסיסי:
<table>
<tr>
<td>...</td>
<tr/>
<table/>
מאפייני <table>
align - ישור הטבלה. center/left/right
border - מגדיר מסגרת לטבלה
bgcolor - מגדיר צבע רקע לטבלה
background - מגדיר תמונה כרקע לטבלה
bordercolor - מגדיר את צבע המסגרת
width - מגדיר את רוחב הטבלה
height - מגדיר את גובה הטבלה
מאפייני <tr>
bgcolor - מגדיר צבע רקע לשורה
background - מגדיר תמונה כרקע לשורה
bordercolor - מגדיר את צבע המסגרת
width - מגדיר את רוחב השורה
height - מגדיר את גובה השורה
align - ישור הטקסט בתוך השורה
מאפייני <td>
bgcolor - מגדיר צבע רקע לתא
background - מגדיר תמונה כרקע לתא (בעייתי לפעמים)
bordercolor - מגדיר את צבע המסגרת
width - מגדיר את רוחב התא
height - מגדיר את גובה התא
align - ישור הטקסט בתוך התא
פקודות ודברים נוספים:
הוספת צליל/ מוזיקה לאתר: <bgsound>
מאפיינים:
src - קישור אל הקובץ שיושמע
loop- מספר הפעמים שינוגן אם נגדיר (1-) השיר יתנגן כל הזמן
הוספת סרטון: <embed>
מאפיינים:
src - קישור אל הסרט שיוצג
width - רוחב התצוגה
height - גובה התצוגה
סימנים:
;copy& סימון של ה- c של כל הזכויות שמורות
;reg& סימון ה-R בתוך עיגול
כל הזכויות על המדריך שמורות אין להעתיק ולשכפל ובלה בלה בלה בלי רשותי!!!
עבדתי די קשה על המדריך אז תודה או הערות לחיוב ולשלילה לא יזיקו!!
תהנו!!
גירסת הדפסה
סגן המנהל
מפקח
Winner
צל"ש
מומחה
