آموزش زبان های برنامه نویسی

آموزش زبان های برنامه نویسی

آموزش انواع زبان های برنامه نویسی
آموزش زبان های برنامه نویسی

آموزش زبان های برنامه نویسی

آموزش انواع زبان های برنامه نویسی

آموزش Html جلسه اول مقدمه(HTML Introduction)


آموزش Html جلسه اول مقدمه(HTML Introduction)


من سیروس باباخانی هستم که در این بخش با آموزش Html در خدمت شما دوستان می باشم

 امیدوارم بتونم دانش اندکم رو به نحوه درستی در اختیار شما دوستان قرار بدم.


نکته : کسی که برنامه نویسی تحت وب انجام میده باید زبان برنامه نویسی Html که پایه زبان برنامه نویسی تحت وب است رو بلد باشه.


Html چیست؟


HTML یک زبان نشانه گذاری برای توصیف اسناد وب (صفحات وب) است.

  • Html  مخفف  Hyper Text Markup Language.
  • زبان نشانه گذاری مجموعه ای از برچسب های نشانه گذاری است.
  • اسناد Html  شامل مجموعه ای از تگ ها هستند که به وسیله آنها خواص صفحه تعیین میشود.

یک مثال از Html


<!DOCTYPE html>
<html>
<body>

<h1>My First Heading</h1>

<p>My first paragraph.</p>

</body>

</html>

حال به توضیح این کد می پردازیم

DOCTYPE  مشخص میکنه که نوع سند از چه چیزی هستش

و محتویات سند های Html در بین تگ های <html>ر </html> قرا میگیرند

و متن ها و اسناد و تگ های هم بین تگ  <body> و </ body> قرار میگیره

و تگ  <h1>  </h1>  برای عنوان و تایتل صفحه به کار میرود

و تگ <p> و </p> هم برای ایجاد یک پاراگراف به کار می رود.

تگ های Html

تگ های Html  در بین دو براکت قرار میگیرند مثل مثال زیر

<نام تگ > محتویات <\نام تگ >

تگ های Html  معمولا به صورت جفت می آیند به طور مثال <p></p>

اولین تگ دوتایی تگ شروع است، تگ دومی تگی است که به کار تگ پایان میده

تگ پایانی شبیه تگ شروع است با این تفاوت که قبلش یه اسلش قرار می گیره

 نکته :تگ اولی رو معمولا بهش مگن تگ شروع کننده و تگ دومی رو هم بهش میگن تگ خاتمه تگی که میبنده کل تگ رو


مرور گر ها:



اهداف یک مرور گر (Chrome, IE, Firefox, Safari)  خواندن اسناد Html و نمایش آنهاست.

مرورگر ها تگ های Html  را نشان نمی دهند فقط با آستفاده از آن نحوه نمایش صفحه را مشخص میکنند.

ساختار صفحه Html

در زیر تصویر ساختار Html  را نشان میدهیم

 

<html>

 

 

<body>

 

<h1>Th is is a heading</h1>

 

 

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

 

 

<p>This is another paragraph.</p>

 

 

</body>

 

</html>

 


نسخه های Html


از روزهای اولیه ای که دنیای وب به وجود آمد ،  نسخه های HTML بسیاری وجود داشته است:

 

نسخه

سال

HTML

1991

HTML+

1993

HTML 2.0

1995

HTML 3.2

1997

HTML 4.01

1999

XHTML

2000

HTML5

2012


تعریف  <!DOCTYPE> 


تعریف  <!DOCTYPE>  به یک مرورگر کمک میکنه تا صفحه را به درستی نمایش دهد.

اسناد مختلفی بر روی وب وجود دارند. و یک مررورگر تنها می تواند صفحات Html  را  که نوع و ورژن آن را می شناسد به درستی نمایش دهد.

اشکال مشترک تعریف <!DOCTYPE> 


در Html5  بصورت زیر است

<!DOCTYPE html>

در Html4  بصورت زیر است

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">

و در Xhtml بصورت زیر است

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">


تمامی آموزش ها و مثال ها این مجموعه  با استفاده از Html5 است.



درس بعدی 




آموزش Html جلسه اول آموزش Html از مقدماتی تا پیشرفته آموزش Html با سیروس باباخانی آموزش Html Html چیست؟ نسخه های Html
سیروس باباخانی چهارشنبه 23 مهر 1393 ساعت 10:20
0 نظر