[برای نمایش لینک باید عضو شوید. ]و CSS

HTML چیست؟

ابتدا قبل ا ز[برای نمایش لینک باید عضو شوید. ] بهتر است درکی از زبان HTML و کاربرد آن داشته باشیم. HTML مخفف Hyper Text Markup Language که زبان پایه ی طراحی صفحات وب است می باشد. همانطور که گفتیم در طول این دوره در مورد HTML و CSS صحبت می کنیم. به طور کلی می توان HTML را به اسکلتی برای ساختمان تشبیه کرد که CSS کار نما و زیبا سازی ساختمان را برای ما انجام می دهد.
تاریخچه ی Markup Language ها و HTML
در زمان پیدایش وب ، زبان های مختلفی برای ساخت صفحات وب به وجود آمدند که به آن ها Markup Language (زبان نشانه گذاری)گفته می شد این زبان ها بر اساس پردازش متن کار می کردند. بعد ها در زمانی که تیم برنرزلی در زمان طراحی شبکه ی اینترنت از آن ها الهام گرفت و زبانی به نامhyper text markup language (نشانه گذاری فرا متنی) را طرح ریخت و آن را منتشر کرد و امروزه در تمامی وبسایت ها استفاده می شود. از آن زمان تا به حال 5 نسخه از HTML منتشر شده که آخرین نسخه ی آن HTML 5 نامیده می شود این نسخه در سال 2014 توسط سازمان جهانی وب منتشر شد. که دارای امکانات بیشتری برای طراحی صفحات جذاب تر وب هست.
کد های HTML پس از تفسیر توسط مرورگر ها به متون معمول تبدیل شده و نمایش داده می شوند. HTML به ما قابلیت گذاشتن متن ، جدول ،عکس ،لینک ، صدا و فیلم را می دهد.
[برای نمایش لینک باید عضو شوید. ]
تگ های HTML
هر صفحه HTML از قسمت هایی تشکیل شده که با آنها تگ میگویند. تگ های HTML از کلمات از پیش تعیین شده ای که در بین <و> قرار می گیرند تشکیل شده است.
بیشتر تگ های HTML به این شکل نوشته می شوند.
<tagname></tagname>
قسمت اول که در بین <و> قرار دارد تگ شروع (start tag) و قسمت دوم که </و> است تگ پایان (end tag) نامیده می شود.
بدیهی است که مرورگر tag های HTML را نشان نمی دهد فقط با استفاده از تگ ها نوع نمایش صفحه رو تعیین می کند.
به طور کلی یک فایل HTML ساختاری شبیه به این دارد:
ساختار فایل html

[برای نمایش لینک باید عضو شوید. ]، کجا HTML بنویسیم؟
Editor های مختلفی برای HTML وجود دارد که چند تایی از آن ها در لیست زیر آورده شده اند:
Mictosoft Web Matrix
Notepad ++
Adobe Dreamweaver
Web Storm
Sublime text
Brackets
و...
ابتدا نرم افزار بسیار سبک Notepad ++ را از اینجا دانلود و نصب کنید.
پس از نصب آماده ی نوشتن اولین صفحه ی HTML خودتون باشید.
من در درایو D پوشه ی درست می کنم و نام اون رو Workspace در نظر می گیرم و در داخل اون من فولدر پروژه ی اول را درست می کنم.
project

سپس نرم افزار Notepad ++ رو باز می کنم.
درون منوی Language در قسمت H گزینه ی HTML رو انتخاب می کنم.
سپس فایل خودم را در فولدر project1 که درست کردم save می کنم.
حالا می خواهیم شروع به نوشتن کد بکنیم.
<!DOCTYPE html>
<html>
<body>

</body>
</html>
اولین تگی که میخواهیم با اون اشنا بشیم <!DOCTYPE!> است که در قبل از همه ی تگ ها قرار می گیرد و به مرورگر برای خواندن صفحه ی HTML کمک می کند.
<!DOCTYPE html>
تگ html در بر گیرنده ی کل فایل ما (به جز doctype ) خواهد بود. و در درون ان تگ body نشان دهنده ی شروع صفحه ی ماست.
شما برای دیدن صفحه باید با مرورگر خودتون فایل HTML رو باز کنید. برای این کار روی فایل HTML راست کلیک کنید و با استفاده از Open With آن را با یکی از مرورگر های موجود باز کنید(ترجیها کروم یا فایر فاکس)
در قسمت متن ها و Style ها آشنا می شویم.

منابع:
[برای نمایش لینک باید عضو شوید. ]
[برای نمایش لینک باید عضو شوید. ]