آموزش HTML مقدماتی

سلام دوستان عزيز . در اين مقاله سعي خواهيم كرد به بررسي مادر زبان وب يعني HTML بپردازيم . HTML به معني Hyper Text Markup Language مي باشد و داراي دستوراتي نيز هست كه به آن tag  (تگ) گفته مي شود . به عنوان مثال يك تگ ساده است . هر تگ كه شما مي نويسيد از سه قسمت ۱ - شرع ۲-وسط ۳- پايان تشكيل شده است . به عنوان مثال به تگ زير دقت كنيد :

سلام

همانطور كه در مثال بالا مشاهده مي كنيد تگ را مثال زديم در اين تگ قسمت شروع و قسمت وسط كلمه سلام و قسمت پايان نيز مي باشد . اين قانون تگ هاي HTML است . بزرگ و كوچك نوشتن تگ ها متفاوت نيست . پس شما مي توانيد هم از حروف بزرك و هم از حروف كوچك استفاده كنيد . از ديگر قوانين HTML بايد به قالب كلي آن اشاره كنيم . هر صفحه HTML حتما بايد داراي قسمت هاي زير باشد . يعني در يك فايل استاندارد ما اين قسمت ها را مشاهده مي كنيم :



New Page 1

حال بيايد كد هاي بالا را بررسي كنيم . در خط اول كد واژه را مشاهده مي كنيم طبق قانون تگ ها اين تگ بايد بسته شود . پس در خط آخر هم واژه را مي بينيد . زماني كه مرورگر شما مي خواهد يك صفحه html را بخواند از شروع تا پايان را مي خواند . در خط دوم شاهد تگ هستيم . همان طور كه مشاهده مي كنيد اين تگ نيز در خطر ۵ با واژه بسته شده است . وظيفه تگ تنظيم جزييات و اطلاعاتي است كه مرورگر بايد قبل از نمايش صفحه آن را بخواند و اجرا كند . اطلاعاتي كه در تگ قرار مي گيرند براي نمايش جزييات صفحه بسيار مهم و الزامي هستند . از اين اطلاعات مي توانيم به تگ اشاره كنيم . تگ <title> وظيفه دارد كه سرتيتر مرورگر شما را تنظيم كند . پس اگر تگ <title> را به شكل زير تغيير دهيم شاهد نمايش كلمه صفحه سلام در بالاي مرورگر خود هستيم :</SPAN></P> <P dir=ltr><SPAN style="FONT-SIZE: 8pt; FONT-FAMILY: Tahoma"><title> صفحه سلام

 

 حال بيايد نحوه انتخاب زبان و نوع قالب بندي يك سايت را شرح دهيم در تگ در خط دوم جمله زير را شاهد هستيم . وظيفه اين تگ به نام تگ متا نام دارد آن است كه نوع قالب بندي صفحه (زبان) و نوع صفحه را به مرورگر شما شرح مي دهد :

به انتخاي جمله (كلمه) charset نگاه كنيد . charset همان قسمتي است كه بايد زبان خود را انتخاب كنيد . هر زبان براي خود يك كد دارد به عنوان مثال windows-1252 . به عنوان مثال اگر من بخواهم صفحه من در قالب يك صفحه UTF-8 نمايش داده شود بايد به جاي windows-1252  بنويسم utf-8 بدين شكل صفحه من نه تنها در قالب فرمتينگ utf-8 نمايش داده مي شود بلكه به صورت utf-8 هم ذخيره مي شود . شايد براي شما سوال باشد چرا ؟ مگر نمي توانيم مستقيم فارسي بنويسيم ؟ . جواب اينجاست . بله مي توانيم فارسي بنويسيم ولي اگر تحت فرمت utf-8 فارسي بنويسيم نمي توانيم صفحه را در حالت UTF-8 نمايش دهيم و برعكس . ما فارسي زبان هستيم و زماني كه يك فايل را ذخيره مي كنيم . چون در فايل ما از كاركتر هاي نا استاندارد استفاده شده است اگر به فرمتينگ دقت نكنيم باعث عدم ثبت دقيق كاركتر ها و عدم نمايش كاركتر ها مي شود . براي ساده تر شدن مثال مي توانيم در يك notepad بنويسيم سلام و بعد از گزينه save ان را ذخيره كنيم . زماني كه دوباره ان فايل را باز مي كنيم . مي بينيم به جاي سلام يك سري حروف ديگر بي معني نوشته شده است . براي حل اين مشكل Notepad را باز كنيد سلام را بنويسيد و بعد از گزينه Save As را انتخاب كنيد و در قسمت  Encoding گزينه utf-8 را انتخاب كنيد . با اين كار ديگر سلام شما از بين نمي رود و ديگر در اين فايل به راحتي مي توانيد فارسي بنويسيد . پس لزوم Encoding و شويه آن را در زبان html ياد گرفتيد .

حالا به سراغ تگ مي رويم . مرورگر شما وظيفه دارد هر چيزي كه ( دستور) كه در بين تگ و هست را نمايش دهد . طراحان براي طراحي صفحه كد هايي مي نويسند و اين كد ها را بين اين دو قسمت مي چسبانند . در بين اين دو تگ مي شود ميليون ها خط كد و تگ و متن نوشت و هيچ نوع محدوديتي ندارد . حال بيايد نگاهي به ليست تمامي تگ هاي زبان HTML بيندازيم . براي اين منظور بر روي من كليك كنيد . به دليل زياد بودن تگ ها از نوشتن آنها صرف نظر كرديم