close
تبلیغات در اینترنت
آشنایی با HTML زبان پایه برنامه نویسی وب

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

اچ تی ام ال (HTML) یا hypertext markup language، زبانی است که تقریبا تمام کسانی که دستی در دنیای وب دارند با آن آشنا هستند یا لااقل اسم آن را بارها شنیده اند، ز

اچ تی ام ال (HTML) یا hypertext markup language، زبانی است که تقریبا تمام کسانی که دستی در دنیای وب دارند با آن آشنا هستند یا لااقل اسم آن را بارها شنیده اند، زبانی که به جرات می توان گفت یکی از آسان ترین و کاربردی ترین ها در جهان است که  از سال 1980 میلادی تا امروز همواره روندی رو به رشد داشته،  در اهمیت آن همین بس که حاصل کدنویسی برنامه نویسان وب،  نهایتا به صورت خروجی HTML  و در مرورگر کاربران نشان داده خواهد شد؛ لذا نقطه آغاز یادگیری برنامه نویسی  وب، آموزش این زبان است، برای آشنایی بیشتر چند تگ ساده را در ادامه بررسی می کنیم.

 

اولین صفحه با کدهای html


برنامه Notepad را باز کنید و کد زیر را در آن کپی نمائید:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>وبگو | اولین صفحه html من</title>
<!-- http://webgoo.ir -->
</head>
<body>
<h1>اولین صفحه من</h1>
<p>اولین پاراگراف من</p>
</body>
</html>
پیش نمایش
اکنون فایلتان را با پسوند html و با یونیکد utf-8 ذخیره نمائید (برای این کار به جای پسوند txt، پسوند html را جایگزین کنید و در قسمت Encoding عبارت UTF-8 را انتخاب کنید)، حاصل اولین کدتان را در یک مرورگر وب ببینید!
توضیح:
- عبارت DOCTYPE html PUBLIC و مقادیر آن برای راهنمایی کردن مرورگرهای وب جهت پردازش صحیح صفحه مورد نظر است.
- تگ head و body جز اصلی ترین تگ های اچ تی ام ال است که سازنده یک صفحه به شمار می روند، درون تگ head می توان از مقادیر meta تگ ها استفاده کرد.
- تگ title برای نمایش عنوان صفحه در مرورگر لازم است.
- تگ h1 نشان گر سرتیتر ها است که می تواند مقادیری تا h6 داشته باشد.
- تگ p در کدهای اچ تی ام ال نشانگر پاراگراف است.
- اکثر تگ های اچ تی ام ال با افزودن یک (/) بسته می شوند و البته برخی نیز یکتا هستند (مثلا </ br>).
نکته 1: هدف از ایجاد زبانی به نام html یا hypertext markup language در وب، در واقع به ضرورت ایجاد استانداردی تعریف شده برای یکسان سازی و سهولت کار برمی گردد، این زبان توسط کنسرسیوم جهانی وب یا w3c توسعه یافته و امروزه تبدیل به استانداردی فراگیر گشته است که توسط انواع مختلف مرورگرها و واسطه های کاربری (کامپیوتر، تلفن همراه و...)، قابل پردازش است.
نکته 2: html در حقیقت یک زبان برنامه نویسی نیست، بلکه بیشتر شبیه یک قرار داد با پیروی از اصولی منظم است، چرا که محدود به تگ ها و دستور عمل های خاصی است و خارج از چارچوب تعریف شده خود، قدرت مانور ندارد، اما از این جهت که زبان تفهیم خواسته های برنامه نویس از مرورگر تلقی می شود، اهمیت زیادی دارد، یعنی وقتی در وب برنامه ای به یک زبان که در سرور اجرا می شود (مانند php) می نویسیم، هدف، هر چه که باشد، نهایتا معمولا باید خروجی خود را در بستر html به مرورگر انتقال دهیم.
 


:: امتیاز: نتیجه : 1 امتیاز توسط 1 نفر مجموع امتیاز : 3

:: بازدید : 315




:: برچسب‌ها: آموزش , آموزش اچ تی ام ال , اچ تی ام ال , HTML , آموزش HTML , HTML WEB , آموزش ربان وب HTML , آموزش طراحی سایت با HTML , آشنایی با HTML زبان پایه برنامه نویسی وب , آشنایی بازبان پایه برنامه نویسی وب , آشنایی با HTML , HTML زبان پایه برنامه نویسی وب , آشنایی با HTML زبان پایه وب ,
نویسنده
نویسنده : Admin
تاریخ : [جمعه 19 تير 1394 ] [ 14:49]
تاریخ
ارسال نظر برای این مطلب
این نظر توسط عابدینی در تاریخ 1394/9/4 و 18:10 دقیقه ارسال شده است

بسیار عالی مرسی


نام
ایمیل (منتشر نمی‌شود) (لازم)
وبسایت
:) :( ;) :D ;)) :X :? :P :* =(( :O @};- :B /:) :S
نظر خصوصی
مشخصات شما ذخیره شود ؟ [حذف مشخصات] [شکلک ها]
کد امنیتیرفرش کد امنیتی
آخرین مطالب ارسالی
آشنایی با انواع نمک خوراکی و خواص آنها تاریخ : سه شنبه 27 فروردین 1398
با خواب بعد ناهار چه کنیم ؟ تاریخ : دوشنبه 26 فروردین 1398
علائم و درمان کندرومالاسی یا نرمی کشکک زانو تاریخ : یکشنبه 25 فروردین 1398
آموزش بکاپ گیری از گوشی های اندرویدی تاریخ : جمعه 23 فروردین 1398
آثار و زندگی پر فراز و نشیب صادق هدایت! تاریخ : چهارشنبه 21 فروردین 1398
۴ اشتباه ساده که امنیت گوشی را به خطر می‌اندازند! تاریخ : سه شنبه 20 فروردین 1398
۹ راهکار برای حفظ سلامتی جسمی و روحی در محیط کار تاریخ : یکشنبه 18 فروردین 1398
۶ ماسک صورت مخصوص شب برای داشتن پوستی رویایی تاریخ : جمعه 16 فروردین 1398
آخرین ارسال های انجمن
user
progress عضو شويد

نام کاربری :
رمز عبور :

progress فراموشی رمز عبور؟

progress عضویت سریع
نام کاربری :
رمز عبور :
تکرار رمز :
ایمیل :
نام اصلی :
کد امنیتی : * کد امنیتیبارگزاری مجدد
آمار مطالب آمار مطالب
کل مطالب کل مطالب : 1725
کل نظرات کل نظرات : 200
آمار کاربران آمار کاربران
افراد آنلاین افراد آنلاین : 7
تعداد اعضا تعداد اعضا : 82

کاربران آنلاین کاربران آنلاین

آمار بازدید آمار بازدید
بازدید امروز بازدید امروز : 754
باردید دیروز باردید دیروز : 1,222
ورودی امروز گوگل ورودی امروز گوگل : 33
ورودی گوگل دیروز ورودی گوگل دیروز : 90
بازدید هفته بازدید هفته : 3,260
بازدید ماه بازدید ماه : 36,892
بازدید سال بازدید سال : 446,247
بازدید کلی بازدید کلی : 1,433,233

اطلاعات شما اطلاعات شما
آِ ی پیآِ ی پی : 54.198.246.164
مرورگر مرورگر :
سیستم عامل سیستم عامل :
RSS

Powered By
UstA
Translate : UstA

logo-samandehi