[מדריך] HTML - מבוא / בסיס - הוסטס

WebProject · 05-10-05, 08:32

שלום לכולם, החלטתי לכתוב מדריך בסיסי לHTML

דף HTML, בנוי מתגיות, לכל תגית, יש תכונות, שבעזרתן, ניתן לבנות כל אתר שאני רוצים.
הבעיה היחידה בHTML, היא שהיא אינה דינאמית, כלומר, אין אפשרות שימוש בעזרים חיצוניים, או פנימייים כמו מסדי נתונים ובעצם כל דבר.
אני רואה את HTML כבסיס האתר בלבד, כלומר, אתה "מעצב" את האתר עם HTML, לאחר מכן מכניס את הדינימאיות, בין תגיות הHTML.
נתחיל בכך שנראה, איך דף HTML נראה:

PHP קוד:


			
 <html>
  <head>
      <title>כותרת הדף</title>
  </head>
 <body>

גוף הדף

 </body>
</html>

כמו ששמתם לב, לכל תגית יש גם תגית סגירה כלומר:

<code></code>

תכונה זאת נותנת לנו את האפשרות, להכניס טקסט, או כל דבר אחר, שתכונות התגית יפעלו עליה, בלבד.

ועכשיו להסבר:

<html></html> - תגיות אלו, מכריזות על תוכן HTML, וכל תגיות הדף יהיו בן תגיות אלו בלבד.
<head></head> - תגיות אלו מכריזות על "ראש הדף" בין תגיות אלו, נכנסים תגי מטא, תכונות CSS ועוד.
<title></title> - כמו שאני חושב שהבנתם, אלו הן תגיות הכותרת, לאחר הכנסת הטקסט, הטקסט שכתבת בין התגיות, יופיע בפס הכחול בראש כל דפדפן.
<body></body> - תגית "גוף הדף" , כאן כל תוכן האתר יכנס, כל פרט ופרט, כאן בעצם אתם מתחילים לכתוב את הקוד של האתר.

תגיות בסיסיות -

ישנם כמה תכונות בסיסיות שאתם חייבים לדעת:

bgcolor="yourcolor" - תכונה זאת, היא של תגית body, היא קובעת את צבע הדף, בתכונה זאת, על מנת להפעיל אותה, מקמו אותה בתגית ה body.
background="yourimage" - תכונה זאת היא גם של התגית body, היא נועדה לקבוע תמונת רקע ולא צבע רקע, משתמשים בה באותו אופן

--

לאחר מכן, תגית אחרונה שברצוני ללמד אתכם, היא תגית "br", תגית זאת היא תגית שבירת שורה, כי אם במסמך HTML, תרדו שורה בעזרת enter, זה לא יעזור, והשורה לא תישבר.

<br> - תגית זאת כמו שהזכרתי היא תגית שבירת שורה, אין לה תגית סגירה, והיא תשבור את השורה במקום בו תניחו אותה.
זהו להיום, מקווה להמשיך לכתוב, טל.

הא, וחסר לכם שלא תגיבו

Matchs · 05-10-05, 08:54

יש תגיות כמו <br> שאין להן סוגר,
ולכן משתמשים בהן ככה: <br />.

WebProject · 05-10-05, 08:55

רותם, כמו שכתבתי במדריך הקודם, זה מדריך Html, לא Xhtml, אחרי שאני אסיים עוד כמה מדריכים כאן, אני אתן שיעור על תקן

ikkon8 · 05-10-05, 09:37

ציטוט:

נכתב במקור על ידי 1ndex

רותם, כמו שכתבתי במדריך הקודם, זה מדריך Html, לא Xhtml, אחרי שאני אסיים עוד כמה מדריכים כאן, אני אתן שיעור על תקן

סחטיין על ההקשעה

WebProject · 05-10-05, 09:38

ציטוט:

נכתב במקור על ידי LeadTekk

סחטיין על ההקשעה

תודה

ColorSense · 05-10-05, 09:52

תודה רבה, בשביל זה יש את פורום מדריכים

Matchs · 05-10-05, 09:54

ציטוט:

נכתב במקור על ידי 1ndex

רותם, כמו שכתבתי במדריך הקודם, זה מדריך Html, לא Xhtml, אחרי שאני אסיים עוד כמה מדריכים כאן, אני אתן שיעור על תקן

טל, זה סתם בשביל הערה ..
בכל מקרה, תמיד עדיף לתכנת בXHTML Strict מאשר HTML 4.01 ..

רותם

WebProject · 05-10-05, 09:55

ציטוט:

נכתב במקור על ידי Rotem

טל, זה סתם בשביל הערה ..
בכל מקרה, תמיד עדיף לתכנת בXHTML Strict מאשר HTML 4.01 ..

רותם

צודק, אבל למה לסבך מתחיל בתקן?

תן להם זמן, כשיתקדמו, ילמדו את התקן

Shay · 05-10-05, 11:15

אחלה מדריך טל.
קבל צל"ש על ההשקעה.

Inuyasha · 05-10-05, 13:59

