• הרשמו ולמדו כיצד להרוויח כסף ברשת בקלות !
  • האתר עוסק בכסף ברשת, תכנות, עיצוב, שיווק וקידום ועוד !!
  • דרושים מנהלים ומפקחים


דירוג האשכול:
  • 0 הצבעות - 0 בממוצע
  • 1
  • 2
  • 3
  • 4
  • 5
מידע| שיעור מספר 5 [HTML+CSS]
#1
שלום לכולם וברוכים הבאים לבית הספר לתכנות!

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

נתחיל בחזרה עם קצת חומר חדש:

קוד PHP:
<!DOCTYPE html>
<
html>
<
head>
<
titleIsraMoney EranDev </title>
</
head>
<
body>

<
h1>This is a heading</h1>
<
p>This is a paragraph.</p>

</
body>
</
html
עכשיו אם נרצה להגדיר לנו style לh1, p, background אנחנו נפתח תגית ב<head> של <style> ונגדיר לנו מה שנרצה.

קוד PHP:
<style>
h1 {
 
   color:red;
 
   font-family:arial;
 
   font-size:30px;
}
p  {
 
   color:blue;
 
   font-family:arial;
 
   font-size:24px;
}
</
style

כמו שתוכלו לראות פתחנו תגית <style> ובתוכה פתחנו בלוקים של h1 וp.
בתוך הבלוקים הגדרנו את הצבע, הגופן והגודל.
ועכשיו כל פעם שנשתמש בp וh1 נקבל את ההגדרות האלו
הקוד המלא:

קוד PHP:
<!DOCTYPE html>
<
html>
<
head>
<
titleIsraMoney EranDev </title>
<
style>
h1 {
 
   color:red;
 
   font-family:arial;
 
   font-size:30px;
}
p  {
 
   color:blue;
 
   font-family:arial;
 
   font-size:24px;
}
</
style>

</
head>
<
body>

<
h1>שורה בh1</h1>
<
p>שורה בp<p>

</
body>
</
html

זהו שיעור קצרצר מאוד ונעשה חזרה על החומר שנלמד בעזרת שיעורי בית.
שיעורי הבית הם:
1. לכתוב פקודה שהתוצאה תהיה:
שורה מספר 1
שורה מספר 2 
שורה מספר 1 צריכה להיות h1
שורה מספר 2 צריכה להיות h2
2. לכתוב פקודה שהתוצאה תהיה:
שורה מספר 1 בפונט David
שורה מספר 2 בפונט Arial
שורה מספר 1 צריכה להיות h1
שורה מספר 2 צריכה להיות h2

אם אראה שהבנתם אני אלמד אתכם להשתמש בstyle יותר פשוט אבל קודם תבינו את מה שלמדנו.
מוזמנים להגיש לי שיעורי בית בהודעה פרטית
בהצלחה
 
צטט
#2
כל הכבוד על ההשקעה!
המשך כך!
 
צטט
#3
אחלה מדריך תודה
 
צטט
#4
יופי השקעה!! תודה
 
צטט
  


קפיצה לפורום:


Browsing: 1 אורחים

עוצב ע"י XSTYLED |
תורגם ע"י DanielM |
מופעל באמצעות MyBB |
תורגם באמצעות MyHeBB |
Copyright © 2014