loading...
ıllıllı آتیش گراف ıllıllı
مدیر بازدید : 126 پنجشنبه 21 فروردین 1393 نظرات (1)

http://www.setfa.net/images/sv764ufxjhxjvhxeu7bp.jpg

خیلی ها میپرسن اصلا HTML یعنی چی؟چی هست؟

جوابش ساده است، HTML مخفف کلمه Hypertext markup language به معنای "زبان نشانه گذاری متن" می باشد، که در سال 1989 توسط تیم برنرزلی خلق شده.

جدیدترین ورژن HTML تاکنون نسل پنجم آن است که در سال 2008 منتشر شده اما هنوز به تایید کنسرسیوم جهانی وب (W3C) نرسیده اما خیلی ها ازش استفاده می کنن.در HTML5 ساختار کلی کدها تغییری نکرده اما بعضی تگ های جدید افزوده و بعضی دیگر منسوخ شده است.

خیلی از هدفمون فاصله گرفتیم.برگردیم:

ما در HTML سه نوع تگ (برچسب!) داریم:

1 - تگ های یک طرفه : که نیاز به بسته شدن ندارن مثل تگ </ br>

2 - تگ های دو طرفه:که نیاز به بسته شدن دارن مثل خیلی از تگ ها <head></head>

3 - تگ های که دارای ویژگی هستند مثل: <a href="#">لینک</a>

اولین و اصلی ترین کاری که شما باید انجام بدید جدول بندی صفحه است که باید تو اون بگید مثلا چند تا ستون و چند تا ردیف داشته باشیم، تا صفحه اصلی ما شکلی به خودش بگیره.مثل جدول بندی خیلی ساده زیر:

شما برای جدول بندی صفحه که اصلی ترین کار در html است سه تا روش پیش رو دارید:

1- استفاده از Table : که هدف ما هم همین نوع است.

2-استفاده از Css و Div : که مستلزم یادگیری Css هست که انشالله بعد از این سری آموزش میریم سراغ اون.

3-استفاده از Frame : که به نظر من و خیلی های دیگه بدترین نوع است و ما اصلا باهاش کاری نداریم.

خوب برای شروع دریم ویور یه کد خام به ما میده که به شکل زیره:

<html>

<head>

<meta charset="utf-8">

<title>Untitled Document</title>

</head>


<body>

</body>

</html>

تگ دوطرفه <head>:
داخل این تگ اطلاعات کاربردی مثل عنوان سایت یا متا تگ ها که بعدا بهشون میرسیم و یا فراخوانی یک استایل Css قرار میگیره.
تگ دو طرفه <body>:
داخل این تگ محتویات اصلی قالب ما نشون داده میشه و هر چیز دیگه ای که داخل این تگ نباشه نو صفحه ما قابل دیدن نیست و مکان اصلی قرار گرفتن کدهای ما هست.

ما تو قسمت بعدی اصلی ترین کار یعنی جدول بندی(منظم و نامنظم) را آموزش میدیم که تقریبا شیوه ابداعی خودم هست و تا اونجا که من میدونم جایی آموزش نداده پس تمام جلسه ها را دنبال کنید تا به مشکلی بر نخورید...

بعد از اون هم سراغ خاصیت های متن ،عکس، لیست ها، و فرم ها میریم تا کلا مبحث HTML را تمام کنیم، بعداز اون هم انشالله میریم سراغ CSS که همین جا قولش را به همه کاربرها میدم.

خوب دیگه برای امروز بسه.فقط به عنوان کلام آخر بگم که ما در کدنویسی از Dreamweaver استفاده می کنیم.ورژنش زیاد مهم نیست اما سعی کنید از CS5 به بالا استفاده کنید.برای دانلود هم یه سرچ ساده تو گوگل بکنید پیدا میشه.

منتظر جلسه بعدی باشید.

ارسال نظر برای این مطلب
این نظر توسط محمدرضا در تاریخ 1393/01/23 و 20:35 دقیقه ارسال شده است

به نظر من آموزش خیلی مفید وکاربردی هست دست مدیر سایت درد نکنهشکلک
پاسخ : ممنون منتظر قسمت بعدی آموزش باشید وسایت ما را دنبال کنید


کد امنیتی رفرش
درباره ما
باسلام آتیش گراف یکی از سایت های بزرگ گرافیک در زمینه ی گرافیک در رزبلاگ از ابتدای کار کوشیده است تا بهترین ها را برای شما به ارمغان بیاورد !!! آی دی مدیریت : mmmahdi66@yahoo.com
اطلاعات کاربری
  • فراموشی رمز عبور؟
  • نویسندگان
    آرشیو
    نظرسنجی
    کدام یک از گزینه های زیر را بیشتر در سایت قرار دهیم؟
    آمار سایت
  • کل مطالب : 38
  • کل نظرات : 21
  • افراد آنلاین : 2
  • تعداد اعضا : 26
  • آی پی امروز : 58
  • آی پی دیروز : 17
  • بازدید امروز : 198
  • باردید دیروز : 25
  • گوگل امروز : 0
  • گوگل دیروز : 0
  • بازدید هفته : 230
  • بازدید ماه : 198
  • بازدید سال : 4,504
  • بازدید کلی : 21,493
  • سامانه طراحی آتیش گراف به زودی