יפה! מדריך מצויין, יעזור להרבה לדעתי.

05-10-05, 08:32	# 1
WebProject מ.תיכנות מיני פרופיל תאריך הצטרפות: Oct 2005 מיקום: אשדוד הודעות: 3,070	[מדריך] HTML - מבוא / בסיס שלום לכולם, החלטתי לכתוב מדריך בסיסי לHTML דף HTML, בנוי מתגיות, לכל תגית, יש תכונות, שבעזרתן, ניתן לבנות כל אתר שאני רוצים. הבעיה היחידה בHTML, היא שהיא אינה דינאמית, כלומר, אין אפשרות שימוש בעזרים חיצוניים, או פנימייים כמו מסדי נתונים ובעצם כל דבר. אני רואה את HTML כבסיס האתר בלבד, כלומר, אתה "מעצב" את האתר עם HTML, לאחר מכן מכניס את הדינימאיות, בין תגיות הHTML. נתחיל בכך שנראה, איך דף HTML נראה: PHP קוד: `<html> <head> <title>כותרת הדף</title> </head> <body> גוף הדף </body> </html>` כמו ששמתם לב, לכל תגית יש גם תגית סגירה כלומר: <code></code> תכונה זאת נותנת לנו את האפשרות, להכניס טקסט, או כל דבר אחר, שתכונות התגית יפעלו עליה, בלבד. ועכשיו להסבר: <html></html> - תגיות אלו, מכריזות על תוכן HTML, וכל תגיות הדף יהיו בן תגיות אלו בלבד. <head></head> - תגיות אלו מכריזות על "ראש הדף" בין תגיות אלו, נכנסים תגי מטא, תכונות CSS ועוד. <title></title> - כמו שאני חושב שהבנתם, אלו הן תגיות הכותרת, לאחר הכנסת הטקסט, הטקסט שכתבת בין התגיות, יופיע בפס הכחול בראש כל דפדפן. <body></body> - תגית "גוף הדף" , כאן כל תוכן האתר יכנס, כל פרט ופרט, כאן בעצם אתם מתחילים לכתוב את הקוד של האתר. תגיות בסיסיות - ישנם כמה תכונות בסיסיות שאתם חייבים לדעת: bgcolor="yourcolor" - תכונה זאת, היא של תגית body, היא קובעת את צבע הדף, בתכונה זאת, על מנת להפעיל אותה, מקמו אותה בתגית ה body. background="yourimage" - תכונה זאת היא גם של התגית body, היא נועדה לקבוע תמונת רקע ולא צבע רקע, משתמשים בה באותו אופן -- לאחר מכן, תגית אחרונה שברצוני ללמד אתכם, היא תגית "br", תגית זאת היא תגית שבירת שורה, כי אם במסמך HTML, תרדו שורה בעזרת enter, זה לא יעזור, והשורה לא תישבר. <br> - תגית זאת כמו שהזכרתי היא תגית שבירת שורה, אין לה תגית סגירה, והיא תשבור את השורה במקום בו תניחו אותה. זהו להיום, מקווה להמשיך לכתוב, טל. הא, וחסר לכם שלא תגיבו __________________ כושר קרבי \ טיפים לגיבושים פורטל רעל - צבא וכושר קרבי

05-10-05, 08:54	# 2
Matchs תודה על תרומתך. מיני פרופיל תאריך הצטרפות: Oct 2005 מיקום: מרכז. הודעות: 935	יש תגיות כמו <br> שאין להן סוגר, ולכן משתמשים בהן ככה: <br />. __________________ לפניות, אנא השאירו לי הודעה פרטית. Matchs.

05-10-05, 08:55	# 3
WebProject מ.תיכנות מיני פרופיל תאריך הצטרפות: Oct 2005 מיקום: אשדוד הודעות: 3,070	רותם, כמו שכתבתי במדריך הקודם, זה מדריך Html, לא Xhtml, אחרי שאני אסיים עוד כמה מדריכים כאן, אני אתן שיעור על תקן __________________ כושר קרבי \ טיפים לגיבושים פורטל רעל - צבא וכושר קרבי

05-10-05, 11:15	# 9
Shay חבר וותיק מיני פרופיל תאריך הצטרפות: Oct 2005 מיקום: שער 5 הודעות: 1,493	אחלה מדריך טל. קבל צל"ש על ההשקעה. __________________ Sex Drugs and H.T.A


	ההרשמה לפורום נפתחה - אפשרות רישום לכל אימייל (דומיינים פרטיים, gmail, הוטמייל..)!

05-10-05, 09:52	# 6
ColorSense חבר על מיני פרופיל תאריך הצטרפות: Oct 2005 מיקום: תל אביב גיל: 34 הודעות: 861	תודה רבה, בשביל זה יש את פורום מדריכים

05-10-05, 13:59	# 10
Inuyasha חבר בקהילה מיני פרופיל תאריך הצטרפות: Oct 2005 הודעות: 98	יפה! מדריך מצויין, יעזור להרבה לדעתי.

חברים פעילים הצופים באשכול זה: 1 (0 חברים ו- 1 אורחים)