close
تبلیغات در اینترنت
دوره آموزشی آشنایی با اچ‌تی‌ام‌ال و فناوری‌های اینترنت برای روزنامه‌نگاران و وبلاگ‌نویس‌ها(قسمت 5)

بهترین مطالب اینترنت

HTML برای همه - بخش دوم- شناخت تگ های ضروری در درس گذشته با اصول ساختاری یک فایل HTML آشنا شدیم و در پروژه آزمایشی مان یک  صفحه وب ایجاد کردیم. اما محتوای صفحه خیلی به هم ریخته و شلوغ و ناخوانا بود. خب حالا نوبت آن است که کمی به ظاهر و نوع نمایش محتوای این صفحه برسیم. شاید کمی باید چارچوب…

جستجوگر پیشرفته سایت



دوره آموزشی آشنایی با اچ‌تی‌ام‌ال و فناوری‌های اینترنت برای روزنامه‌نگاران و وبلاگ‌نویس‌ها(قسمت 5)
نظرات ()

HTML برای همه - بخش دوم- شناخت تگ های ضروری

در درس گذشته با اصول ساختاری یک فایل HTML آشنا شدیم و در پروژه آزمایشی مان یک  صفحه وب ایجاد کردیم. اما محتوای صفحه خیلی به هم ریخته و شلوغ و ناخوانا بود. خب حالا نوبت آن است که کمی به ظاهر و نوع نمایش محتوای این صفحه برسیم. شاید کمی باید چارچوب قرارگیری آن را هم اصلاح کنیم.

معرفی می کنم… عنصر اچ تی ام ال. بگذارید قبل از آنکه از عناصر اچ تی ام ال یا همان تگ ها در متن مان استفاده کنیم، ابتدا با ساختار کلی آنها آشنا شویم.

عناصر یا Elements در هر متن اچ تی ام ال با تگ ها مشخص می شوند. هر تگ معمولا حاوی نام یا خلاصه نام عنصر مورد نظر است که در میان دو علامت کوچکتر و بزرگتر قرار گرفته است. مرورگر همیشه می داند که آنچه میان این دو علامت <> قرار دارد یک کد اچ تی ام ال است که باید ترجمه شود و مانند متن عادی آن را به کاربر نشان نمی دهد.  عناصر معمولا شامل دو تگ آغاز و پایان هستند که تگ آغاز حاوی نام یا علامت اختصاری عنصر است و تگ پایان هم تکرار همان عبارت با علامت اسلش / است.

نکته: توجه داشته باشید که هیچ گاه اشتباها به جای اسلش / از علامت بک اسلش استفاده نکنید.

تگ های حاوی عنصر همیشه در دو طرف متن برای شکل دهی و طراحی آن به کار می روند. البته برخی از تگ ها هم (مانند تگ img) خالی هستند و چیزی درونشان نوشته نمی شود یا اینکه به بخش پایانی نیازی ندارند. 

حالا نوبت به شیوه چینش و استفاده از تگ ها و کدهای اچ تی ام ال می رسد. به این موضوع در درس «آناتومی یک صفحه وب» بیشتر خواهیم پرداخت. اما دانستن اصول اولیه آن خالی از فایده نیست. همیشه شروع هر صفحه اچ تی ام ال با تگ <html> است. بعد از آن تگ <head> باز شده که می تواند شامل بخش های زیادی از جمله عنوان صفحه یا <title> باشد. در قسمت هد بیشتر اطلاعات لازم درباره استانداردها و زبان صفحه یا فایل های کمکی لازم برای نمایش وب سایت و همچنین شیوه معرفی آن به موتورهای جستجو قرار می گیرند.

بعد از بسته شدن بخش هد با تگ </head> نوبت به بدنه اصلی صفحه وب با تگ <body> می رسد که حاوی محتوای اصلی صفحه وب ما است. آنگاه در پایان، تگ بدنه و اچ تی ام ال را به ترتیب با </body> و </html> می بندیم.

خب، حالا آماده شکل دهی به صفحه وب تان هستید؟ بگذارید ابتدا با کدهای زیر سرو سامانی به صفحه پروژه جاری مان بدهیم و بعد از آن به سراغ معرفی تگ های پر کاربرد زبان اچ تی ام ال می رویم.

ابتدا این کدها را در فایل index.html که ذخیره کرده بودید، جایگزین متن قبلی کنید:



براي نمايش ادامه اين مطلب بايد عضو شويد !
نام کاربری :
رمز عبور :
تکرار رمز :
ایمیل :
نام اصلی :
کد امنیتی : *

اگر قبلا ثبت نام کرديد ميتوانيد از فرم زير وارد شويد و مطلب رو مشاهده نماييد !
نام کاربری :
رمز عبور :




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

بازدید :232
نویسنده
نویسنده : Habib
تاریخ : یکشنبه 28 اسفند 1390
زمان : 19:57
ارسال نظر برای این مطلب

نام
ایمیل (منتشر نمی‌شود) (لازم)
وبسایت
:) :( ;) :D ;)) :X :? :P :* =(( :O @};- :B /:) :S
نظر خصوصی
مشخصات شما ذخیره شود ؟ [حذف مشخصات] [شکلک ها]
کد امنیتی
:: آموزش ساخت جدول در Word تنها با نوشتن چند دکمه ( تاریخ : یکشنبه 08 آذر 1394)
:: دانلود کتاب الکترونیکی آشنایی با نرم افزار اکسل 2010 ( تاریخ : سه شنبه 27 خرداد 1393)
:: دانلود کتاب چگونه در اینترنت سرمان کلاه نرود ( تاریخ : دوشنبه 18 فروردین 1393)
:: روش صحیح دانلود با نرم افزار Internet Download Manager ( تاریخ : دوشنبه 18 فروردین 1393)
:: آموزش پاک کردن ویروس با نود 32 Node ( تاریخ : دوشنبه 18 فروردین 1393)
:: آموزش فعال کردن منوی استارت - Start در ویندوز 8 ( تاریخ : یکشنبه 17 فروردین 1393)
:: آموزش حذف عبارات جستجو شده در ویندوز 8 ( تاریخ : یکشنبه 17 فروردین 1393)
:: جلوگیری از انتقال اطلاعات به حافظه های فلش در ویندوز 7 ( تاریخ : یکشنبه 17 فروردین 1393)
:: افکت بافت در فتوشاپ CS6 ( تاریخ : یکشنبه 17 فروردین 1393)
:: ایجاد افکت زمستان برروی تصویر طبیعت با فتوشاپ CS6 ( تاریخ : یکشنبه 17 فروردین 1393)


بالای صفحه