جلسه سوم مثال های عمومی از Html (HTML Basic Examples)
نگران نباشدی اگه این مثال ها را یاد نگرفتید شما آنها را در جلسه های بعدی یاد خواهید گرفت.
همه سند های Html باید با تعریف <!DOCTYPE html> شروع شوند
و همچنین سند های Html باید با تگ <html> شروع شوند و با تگ </html>پایان بپزیرند.
و همچنین بخش قابل مشاهده از سند Html باید بین تگ <body> و </body> قرار بگیرند.
مثال:
عنوان یا تایتل ها در 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> استفاده می شود.
مثال:
لینک ها در Html
در Html برای تعریف یک لینک از تگ ها <A> استفاده می شود.
مثال:
<img src="picture.jpg" alt="Projeraygan.blogfa.com" width="104" height="142">
نکته : شما در مورد ویژگی ها یا attributes در جلسه های بعدی بیشتر یاد میگیرید.
آموزش Html جلسه اول مقدمه(HTML Introduction)
من سیروس باباخانی هستم که در این بخش با آموزش Html در خدمت شما دوستان می باشم
امیدوارم بتونم دانش اندکم رو به نحوه درستی در اختیار شما دوستان قرار بدم.
نکته : کسی که برنامه نویسی تحت وب انجام میده باید زبان برنامه نویسی Html که پایه زبان برنامه نویسی تحت وب است رو بلد باشه.
Html چیست؟
HTML یک زبان نشانه گذاری برای توصیف اسناد وب (صفحات وب) است.
یک مثال از 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>
</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 است.