زیر مجموعه های این دسته

مقدمه

مقدمات آموزشآموزش اچ تی ام ال (HTML) پایه و اساس آموزش طراحی وب سایت و ایجاد وب سایت می باشد.آموزش  HTMLاصلی ترین بخش آموزش طراحی سایت است.آموزش اچ تی ام ال را میتوان مهمترین جز در دنیای اینترنت نامید. بوسیله ی این زبان میتواند متن، عکس، فیلم و هر جزء دیگری را، در مرورگر مخاطبان سایت نمایش داد.زبان اچ تی ام ال توسط دنیس ریچی ابداع و ثبت شد HTML .مخفف Hyper Text Markup Language به معنی زبان نشانه گزاری ابر متنی می باشد.آموزش این زبان در کنار css میتواند شروعی باشد برای طراحی سایت حرفه ای. هر چقدر در آموزش  HTML، دقیق تر باشید، در آینده میتوانید طراح وب سایت حرفه ای تری باشید. حتی در صورتی که تنها اچ تی ام ال را فرا بگیرید، میتوانید سایت های استاتیک را به راحتی طراحی نمایید.در آموزش HTML، نرم افزار خاصی نیاز نیست و تنها با Notepad ویندوز میتوانید شروع کنید. فایل های اچ تی ام ال تنها شامل متن هستند و از تگ ها (Tag) تشکیل شده اند. در مقالات اچ تی ام ال تمامی این موارد به ریز توضیح داده ش

HTML چیست ؟

HTML چیست ؟عبارت HTML ( اچ تی ام ال ) مخفف Hyper Text Markup Language به معنی زبان نشانه گذاری فوق متن است. HTML زبان استاندارد طراحی صفحات وب است و کليه کدهای صفحه اعم از طرف سرور و طرف مشتری در نهايت به کدهای HTML تبديل شده و توسط مرورگر نمايش داده می شوند.به عبارت دیگر مرورگر ها هیچکدام از کدها و کنترل های سمت سرور همچون کدهای asp و php را نمیشناسند و کد قابل فهم برای آنها اچ تی ام ال می باشد.کامپایلر های زبان های برنامه نویسی سروری در نهایت کد های خود را برای نمایش به کد اچ تی ام ال تبدیل میکنند و برای مرورگر میفرستند تا به کاربران نمایش داده شود.HTML یک زبان نشانه گذاری است ، به اين معنی که بخش های مختلف توسط اجزايی به نام تگ از هم جدا شده ، که هر کدام دارای کاربرد و خواص مربوط خود هستند . اين تگ ها به مرورگر اعلام می کنند که هر بخش از صفحه چه نوع عنصری است و بايد به چه صورت نمايش داده شود .در مقاله ی تگ های HTML به این موصوع به طور مفصل پرداخته شده است.در يک صفحه HTML می توان انواع عناصر از قبيل مت

ساختار اصلی یک سند HTML

ساختار اصلی یک سند اچ تی ام ال ( HTML )تگ های HTMLتگ های HTML برای نشانه گذاری محتويات صفحات به کار می روند و باعث می شوند که مرورگر بتواند تشخيص دهد هر بخش چه نوع عنصری است. هر تگ HTML ، يک بخش ابتدايی و يک بخش انتهايی دارد که هم نام بوده و به صورت استاندارد طبق شکل کلی زير به کار می روند :< تگ انتها / >    محتويات    < تگ ابتدا >تگ ابتدايی مشخص کننده آغاز تگ و تگ پايانی ، مشخص کننده انتهای تگ است . هر تگ HTML ، بايد حتما در ادامه توسط تگ پايانی بسته شود . کليه نوشته ها و تگ های ديگری که در بين تگ ابتدا و پايان نوشته می شوند ، محتويات تگ را تشکيل می دهند . انواع تگ های HTML :توجه داشته باشید که شکل گفته شده در بالا به صورت استاندارد می باشد. اما در HTML سه نوع تگ وجود دار

متا تگ (Meta Tag) ها

