معرفی تگ های مهم درHTML (جلسه سوم)
تگ <html>
محدود کد صفحه HTML را مشخص می کند و به مرورگر می فهماند که این یک صفحه HTML است. و فقط کدهای درون این تگ توسط مرورگر اجرا می شوند. و برای تگ پایان این صفحه </html> است که به مرورگر مشخص کننده پایان کدهای HTML است.
تگ <head>
این تگ شامل اطلاعاتی درباره صفحه وب است که مورد استفاده موتورهای جستجو قرار میگیرند. که معمولا اسکریپت ها را در همین تگ می نویسند. از جمله تگهایی که در تگ HEAD می نویسیم میتوان به تگ meta , title و … اشاره کرد.
یکی از کاربردهای تگ meta مشخص کردن character set صفحه برای browser است.
<mata name=”keywords” content=”kumquats , cooking , peeling , eating”>
تگ <title>
یکی دیگر از تگهایی است که در تگ <head> استفاده میشود و برای مشخص کردن عنوان صفحه وب مورد استفاده قرار میگیرد.
مثال:
<html> <head> <title> webamooz </title> </head> <body> </body> </html>
تگ<body>
این تگ بدنه اصلی صفحه HTML را معرفی میکند و شامل کلیه محتویات قابل مشاهده در صفحه وب از قبیل نوشته ها، لینک ها، عکس ها ، جداول و … است. فقط محتویات این قسمت توسط مرورگر به عنوان خروجی در صفحه وب کاربر نمایش داده میشوند.
<html>
<head>
<title> webamooz </title>
</head>
<body>
محتویات صفحه در این قسمت قرار میگیرند.
</body><br></html>
خصوصیات که در تگ <body> میتوان استفاده کرد:
Bgcolor
با استفاده از این خاصیت میتوان یک رنگ را به عنوان پس زمینه داد و به 3 روش میتوان به این خاصیت رنگ داد:
1- با استفاده از نام رنگ:
<body bgcolor=”red”>
2- تعیین رنگ به صورت عددی ترکیبی در مبنای 16 هگزاد دسیمال:
<body bgcolor=”#094545”>
3- تعیین رنگ به وسیله تابع rgb به صورت زیر:
Rgb اسم اول سه رنگ اصلی (قرمز ، سبز و آبی ) است. این تابع مقدار 3 رنگ را با هم ترکیب می کند و یک رنگ را برای شما ایجاد می کند. که مقدار رنگ توسط عددی بین 0 تا 255 تعیین می شود. هر چه عدد بزرگتر باشد میزان آن رنگ در کل رنگ بیشتر خواهد بود.
<body bgcolor="rgb(255,0,200)">
خصوصیت background
با استفاده از این خصوصیت می توان عکس یا فایلی را به عنوان پس زمینه صفحه بزاریم.
<body background= "پسوند فایل . نام فایل" > مثال: <body background="webamooz.png">
خصوصیت text
این خصوصیت رنگ پیش فرض نوشته ها را تعیین می کند که به صورت پیش فرض خود html مشکی است.
<body text="#00FFFF">
خصوصیت link
مشخص کننده رنگ کلیه لینک های صفحه است. که بصورت پیش فرض آبی است.
<body link="#00FF33">
خصوصیت alink
رنگ لینک های فعال را در صفحه تعیین میکند.
<body alink="#00FF33">
خصوصیت vlink
مشخص کننده رنگ لینک هایی ست که در صفحه قبلا بر روی آن ها کلیک شده ، و به این منظور استفاده میشود که کاربر متوجه شود که آن لینک ها را مشاهده کرده.
<body vlink="#000000">
نکته:
برای نوشتن چند خصوصیت در تگ body در کنار هم کافی از یک فاصله استفاده کنید و انها را پشت سر هم وارد کنید.
مثال:
<body link="#00FF33" bgcolor="#CC33FF">
تگ توضیح <!– … –>
این تگ برای وارد کردن توضیحات درون بخش کد نویسی است. محتویات درون این تگ کاملا توسط مرورگر نادیده گرفته می شود و کاربران آنها را نمی بینند، از این توضیحات می توان برای تشریح کدهای صفحه برای افراد دیگر و یا علامت گذاری آنها برای فهم بهتر و ویرایش در آینده استفاده می شود.
از این تگ همچنین می توان برای مخفی کردن کد ها از دید کاربران یا مرورگرهای قدیمی که امکان اجرای اسکریپت ها را ندارند، نیز استفاده کرد.
مثال:
<!-- This text will not display --> <p> This text will display </p>
در کد بالا فقط خط دوم در مرورگر قابل مشاهده است.
تگ <base>
با استفاده از این تگ می توان یک آدرس پایه برای کلیه لینک های موجود در صفحه تعیین کرد.
مثال: فرض کنید که آدرس یک عکس در صفحه به صورت زیر است:
< img src="http://www.webamooz.co/images/smile.gif" / >
در صورتی که تگ <base> در قسمت Head صفحه به صورت زیر نوشته شده باشد:
< head > < base href="http://www.webamooz.co/images/" > < /head >
حالا اگر بخواهیم عکس فوق را وارد کنیم میتوانیم ادامه مقدار آدرس عکس را در تگ <img> به صورت زیر وارد کنیم:
< img src="smile.gif" />
امیدوارم خوشتون بیاد و ما رو با نظراتتون روز به روز قوی تر و پر انرژی تر کنید.
