می توانید تصور کنید یک زمان قبل از اختراع اینترنت وب سایت ها وجود نداشتن و کتاب هایی که بر روی کاغذ چاپ میشدند به شدت محدود و منبع اصلی شما بودند. امروز شما می توانید یک مرورگر وب را باز کنید، موتور جستجوی خود را انتخاب کنید و شروع به جستجو کنید. هر گونه اطلاعاتی که قابل تصور شما باشد در اختیارتان قرار دارد . در این مقاله گروه لاراول وب قصد دارند به شما نشان دهند که چگونه وب سایت های خود را با استفاده از دو زبان رایج کامپیوتری HTML و CSS ایجاد کنید. قبل از شروع یادگیری و نحوه ساخت وب سایت ها با HTML و CSS، مهم است که تفاوت های بین این دو زبان و برخی اصطلاحات رایج را درک کنید.

HTML و CSS در طراحی سایت چه کاری انجام می دهند ؟

HTML، زبان نشانه گذاری متن می باشد . ساختار محتوایی آن به عنوان مثال، عنوان ها، پاراگراف ها یا تصاویر می باشد . CSS، یا Cascading Style Sheets، یک زبان ارائه شده برای ایجاد ظاهر محتوا است، برای مثال، فونت ها یا رنگ ها. دو زبان - HTML و CSS - مستقل از یکدیگر هستند . CSS نباید در داخل یک سند HTML نوشته شود و بالعکس. به عنوان یک قانون، HTML همیشه محتوای را نمایش می دهد، و CSS همیشه ظاهر آن محتوای را نشان می دهد. با درک این تفاوت بین HTML و CSS، بیایید به جزئیات بیشتر HTML بپردازیم و در مقاله بعدی در مورد css و عملکرد آن توضیح می دهیم اگر تا به حال با HTML آشنایی نداشته اید ، احتمالا با اصطلاحات جدید و غالبا عجیب روبرو خواهید شد. با گذشت زمان، بیشتر و بیشتر با همه آنها آشنا خواهید شد، اما سه اصطلاح مشترک HTML که برای شروع لازم است، عناصر، برچسب ها و ویژگی ها هستند.

درک ساختاری کدنویسی در HTML

طراحان عناصری که در ساختار و محتوا نیاز است را در یک صفحه تعریف می کنند. بعضی از عناصر که اغلب استفاده می شوند شامل سطوح مختلفی از عنوان ها ، پاراگراف ها و ... می باشد .

عناصر با استفاده از براکت های زاویه کمتر و بیشتر <> که به آن تگ می گویند شناخته می شوند ، بنابراین ، یک عنصر به صورت زیر نوشته می شود :

مثال از تگ پیوند (link) با جزئیات

ساختار یک صفحه ی HTML