קודם כל מהו HTML?
HTML הוא קיצור של המילים
Hyper Text Markup Language
איך מתחילים את כל ה-HTML הזה?!
בשביל להתחיל מסמך HTML תקני נרשום כך:
קוד HTML:
<!DOCTYPE html>
<html>
<head><title>Your Title</title></head>
<body>
</body>
</html>
מה בעצם עשינו פה?
קודם כל שרשמנו:
<!DOCTYPE html>
הכרזנו שזהו מסמך HTML
וכשרשמנו:
<head><title>Your Title</title></head>
אנחנו התכוונו לכותרת עם התגית <title>
ועכשיו תשאלו אותי:
שאלה מצויינת!
התגית HEAD נועדה לומר לנו מה יקרה בזמן טעינת הדפדפן.
והתגית <title> תגיד לנו מה יהיה בכותרת.
כך:
שים לב!
לכל תגית כמו למשל לתגית <head> יש גם תגית סגירה עם לוכסן בהתחלה כך:
</head>
יש מספר תגים שאין צורך בסגירה שיפורטו בהמשך.
התגית <body>
כשרשמנו בקוד:
<body>
</body>
התכוונו לומר לדפדפן שכאן יהיה הטקסט (לאו דווקא) ו/או התמונות (או הקישורים... וכ'ו)
עכשיו נרשום כך:
קוד:
<html lang="en">
<head>
<title>Your Title</title>
</head>
<body>
Text, Text, Text
</body>
</html>
הסבר:
כשכתבנו:
<!DOCTYPE html>
לפי תקן ה-HTML5 צריך להכריז על כל דף HTML
הכנה:
בשביל להציג את מה שעשינו נצטרך לעשות:
לכתוב את מה שרשמנו לתוך פנקס רשימות >> לעשות שמירה בשם >> לכתוב: bla.html
וואלה! יש לך דף HTML מוכן, בואו נפתח.
אם עשיתם עד כה טוב אז זה אמור להראות כך:
שים לב!
בשביל לדעת את התקן (ויש) ל-HTML כדאי שתקרא קודם את תקן ה-XHTML
עיצוב מלל בסיסי:
בשביל לעשות עיצוב מלל בסיסי נשתמש במ'ס תגים:
<b>check</b>
יצא:
check
<i>check</i>
יצא:
check
אפשר גם לשלב את כולם יחדיו:
<b><i>check</i></b>
יצא:
check
תמונות:
בשביל לשים תמונה נצטרך לרשום:
<img alt="My Picture" src="http://up353.siz.co.il/up3/z4kd5xugzazy.bmp" />
שכתבנו <img .... />
אמרנו שזוהי תמונה
וכשכתבנו:
alt="My Picture"
אמרנו שמי שלא יראה את התמונה (מכל סיבה שהיא) יראה את הטקסט My Pisture
וכשכתבנו:
src="http://up353.siz.co.il/up3/z4kd5xugzazy.bmp"
אמרנו איפה לקחת את התמונה.
בסוף יצא:
קישורים:
בשביל לעשות קישור נצטרך לרשום:
<a href="http://www.iatraf.co.il">Iatraf</a>
קישור זה יביא אותנו לדף הבית של אטרף.
אבל איך?
כשכתבנו href="http://www.iatraf.co.il" אמרנו מה לפתוח.
זהו!
מקווה שהבנתם
בשביל ללמוד עוד אתם יכולים לקרוא עוד על:
[HTML] יצירת טופס
http://www.iatraf.co.il/showthread.php?t=811853
[JavaScript] יצירת דף עם סיסמה
http://www.iatraf.co.il/showthread.php?t=813516
[CSS] עיצוב טקסט
http://www.iatraf.co.il/showthread.php?t=814004
[HTML] טבלאות
http://www.iatraf.co.il/showthread.p...39#post7239339
התג meta [HTML]
http://www.iatraf.co.il/showthread.php?t=815165
[HTML]תקן XHTML
http://www.iatraf.co.il/showthread.php?t=815965
כל הזכויות שמורות לי
ובלעדיות לאטרף!
מדריך | HTML מהתחלה, פשוט וקל!
ציטוט ההודעה
נכתב במקור על ידי naor586
