در این سری آموزش ، مطالبی در مورد HTML در اختیار شما عزیزان قرار خواهد گرفت ، امیدوارم مورد استفاده و پسند شما قرار بگیرد.
مقدمه
HTML برگرفته از حروف اول Hyper Text Markup Language ميباشد.
يک فايل HTML فايلی از نوع text ميباشد که متشکل از markup tag ها ميباشد.
مرورگر يا Browser از روی markup tag ها می فهمد که چگونه بايد صفحه را نمايش بدهد.
يک فايل HTML بايد دارای انشعاب htm و يا html باشد.
يک فايل HTML فايلی از نوع text ميباشد که با هر اديتور ساده ای قابل ايجاد است.
وظيفه اصلی تگ های اچتمل ( markup tags ) بيان چگونگی نمايش اطلاعات ميباشد.
معرفیhtml
Html زبان استاندارد طراحی صفحات وب است و کليه کدهای صفحه اعم از طرف سرور و طرف مشتری در نهايت به کدهای HTML تبديل شده و توسط مرورگر نمايش داده
می شوند.
HTML یک زبان نشانه گذاری است ، به اين معنی که بخش های مختلف توسط اجزايی به نام تگ از هم جدا شده ، که هر کدام دارای کاربرد و خواص مربوط خود هستند.
اين تگ ها به مرورگر اعلام می کنند که هر بخش از صفحه چه نوع عنصری است و بايد به چه صورت نمايش داده شود .
در يک صحفه HTML می توان انواع عناصر از قبيل متن ، تيتر ، عکس ، جدول و ... را قرار داد ، که برای هر عنصر بايد از تگ مربوط به آن استفاده کرد . صفحات HTML فقط از
کدها که به صورت متن هستند تشکيل شوند .
مفهومتگهایhtml
تگ های HTML برای نشانه گذاری محتويات صفحات به کار می روند و باعث می شوند که مرورگر بتواند تشخيص دهد هر بخش چه نوع عنصری است. هر تگ HTML ، يک
بخش ابتدايی و يک بخش انتهايی دارد که هم نام بوده و به صورت استاندارد طبق شکل کلی زير به کار می روند :
<تگ ابتدا>
محتویات
<تگ انتها/>
مثال : < label > ..... < /label >
تگ ابتدايی مشخص کننده آغاز تگ و تگ پايانی ، مشخص کننده انتهای تگ است . هر تگ HTML ، بايد حتما در ادامه توسط تگ پايانی بسته شود . کليه نوشته ها و تگ های ديگری که در بين تگ ابتدا و پايان نوشته می شوند ، محتويات تگ را تشکيل می دهند .
نکات مهم :
1.تگ های HTML نسبت به بزرگ و کوچک بودن حروف حساس نيستند ، يعنی تگ های < b > با < B > برابر هستند .
2.می توان يک تگ را در تگ ابتدايي نيز بست . برای اين کار از يک علامت / بعد از نام تگ و خواص مورد نظر تعريف شده استفاده می کنيم . در اين حالت نمی توان متن يا
تگ ديگری را به عنوان محتويات برای آن تگ در نظر گرفت .
توجه
کاربرد اين روش در مورد تگ هايي مثل < table > , < td > , < tr > و ... امکان پذير نيست .
هر تگ HTML محتویات درون خود را تحت تاثير قرار می دهد . برای مثال تگ < b > برای توپر کردن ( bold ) نوشته به کار می رود و چنانچه متنی بين تگ باز و بسته < b >
قرار بگيرد ، توپر می شود .
کدهایHTMLوچگونگیتولیدواجرا
برای نوشتن کدهای HTML ، تنها یک ادیتور متن مانند Notepad ویندوز و یا نرم افزار های مرتبط با HTML همچون فرانت پیج یا ویژوال استودیو نیاز است .
توجه 1
فایل های تولید شده را با پسوند .htm و یا .html ذخیره نمایید . تفاوتی بین این پسوند ها نمی باشد.
بعد از نوشتن کدها در Notepad و ذخیره ی آن با پسوند های ذکر شده ، برای اجرای کد نوشته شده فایل را در نرم افزار های مرورگر وب مانند Internet Explorer و یا Firefox و ... اجرا نمایید.
کدهای html از یک سری تگ تشکیل شده اند. صفحات HTML فقط از کد ها که به صورت متن هستند تشکيل شده اند. بدین معنا که برای تصویر کد مربوط به تمایش تصویر و جدول و ... کدهای Html مربوط به هر یک را باید نوشت و مرورگر با رسیدن به این کد ها و تگ ها ، المنت های مرتبط با آن را نمایش می دهد.
توجه 2
نمایش کدها و شکل خروجی آنها بعضا در مرورگرهای مختلف یکسان نمی باشد و یکی از هنرهای برنامه نویسان وب ، نوشتن کدهایی با اجرای یکسان در مرورگر های مختلف است که در این سلسله آموزش های طراحی وب سایت این امر آموزش داده می شود.
خصوصياتاستانداردتگهایHTML
خصوصیاتاصلی
نکته :اين خاصيت ها در تگ های base , head , html , meta , param , style , title و script وجود ندارد .
|
خصوصیات زبان
نکته :اين خاصيت ها در تگ های base , br , frame , hr , iframe , param و script وجود ندارد .
نام خاصيت | نوع خاصيت | شرح |
dir | rtl ltr |
تعيين کننده جهت قرار گرفتن نوشته را تعيين می کند ، که يکی از 2 حالت زير را می تواند داشته باشد : ltr : چپ به راست rtl : راست به چپ |
language | نام زبان | مشخص کننده زبان برنامه نويسی کد مربوط به تگ است . |
خصوصیات صفحه کلید
نام خاصيت | نوع خاصيت | شرح |
accesskey | کليد میانبر | يک ميانبر صفحه کليد برای دستيابی به عنصر است . |
tabindex | عدد number |
شماره ترتيبی قرار کرفتن فوکوس صفحه بر روی عنصر مورد نظر را در هنگام فشردن کليد tab مشخص می کند . |
نمايش کاراکترهای خاص در HTML
نکته :کليه نام های نمايش کاراکترهای خاص به حروف بزرگ و کوچک حساس هستند .
نکته :در زبان HTML ، اگر در هنگام ورود متن بين حروف با فشردن کليد Space Bar فاصله ايجاد کنيد ، در هنگام نمايش در مرورگر اين فاصله ها از بين رفته و حداکثر يک فاصله خالی بين دو واژه نمايش داده می شود . برای افزودن فاصله بين واژه ها بايد از کاراکتر ;nbsp& استفاده کرد که با هر بار وارد کردن اين کاراکتر ، يک فاصله خالی بين دو واژه به وجود می آيد .
کاراکتر | مفهوم کاراکتر | نمايش حروفی | نمايش عددی |
< | کوچکتر | < | < |
> | بزرگتر | > | > |
& | علامت " و " | & | & |
" | علامت " | " | " |
¢ | سنت cent | ¢ | ¢ |
£ | پوند pound | £ | ¥ |
§ | § | § | |
© | علامت کپی رايت | © | © |
® | علامت ثبت شده | ® | ® |
× | علامت ضرب | × | } |
÷ | علامت تقسيم | ÷ | ÷ |