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

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

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

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

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

جلسه سوم مثال های عمومی از Html (HTML Basic Examples)


جلسه سوم  مثال های عمومی از Html (HTML Basic Examples)


نگران نباشدی اگه این مثال ها را یاد نگرفتید شما آنها را در جلسه های بعدی یاد خواهید گرفت.

همه سند های Html  باید با تعریف  <!DOCTYPE html>  شروع شوند

و همچنین سند های Html  باید با تگ <html>  شروع شوند  و با تگ  </html>پایان بپزیرند.

و همچنین بخش قابل مشاهده از سند Html  باید بین تگ <body> و  </body> قرار بگیرند.


مثال:

<!DOCTYPE html>
<html>
<body>

<h1>My First Heading</h1>

<p>My first paragraph.</p>

</body>
</html>

عنوان یا تایتل ها در Html


در Html برای استفاده از عنوان ها از تگ ها  <h1> تا  <h6>  استفاده می شود.

به این ترتیب که <h1> با فونت بزرگ و هرچقدر به <h6>  نزدیکتر میشویم فونت ها کوچک می شوند.


مثال


<h1>This is a heading</h1>
<h2>This is a heading</h2>
<h3>This is a heading</h3>


پاراگراف ها در Html


در Html برای استفاده از پاراگراف ها از تگ ها  <P> استفاده می شود.

مثال:

 

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


لینک ها در Html


در Html برای تعریف یک لینک از تگ ها  <A> استفاده می شود.


مثال:

<img src="picture.jpg" alt="Projeraygan.blogfa.com" width="104" height="142">

 


نکته : شما در مورد ویژگی ها یا attributes  در جلسه های بعدی بیشتر یاد میگیرید.




درس بعدی


درس قبلی



آموزش 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 است.



درس بعدی