آموزشگاه تخصصی html

مرجع آموزش تکمیلی html

آموزشگاه تخصصی html

مرجع آموزش تکمیلی html

۱۶ مطلب در آذر ۱۳۹۴ ثبت شده است

تگ <p>  یا همان Paragraph

متن داخل تگ <p> بصورت یک پاراگراف در نظر گرفته می شود .

مرورگرها به طور خودکار یک خط خالی (margin) را قبل و بعد از تگ <p>  (به عنوان حاشیه) اضافه می کنند . آن حاشیه را می توان با استفاده از CSS تغییر داد .

تگ <p> جزء تگ هایی است که اگر تگ پایان را هم نگذاریم صفحه را به درستی نمایش می دهد .

Attribute های تگ <p> :

align : این خصوصیت مشخص می کند که متن داخل پاراگراف در چه جهتی تراز شود که می توان از چهار Value زیر استفاده کرد .

مثال :

<p align=”center”>This is a paragraph</p>

<p align=”left”>This is a paragraph</p>

<p align=”right”>This is a paragraph</p>

<p align=”justify”>This is a paragraph</p>

تفاوت بین HTML 4.01 و  HTML5:

خصوصیت align در HTML5 پشتیبانی نمی شود .

۰ موافقین ۱ مخالفین ۰ ۱۱ آذر ۹۴ ، ۰۲:۱۴
سعید خندانی

تگ <title>

تگ <title> عنوان سند را تعریف می کند به عبارت دیگر عنوان وب سایت را در نوار ابزار مرورگر تعریف می کند . جالب است بدانید نتایج موتورهای جستجو بر اساس محتویات عنصر title گزارش می شود . نمی توان بیشتر از یک <title> در سند HTML خود داشت .

مثال:

<head>

   <title> This Is My First Web Site </title>

</head>

تفاوت بین HTML 4.01 و  HTML5:

تفاوتی وجود ندارد .

۰ موافقین ۱ مخالفین ۰ ۱۱ آذر ۹۴ ، ۰۲:۱۰
سعید خندانی

تگ <body>

Body در زبان فارسی به معنای بدن می باشد . اگر تگ <html> را یک انسان در نظر بگیریم تگ <body> قسمت بدن انسان را تشکیل می دهد .

تگ <body> شامل تمام محتویات یک سند مانند : متن ، عکس ، فیلم ، لینک ها ، جدول ها و غیره می باشد .

مثال :

<html>

   <head>

   </head>

 

   <body>

   </body>

</html>

Attribute های تگ <body> :

bgcolor : این خصوصیت وظیفه کنترل رنگ زمینه یک صفحه را به عهده دارد که می توان از نام رنگ یا کد هگزا رنگ استفاده کرد .

مثال :

<body bgcolor=”black”>

<body bgcolor=”#ccff00”>

background : توسط این خصوصیت بجای رنگ می توانید از عکس در زمینه صفحه استفاده کنید ، فقط کافیست که آنرا برابر با آدرس عکس مورد نظر قرار دهید .

مثال :                                                    <body background=”../images/ bg.jpg”>

توجه داشته باشید که حجم عکس در سنگینی صفحه و پایین آمدن سرعت لود شدن آن موثر است . هنگامیکه از این خصوصیت استفاده می کنید عکس نسبت به اندازه ای که دارد در صفحه تکرار     می شود تا فضای صفحه را بپوشاند بنابراین می توانید از عکس های Pattern استفاده کنید .

bgproperties : هنگامیکه عکسی به زمینه اضافه می شود همراه با دیگر عناصر صفحه مانند عنصر متن Scroll می شود یعنی به بالا و پایین یا چپ و راست حرکت می کند که با بکار گرفتن این خصوصیت و مقدار دادن آن با fixed عکس در زمینه ثابت می ماند و عناصر بر روی آن حرکت      می کنند .

مثال :

<body background=”../images/bg.jpg” bgproperties=”fixed”>

