هاست لینوکس

آخرین بسته‌ی MyBB: نسخه‌ی 1.8.27 MyBB منتشر شد


امتیاز موضوع:
  • 0 رأی - میانگین امتیازات: 0
  • 1
  • 2
  • 3
  • 4
  • 5
آشنایی با HTML، زبان پایه برنامه نویسی وب
#1
اچ تی ام ال (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 به مرورگر انتقال دهیم.
منبع : وبگو
پاسخ
 سپاس شده توسطnarges-sh (۱۳۹۶/۱۲/۷، ۱۴:۱۱:۱۲ عصر)
#2
سلام. ممنون از آموزش تون
اما کدهایی که نوشتید مربوط به html4 هست که منسوخ شده
بهتره از کدهای زیر استفاده کنید :

کد:
<!DOCTYPE html>
<html lang="en">
<head>
   <meta charset="UTF-8">
   <title>Document</title>
</head>
<body>
<p>اولین پاراگراف من</p>    
</body>
</html>
پاسخ
 سپاس شده توسطnarges-sh (۱۳۹۶/۱۲/۷، ۱۴:۲۳:۰۴ عصر)
#3
توضیحات خوبی دادید ساده کاربردی 

لطفا درباره html5 هم توضیح بدید یه جا خواندم 

بعد اسکریپت را هم با html مینویسند /؟

اگر بخوایم سایت بسازیم این زبون نیازه یاد بگیریم ؟
پاسخ
#4
خیلی عالی توضیح دادید، اما ای کاش ادامش میدادید و اینقدر این تاپیک رو کهنه نمیگذاشتید!
[تصویر:  gamefa-froum-banner-light.gif]
پاسخ
#5
سلام و درود
من میخوام یک سایت طراحی کنم در حال حاضر جدیدترین کدهای HTML 5  هست که باید استفاده بشه؟
پاسخ
 سپاس شده توسطشماره مجازی (۱۴۰۱/۸/۲۶، ۰۱:۴۷:۰۸ صبح) ، گراف مسنجر (۱۴۰۱/۱۰/۳، ۰۴:۰۹:۴۴ صبح) ، چارتر ۴۲۴ (۱۴۰۲/۹/۱۲، ۱۵:۰۸:۴۴ عصر)


موضوع‌های مشابه…
موضوع نویسنده پاسخ بازدید آخرین ارسال
  کتاب برنامه نویسی مبتنی بر وب HTML5-CSS3 & javascript naser_mirdousti 0 2,839 ۱۳۹۴/۱۲/۶، ۰۰:۳۱:۵۰ صبح
آخرین ارسال: naser_mirdousti
  آموزش پایه HTML alibaba 1 2,072 ۱۳۹۴/۱/۲۳، ۱۶:۵۳:۴۹ عصر
آخرین ارسال: bagheri.mj

پرش به انجمن:


کاربرانِ درحال بازدید از این موضوع: 1 مهمان