** کینگ کد : بزرگترین مرجع دانلود سورس کد های برنامه نویسی اندروید، ویندوز و جدید ترین اسکریپت های روز دنیا **
-----------------------------------------------
** سورس فروشگاه اینترنتی مارکیت فارسی برای اندروید - سورس فروشگاه اینترنتی موکتز فارسی برای اندروید **
-----------------------------------------------
** اسکریپت چیست؟ و چگونه از آن استفاده کنیم؟ (آموزش کامل نصب اسکریپت) **
-----------------------------------------------
** (160 جلسه) آموزش کامل و 0 تا 100 برنامه نویسی PHP **
-----------------------------------------------
** دانلود فیلم آموزشی فتوشاپ فارسی **
-----------------------------------------------
» بروزترین سایت ایرانی محصولات کدکنیون ( سایت /https://codemilo.ir )
» Cicool – Page, Form, Rest API and CRUD Generator
» KingArchitect | Property Portfolio & Real Estate React Template – No JQuery
» Sheltos – Real Estate React Next Js with Redux Toolkit , React Hooks & API Routes Template
» Acres – Real Estate React Template
» Mingrand – Real Estate React Template
» ChawkBazar – Elementor Lifestyle and Fashion Ecommerce Theme
» Streamit 3.0 | Video Streaming WordPress Theme + RTL
» MagicAI – OpenAI Content, Text, Image, Chat, Code Generator as SaaS
» PHP Form Generator – Codeigniter 4 Form Master, Form Header Detail, User Management, Multi-language
» بروزترین سایت ایرانی محصولات کدکنیون ( سایت /https://codemilo.ir )
» Cicool – Page, Form, Rest API and CRUD Generator
» KingArchitect | Property Portfolio & Real Estate React Template – No JQuery
» Sheltos – Real Estate React Next Js with Redux Toolkit , React Hooks & API Routes Template
» Acres – Real Estate React Template
» Mingrand – Real Estate React Template
» ChawkBazar – Elementor Lifestyle and Fashion Ecommerce Theme
» Streamit 3.0 | Video Streaming WordPress Theme + RTL
» MagicAI – OpenAI Content, Text, Image, Chat, Code Generator as SaaS
» PHP Form Generator – Codeigniter 4 Form Master, Form Header Detail, User Management, Multi-language
آموزش html
من قبل از اینکه طراحی سایت را یاد بگیرم چندین بار آموزش های مختلف html را در مراجع مختلف خوانده بودم اما آنقدر آن مراجع در مورد تگ ها و مشخصه های تگ ها توضیح می دادند که در نیمه راه خسته می شدم و آن را رها می کردم . تا اینکه در مرجعی که برای آموزش طراحی قالب سایت بود با تگ div آشنا شدم و یاد گرفتم که ابتدا با تگ های div ، اسکلت و ساختار اصلی سایت خود را بسازم و سپس هرگاه از بخشی از ظاهر این ساختار خوشم نیامد به سراغ یادگیری تگ های جدید بروم و با آنها سایت خود را بهتر و زیباتر کنم .
نرم افزار Dreamweaver ساخت شرکت adobe می باشد که محیط بسیار مناسبی برای نوشتن کدهای html فراهم کرده است . این نرم افزار تمامی زبان های مربوط به طراحی سایت و اینترنت را پشتیبانی می کند . در ادامه برخی ویژگی های جالب این نرم افزار را برایتان شرح می دهم .
همان طور که قبلا شرح دادیم در html هر تگ برای منظور خاصی به کار می رود . مثلا تگ <p> برای ایجاد یک پاراگراف به کار می رود . اما فرض کنید که هنگام ایجاد یک پاراگراف ، بخواهیم مشخصه و ویژگی خاصی را برای آن پاراگراف مشخص کنیم . در اینگونه موارد این مشخصه را باید در تگ شروع وارد کنیم .
در مثال های قبل دیدید که آنچه را می خواستیم در مرورگر اینترنت نمایش داده شود ، بین دو تگ <html> و <html/> قرار دادیم . اما نکته مهمی وجود دارد و آن این است که در اینترنت معمولا مرورگرهای اینترنتی به اطلاعاتی اضافه بر اطلاعاتی که نمایش داده می شود نیاز دارند که طراح سایت باید این اطلاعات را برای مرورگرها در بخشی از فایل html قرار دهد . این اطلاعات در مرورگر نمایش داده نمی شوند بنابراین روش استانداردی وجود دارد که فایل html را به دو بخش تقسیم می کند ، یک بخش بین دو تگ <head> و <head/> قرار می گیرد که در مرورگر نمایش داده نخواهند شد و بخش دیگر بین دو تگ <body> و <body/> قرار می گیرد که محتویاتی است که باید در مرورگر نمایش داده شود . به مثال زیر توجه کنید :
1 2 3 4 5 6 7 8 9 10 11 |
<html> <head> </head> <body> <p>this is a paragraph</p> </body> </html> |
this is a paragraph
چنانچه قصد داشته باشیم بخشی از متن به صورت یک پاراگراف نمایش داده شود و از بخش های دیگر متن جدا بوده و فاصله داشته باشد باید از زوج تگ <p> و <p/> استفاده کنیم . متنی که بین این دو تگ قرار بگیرد به صورت یک پاراگراف نمایش داده می شود . به مثال زیر توجه کنید :
1 2 3 4 5 6 7 |
<html> the text before paragraph .<br> another text . <p>this is a paragraph</p> the text after paragraph .<br> another text . </html> |
the text before paragraph .
another text .
this is a paragraph
the text after paragraph .
another text .
مشاهده می کنید که یک خط خالی قبل از پاراگراف و یک خط خالی بعد از پاراگراف قرار داده شده است تا پاراگراف از سایر متن ها جدا شود .
حرف h در تگ های بالا از اول کلمه heading به معنای ((عنوان)) گرفته شده است و برای نمایش عنوان یک مطلب به کار می رود . معمولا برای جلب توجه بیشتر باید عنوان مطلب با اندازه بزرگتر و برجسته تر نسبت به متن مطلب نمایش داده شود که این تگ ها این عمل را انجام می دهند . به مثال زیر توجه کنید :
1 2 3 4 5 6 |
<html> <h1>salam</h1> salam bar shoma ! </html> |
salam bar shoma !
مشاهده می کنید که عبارت درون تگ های <h1> و <h1/> به صورت برجسته تر نمایش داده شده است . همچنین این تگ ها باعث می شوند که مرورگر نمایش ادامه محتویات را از خط بعدی شروع کند .
مرورگرهای اینترنت هنگام خواندن یک فایل html چنانچه به چندین فاصله خالی پشت سرهم برخورد کنند آنها را تنها به عنوان یک فاصله در نظر می گیرند . بنابراین شما در یک فایل html نمی توانید با قرار دادن تعدادی فاصله پشت سر هم ، ادامه مطالب را به شروع خط بعدی ببرید . برای آنکه بخواهید ادامه مطالبتان در شروع خط بعدی باشد باید از تگ <br> استفاده کنید .
همان طور که مشاهده کردید دو عبارت <html> و <html/> مشخص کننده شروع و پایان کدهای html می باشند . در واقع این قاعده ای است که مرورگر اینترنت برای خواندن فایل های html از آن استفاده می کند و قواعد زیاد دیگری در html مشابه آن وجود دارد . نقطه اشتراک همه این عبارت ها که قاعده ای را ایجاد می کنند این است که در ابتدای خود دارای علامت کوچکتر((>)) و در انتهای خود دارای علامت بزرگتر ((<)) می باشند . به هر کدام از این عبارت ها که دارای این علامت ها باشند یک ((تگ)) می گوییم .
اکثر تگ ها در html به صورت زوج تگ می باشند یعنی یک تگ برای اعلام شروع (تگ شروع) و یک تگ برای اعلام پایان (تگ پایان) به کار می رود که تنها تفاوت آنها در یک علامت / می باشد که به تگ پایانی اضافه شده است . البته تگ های تکی هم داریم که در مباحث بعدی معرفی می شوند .
از این به بعد تگ های مختلف را شرح داده و سعی می کنیم با مثال هایی کاربرد آنها را به شما نمایش بدهیم .
قبل از هر چیز بهتر است توضیح دهیم که html چیست و یک فایل html به چه منظوری ساخته می شود . چنانچه شخصی بخواهد صفحه ای از اینترنت را مشاهده نماید باید یک اشتراک اینترنت و یک کامپیوتر و یک برنامه مرورگر اینترنت که بر روی آن کامپیوتر نصب شده است داشته باشد . سپس آن شخص باید آدرس صفحه ای از اینترنت را که می خواهد ببیند ، در مرورگر وارد کند تا آن را مشاهده نماید . وقتی شما آدرسی را در مرورگر اینترنت وارد می کنید ، شبکه اینترنت شما را به سمت کامپیوتری که اطلاعات آن صفحه را در خود ذخیره کرده است ، هدایت می کند . در آن کامپیوتر ، اطلاعات صفحه مورد نظر شما در یک فایل html ذخیره شده است که مرورگر شما باید این فایل html را خوانده و سپس اطلاعات را برای شما نمایش دهد .
بنابراین چنانچه شما قصد ساخت یک سایت را داشته باشید باید ابتدا صفحات سایت خود را به صورت فایل های html بسازید و سپس آنها را بر روی کامپیوتری قرار دهید که به صورت شبانه روزی به شبکه اینترنت متصل باشد . شرکت هایی هستند که کامپیوترهای متصل به اینترنت دارند و شما تنها باید اشتراکی سالیانه را از آنها خریداری نمایید .
کسی که قصد یادگیری html را دارد به احتمال زیاد می خواهد هر چه سریعتر سایتی را ساخته و بر روی شبکه اینترنت قرار دهد و احتمالا بسیار هم هیجان زده است . اما باید نکته مهمی را به شما بگویم و آن این است که اگر بخواهید تمام قواعد ساخت سایت را یاد گرفته وسپس ساخت سایت خود را شروع کنید احتمالا هیچ وقت این کار را نمی کنید زیرا زمان زیادی را صرف یادگیری دستورات مختلف کرده و درنهایت خسته می شوید در صورتی که ممکن است برای طراحی سایت خود به همه آنها نیاز نداشته باشید .
از طرفی قالب های آماده نیز زیاد وجود دارد که اگر در آینده قصد توسعه سایت خود را دارید هرگز به سراغ آنها نروید ( حداقل تا قبل از طراحی یک سایت توسط خودتان ) .
اگر بخواهیم به طور خلاصه بگوییم باید گفت HTML5 یعنی انقلابی در عرصه وب به معنای واقعی و کاملاً کاربردی… اگر شما هم مایلید از صفر تا 100 این زبان نشانه گذاری شده را که نسخه نهایی html می باشد فرا بگیرید، و بر مباحثی همچون : Sound & Video ,Canvas ,Drag And Drop ,Geolocation ,Local storage ,WebWorker ,SSE ,Websql در html5 مسلط شوید با دوره مقدماتی تا پیشرفته آموزش HTML5 به زبان فارسی همراه باشید! دوره آموزش HTML5 به صورت فیلم آموزشی تهیه شده و در ادامه به صورت کاملاً رایگان قابل دانلود از سایت اسکریپت باران می باشد!
Html مخفف Hypertext Markup Language بوده و نشانگر این است که Html یک زبان برنامه نویسی نیست بلکه یک زبان نشانه گذاری شده جهت طراحی صفحات وب می باشد. Html جزء محدود زبان هایی است که مستقیماً توسط مرورگر قابل درک و اجرا می باشد. اگر به دنبال یادگیری طراحی سایت هستید باید ابتدا آموزش HTML را شروع کرده و به ترتیب CSS ،JavaScript و دیگر زبان ها طراحی سایت را فراگیرید. البته هیچ جای نگرانی نیست چون ما تمام این دوره ها را در قالب فیلم آموزشی فارسی زبان، کاملاً اختصاصی و پروژه محور برای شما در سایت اسکریپت باران تهیه کرده ایم.
صفحات وب شامل تگ های مختلف html هستند که یک نمونه از آن را می توانید در سایت معتبر w3schools ببینید!