HTML چیست؟
HTML چیست؟
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 از کلمات از پیش تعیین شده ای که
در بین <و> قرار می گیرند تشکیل شده است.بیشتر تگ های HTML به این شکل نوشته می شوند.
قسمت اول که در بین <و> قرار دارد تگ شروع (start tag)،و قسمت دوم که است تگ پایان (end tag) نامیده می شود.
بدیهی است که مرورگر tag های HTML را نشان نمی دهد،فقط با استفاده از تگ ها نوع نمایش صفحه رو تعیین می کند.
کجا HTML بنویسیم ؟
Editor های مختلفی برای HTML وجود دارد که چند تایی از آن ها در لیست زیر آورده شده اند:
Mictosoft Web Matrix
Notepad ++
Adobe Dreamweaver
Web Storm
Sublime text
Brackets
و…
ابتدا نرم افزار بسیار سبک Notepad ++ را از اینجا دانلود و نصب کنید.پس از نصب آماده ی نوشتن اولین صفحه ی HTML خودتون باشید.
من در درایو D پوشه ی درست می کنم ،
و نام اون رو Workspace در نظر می گیرم و در داخل اون من فولدر پروژه ی اول را درست می کنم.
سپس نرم افزار Notepad ++ رو باز می کنم.درون منوی Language در قسمت H گزینه ی HTML رو انتخاب می کنم.
سپس فایل خودم را در فولدر project1 که درست کردم save می کنم.حالا می خواهیم شروع به نوشتن کد بکنیم.
اولین تگی که میخواهیم با اون اشنا بشیم است که در قبل از همه ی تگ ها قرار می گیرد،
و به مرورگر برای خواندن صفحه ی HTML کمک می کند.تگ html در بر گیرنده ی کل فایل ما (به جز doctype ) خواهد بود.
و در درون ان تگ body نشان دهنده ی شروع صفحه ی ماست.شما برای دیدن صفحه باید با مرورگر خودتون فایل HTML
رو باز کنید.برای این کار روی فایل HTML راست کلیک کنید و با استفاده از Open With آن را با یکی از مرورگر های موجود باز
کنید.
طراحی سایت در مازندران|وب سازان خزر
زبان نشانهگذاری چه تفاوتی با زبان برنامه نویسی دارد؟
زبان برنامه نویسی ابزاری قدرتمند است که به وسیله آن میتوانیم با کامپیوترها حرف بزنیم. زبانهای برنامه نویسی
به کمک دستورالعملهاییکه برای کامپیوتر قابل فهم هستند با آنها ارتباط برقرار کرده و به طور عمده از ساختارهای
کنترلی و شرطی استفاده میکنند.
سخت افزار برای این که درست کار کند نیاز به یک سری دستورالعمل دارد.این دستورالعملها توسط برنامه نویس
و زبانی که برای کامپیوتر قابل فهم باشد،به سخت افزار داده میشود.
انواع مختلفی از زبان نشانه گذاری وجود دارد که معروفترین آن HTML است.اگر به اسم زبان نشانه گذاری دقت کنید،
متوجه مفهوم آن خواهید شد.در زبانهای نشانه گذاری خبری از ساختارهای رایج برنامهنویسی مثل شرط،
حلقه، تکرار و غیره وجود ندارد و شما داخل متن خود از یک سری نشانه استفاده میکنید.
در حقیقت در این زبانها شما به کمک این نشانهها متن را از سایر عناصرصفحه جدا میکنید تا به کمک آنها المانهای
مختلف را داخل یک صفحه وب قرار داده و ساختار صفحه را مشخص کنید.
مشاوره طراحی سایت
برای دریافت راهنمایی های مربوط به طراحی و بهینه سازی سایت،
می توانید از قبل با مشاوران ما در تماس باشید .
تلفن تماس : 01132256877
همراه : 09129317376