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

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

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

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

با درود و عرض سلام خدمت شما دوست عزیز

بهع دلیل محدویت هایی که سیستم وبلاگی داره تصمیم گرفتیم تا دست به راه اندازی سایت بزنیم

تا شما عزیزان راحت تر و با کیفیت بیشتری از مطالب  استفاده کنید

ادرس سایت : http://html-help.ir/     

ممنون که کنارمون هستید.

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

تگ <h> یا همان Header 

تگ <h1> تا <h6> برای مشخص کردن عنوان یا سرتیتر در HTML استفاده می شود .

هر تگ <h> نشان دهنده اهمیت نسبی هر یک از بخش ها است . H1 عنوان بخش اساسی سند شما و یا عنوان کل سند شماست ، H2 برای بخش دوم سند شماست و بهتر است همراه با سرتیتر اول شروع شود و سایر Tag های <h> به ترتیب نشان دهنده اهمیت کمتری خواهند بود . به طور کلی<h1>  بیانگر مهم ترین عنوان  و <H6> نشان دهنده ی کم اهمیت ترین عنوان است .

توصیه می شود جهت بهینه سازی سایت (SEO) حتما از این سرتیترها استفاده شود زیرا این خاصیت برای موتورهای جستجو بسیار حائز اهمیت می باشد .

Attribute های تگ <h> :

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

مثال :                               

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

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

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

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

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

صفت "align" در HTML5 پشتیبانی نمی شود . شما می توانید از CSS استفاده کنید .

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

تگ <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) حذف شده است .

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