topmargin : توسط این خصوصیت حاشیه بالای صفحه کنترل می شود . مقدار عدد در مقیاس پیکسل می باشد .

مثال

<body topmargin=”50”>

leftmargin : حاشیه سمت چپ صفحه را کنترل می کند . اگر نیازی به حاشیه ندارید آنرا برابر با عدد صفر قرار دهید . مقدار عدد در مقیاس پیکسل می باشد .

مثال :

<body leftmargin=”0”>

text : اگر بخواهید متن یک صفحه بطور کل یک رنگ واحد داشته باشد و خصوصیت رنگ را در Tag ها تکرار نکنید ، می توانید این خصوصیت را به تگ <body>  اضافه کنید و آنرا برابر با نام رنگ یا کد هگزا آن قرار دهید .

مثال :

<body text=”black”>

<body text=”#ccff00”>

dir : این خصوصیت برای تعیین جهت نوشتن حروف است . اگر بخواهید از راست به چپ (مانند فارسی) باشند باید مقدار آن برابر با مقدار rtl و اگر بخواهید از چپ به راست (مانند حروف انگلیسی) باشند باید مقدار آن برابر با ltr باشد . توجه داشته باشید که اگر این خصوصیت را در تگ <body> بکار ببرید و آنرا برابر rtl قرار دهید محل Scroll صفحه مرورگر از سمت راست به چپ منتقل می شود .

مثال :

<body dir=”rtl”>

lang : این خصوصیت برای تعیین زبان بکار گرفته شده در متن آن صفحه بکار می رود که بصورت قراردادی (default) دو حرف از اسم آن زبان را باید بنویسید.(برای زبان فارسی fa و برای انگلیسی en)

مثال :

<body lang=”fa” dir=”rtl”>

link : در حالت عادی کلیه لینک های داخل یک صفحه به رنگ آبی هستند . اگر بخواهید رنگ آنها را تغییر دهید از این خصوصیت استفاده می کنید و مانند همیشه یا نام رنگ و یا کد هگزا آنرا می نویسید . خصوصیت دیگری هم در این ارتباط هست که اگر بخواهید رنگ لینک فعال یا همان لینکی که در حال کلیک کردن بر روی آن هستید تغییر کند باید از خصوصیت alink و اگر رنگ لینکهای مشاهده شده را بخواهید تغییر دهید از خصوصیت vlink استفاده  می کنید .

مثال :

<body link=”#990000” alink=”#009900” vlink=”#000099”>

تفاوت بین HTML 4.01 و  HTML5:

در HTML5 تمام ویژگی های طرح (layout attributes) حذف شده است .

۰ موافقین ۱ مخالفین ۰ ۱۱ آذر ۹۴ ، ۰۲:۰۶
سعید خندانی

تگ <html>

همیشه یک وب سایت HTML ، با تگ <html> شروع می شود و با همین تگ به پایان می رسد .

این تگ به مرورگر می گوید که این سند یک سند HTML است . در حقیقت تگ <html> ظرفی برای تمام عناصر HTML است .

مثال :                                            

<html>

</html>

۰ موافقین ۱ مخالفین ۰ ۱۱ آذر ۹۴ ، ۰۱:۵۷
سعید خندانی

تگ <--  --!>

جهت قراردادن توضیحات برای Tag ها (و بعضی از خط ها) از این دستور استفاده می شود . این توضیحات در صفحه ی مرورگر نمایش داده نمی شود .

شما می توانید از توضیحات برای تشریح کدهای خود استفاده کنید . توضیحات به شما کمک می کند کد ها را در آینده آسانتر ویرایش کنید . این توضیحات به ویژه زمانی مفید است که تعداد کد های شما زیاد باشد .

مثال :                                                                            <!--This is a comment-->

تفاوت بین HTML4.01 و  HTML5:

تفاوتی وجود ندارد .

۰ موافقین ۰ مخالفین ۰ ۱۱ آذر ۹۴ ، ۰۱:۵۱
سعید خندانی