X
تبلیغات
رایتل
سبز نیوز
مطالب کاربردی گیاهان زینتی.گیاهان دارویی.کشت قارچ.کشت گلخانه ای.تراریوم و بونسای
فروشگاه ساز رایگان فایل
HTML چیست؟ جلسه اول
جمعه 20 بهمن‌ماه سال 1391 ساعت 05:44 ب.ظ | نوشته ‌شده به دست علیزاده | ( 0 نظر )

HTML چیست؟
HTML خلاصه عبارت Hyper Text Markup Language است، یک زبان برای تشریح و توصیف صفحات وب!
به زبان ساده، HTML یک زبان برنامه نویسی نیست بلکه تنها یک زبان نشانه گذاری (Markup) است که از مجموعه‌ای به نام تگ‌ها (Tag) تشکیل شده است.
در واقع، HTML به وسیله این تگ‌ها، یک صفحه وب را تشریح می‌کند.
اما تگ چیست؟!
تگ هایHTML :
تگ‌های HTML در واقع مجموعه‌ای از کلمات کلیدی و از قبل مشخص شده (keywords) هستند که به وسیله دو علاومت > و < مشخص می‌شوند. مانند: <html>،<p>،<img> و…
به زبان ساده‌تر، هرچیزی در یک صحفه وب باید بوسیله یکی از این تگ‌ها مشخص شود!
تگ‌های HTML معمولا به صورت جفتی به‌کار می‌روند، مانند <p> و </p> که به اولی تگ آغازین و به دومی تگ پایانی می‌گویند. هرچند که تعدادی از تگ‌ها هم بصورت تکی استفاده می‌شوند (مثل <br/>) که در جلسه‌های بعدی کاملا با آن‌ها آشنا می‌شوید.
نکته مهمی که باید همیشه به یاد داشته باشید، این است که تگ‌های پایانی همیشه بصورت </> بکار می‌روند! مثل </p>. به زبان ساده‌تر، تگ‌های پایانی را باید همیشه به‌همراه علامت / بکار ببرید.
وظیفه یک مرورگر وب مانند کروم، فایرفاکس یا اینترنت اکسپلورر در واقع خوانندن تگ‌های HTML و نمایش دادن صحیح آن‌ها بصورت صفحات وب است.
به مثال زیر توجه کنید:
<html>
<body>
<p>My first paragraph</p>
</body>
</html>
عباراتی بین دو تگ <html> و </html> قرار می گیرند، یک صفحه وب را شرح می‌دهند.
تگ های <body> و </body> بخش قابل مشاهده صفحه را مشخص می‌کند (هر چیزی که در صفحه وب قابل مشاهده است، در بین این دو تگ قرار می گیرد).
تگ‌های <p> و </p> هم مشخص می‌کنند که عبارت قرار گرفته بین این دو تگ، یک پارگراف است.
برای اینکه نتیجه را خودتان امتحان کنید، برنامه نوت پد ویندوز را باز کرده و عبارات بالا را در آن بنویسید و در آخر با نام example1.html ذخیره کنید. حالا فایل خود را بوسیله یک مرورگر باز کنید (برای این کار، از منویFile، Save As را انتخاب کنید و در پنجره‌ای که باز می‌شود، نام فایل را example1.html و Save as type را برابر All files قرار دهید).
حالا فایل HTML خود را باز کنید. باید دقیقا تصویر زیر را ببینید.

html-j1

حالا اگر از IE استفاده می‌کنید از منوی Page گزینه View Source را انتخاب نمایید. چه خواهید دید؟! دقیقا کدهای بالا را! درست است؟! (درصورت استفاده از فایرفاکس، کروم و اپرا با زدن دکمه های ترکیبی Ctrl+U می‌توانید از View Source استفاده کنید)
این نکته را هم باید همین جا اضافه کنم که برنامه‌های زیادی برای ساده‌تر کردن نوشتن کدهای HTML وجود دارد ازجمله HTMLPad، Adobe Dreamweaver و… که البته فعلا نیازی به استفاده از آن‌ها نیست.
فراموش نکنید که بهترین راه یادگیری HTML، نوشتن و تمرین زیاد است!
تمرین 1: کد بالا را طوری تغییر دهید که شامل دو پاراگراف My first paragraph و My second paragraph باشد.
جواب تمرین شماره 1 را در جلسه دوم خواهم داد!
در جلسات بعد با ما همراه باشید تا به تدریج با تگ‌های HTML و ویژگی‌های هر کدام آشنا شوید


Read more: http://itresan.com/10361/html-%d8%a8%d9%87-%d8%b2%d8%a8%d8%a7%d9%86-%d8%b3%d8%a7%d8%af%d9%87-%d8%ac%d9%84%d8%b3%d9%87-%d8%a2%d9%85%d9%88%d8%b2%d8%b4%db%8c-%d8%a7%d9%88%d9%84.html#ixzz1FAW92oC4
چاپ این مطلب: کلیک کنید

پرورش توت فرنگی
شنبه 14 بهمن‌ماه سال 1391 ساعت 05:47 ب.ظ | نوشته ‌شده به دست علیزاده | ( 0 نظر )
تاریخچه توت فرنگی:توت فرنگی میوه ای نسبتا جدید است که تا 250-300 سال قبل به این شکل امروزی وجود نداشت و بیشتر موارد استفاده دارویی داشته است. در قرن چهاردهم در فرانسه توت فرنگی های وحشی از جنگل به زمین زراعتی منتقل شد و از آن به عنوان یک گیاه اهلی استفاده گردید. در جنگلهای شمال ایران توت فرنگی

چاپ این مطلب: کلیک کنید

شنبه 7 بهمن‌ماه سال 1391 ساعت 11:02 ب.ظ | نوشته ‌شده به دست علیزاده | ( 2 نظر )

نعره هیچ شیری…خانه چوبی راخراب نمی کند…من از سکوت موریانه میترسم

چاپ این مطلب: کلیک کنید

تعداد کل صفحات: 1063


برای عضویت در خبرنامه ایمیل خود را وارد کنید