Meta Tag هامتاتگ ها ( Meta Tag ) در واقع اطلاعاتی هستند که برای موتور های جستجوگر وب مانند گوگل و یاهو نوشته می شنود تا در هرچه بهتر ایندکس کردن صفحات استفاده شوند.استفاده ی درست از این متاتگ ها تاثیر بسیار زیادی بر ایندکسینگ و شناخت بهتر موتور های جستجو مثل گوگل و یاهو و ... از سایت ما دارد تا با این روش که در بخش آموزش سئو (Seo) و بهینه سازی سایت برای موتور های جستجو به طور کامل به ان پرداخته می شود ، سایت شما و صفحات شما در رتبه ی بالایی در گوگل و یاهو و ... قرار بگیرند.نکته مهم : بیش از 70 % بازدید کنندگان سایت ها به طور متوسط از طریق موتور های جستجو مثل گوگل و یاهو وارد سایت ها می شوند.شکل کلی آن و خصوصیات مشترک آنها بصورت زیر است : <meta http-equiv="مقدار" name="مقدار" content="مقدار" />در ادامه لیست کاملی از اصلی ترین متاتگ ها ( Meta Tag ) به همراه نحوه ی نگارش و دلیل استفاده ی آن ها را می آوریم :

تگ های مقدماتی HTML

تگ های مقدماتی HTMLتگ توضیحات <-- ... --!>عبارتی که در داخل تگ توضیحات نوشته می شود توسط مرورگر نادیده گرفته می شوند.این تگ برای ایجاد توضیحات برای کد ها مورد استفاده قرار میگیرد.مانند زیر :< !-- کد زیر یک پاراگراف ایجاد مینماید -- >< p > متن تست < /p >که در کد بالا تنها متن "متن تست" نمایش داده میشود .تگ عنوان H1 - H6 :تگ های هدر یا تگ های عنوان از جمله مهمترین تگ ها برای جستجوگر های وب می باشد که توجه ویژه ای به عناوین داخل آنها دارند.تگ های H1 تا H6 به ترتیب از H1 بزرگترین استایل تا آخر می باشد که درجه ی اهمیت آنها هم به همین میزان است.نکته  مهم : سعی کنید در صفحاتتون Title نوشته شده در بخش header سایت را در محلی مشخص در بالای صفحه بین تگ H1 قرار بدهید.نحوه ی استفاده از آن بصورت زیر است :<h1>عنوان شماره 1</h1><h2>عنوان شماره 2</h2><h3>عنوان شماره 3</h3><h4>

آموزش تگ های پیشرفته HTML

آموزش تگ های پیشرفته HTMLتگ divتگ div از پر کاربردترین تگ ها در طراحی وب سایت میباشد، این تگ جایگزین بسیار خوبی برای تگ <table> میباشد. تگ table  دارای تگ های اضافه زیادی  از جمله تگ <td>  و تگ <tr> میباشد.نکته : استفاده از تگ table در طراحی سایت پیشنهاد نمیشود و بهتر است از چینش موزائیکی در طراحی سایت ، بوسیله ی تگ div ، استفاده شود.کاربردهای تگ  div:- شما میتوانید یک سند HTML را به بخش یا بخشهای مختلفی تقسیم بندی کنیدزمانیکه میخواهید به گروهی از تگ ها یک style  در css اضافه کنید میتوانید تمام این تگ ها را در داخل تگ <div> قرار دهید ، سپس به آن تگ <div> ، استایل مورد نظر خود را اعمال کنید با این روش تمام تگ هایی که در داخل تگ <div> میباشند از این استایل ارث میبرند. در مثال زیر  تگ <h3>  و  تگ <p>  ، استایل تگ <div>  را ارث میبرند.    <div style="color:#0000FF">    <h3>This is a heading</h3>


فروشگاه اینترنتیفروشگاه آنلاینخرید فروشگاه آنلاینفروشگاه پاسادپاسادپاساد شاپراه اندازی فروشگاه آنلاینطراحی سایتطراحی سایت خبریطراحی سایت شخصیوب سایت شخصیوب سایت خبری