شروع کار با HTML: راهنمای گام به گام شما برای ایجاد اولین صفحه وب

Summarize this content to 400 words in Persian Lang
سلام! من روبرتو سلانو هستم، یک توسعه دهنده وب با پیشینه ای تا حدودی غیرعادی: قبل از اینکه وارد دنیای برنامه نویسی شوم، بیش از 12 سال را به عنوان سرآشپز گذراندم. اگر اینجا هستید، احتمالاً در مورد یادگیری HTML کنجکاو هستید، پایهای که کل وب بر روی آن ساخته شده است. اجازه دهید شما را در اولین مراحل ایجاد صفحه وب خود راهنمایی کنم، درست مانند زمانی که شروع کردم.
HTML چیست؟
HTML که مخفف HyperText Markup Language است، زبانی است که برای ساختار و ارائه محتوا در اینترنت استفاده می کنیم. HTML را به عنوان پایه و اساس یک خانه در نظر بگیرید: این چارچوبی است که هر چیز دیگری را در جای خود نگه می دارد. ساختار اساسی یک سند HTML: هر صفحه وب HTML از یک ساختار ساده اما قدرتمند پیروی می کند.
در اینجا اسکلت اولیه یک صفحه HTML آمده است:
lang=”en”>
charset=”UTF-8″>
name=”viewport” content=”width=device-width, initial-scale=1.0″>
My First Website
Welcome to My Site
This is an example of a simple web page written in HTML.
وارد حالت تمام صفحه شوید
از حالت تمام صفحه خارج شوید
این به چه معناست؟
وارد حالت تمام صفحه شوید
از حالت تمام صفحه خارج شوید
این نشان می دهد که ما از HTML5 استفاده می کنیم
وارد حالت تمام صفحه شوید
از حالت تمام صفحه خارج شوید
نشان می دهد که محتوای صفحه به زبان انگلیسی است.
وارد حالت تمام صفحه شوید
از حالت تمام صفحه خارج شوید
حاوی متا اطلاعات در مورد سند، مانند عنوان صفحه و رمزگذاری کاراکترها.
وارد حالت تمام صفحه شوید
از حالت تمام صفحه خارج شوید
اینجا جایی است که تمام محتوای قابل مشاهده صفحه وب خود را قرار می دهید.
صفحه اول خود را ایجاد کنید
حالا که ساختار را می دانید، بیایید دست به کار شویم! من شما را از طریق ایجاد یک صفحه وب ساده برای یک وبلاگ آشپزی راهنمایی می کنم (نمی توانم سابقه سرآشپز خود را نادیده بگیرم، درست است؟).
بیایید در مورد صحبت کنیم چند برچسب مهم:
Enter fullscreen mode
Exit fullscreen mode
Headings of various sizes, where is the most important.
Enter fullscreen mode
Exit fullscreen mode
Defines a paragraph of text.
وارد حالت تمام صفحه شوید
از حالت تمام صفحه خارج شوید
یک هایپرلینک ایجاد می کند.
وارد حالت تمام صفحه شوید
از حالت تمام صفحه خارج شوید
یک تصویر را در صفحه درج می کند.
مثال تصویری:
در اینجا نتیجه نهایی باید در مرورگر شما به نظر برسد. اگر دنبال کرده اید، به تازگی اولین وب سایت کوچک خود را ایجاد کرده اید! (شما می توانید این تصویر را با یک تصویر واقعی از پروژه خود جایگزین کنید)
چند نکته عملی
بهینه سازی تصویر: هنگام افزودن تصاویر، از فرمت های بهینه شده مانند jpg. یا .png استفاده کنید و مطمئن شوید که اندازه آنها به درستی تغییر کرده است تا سایت سریع بماند.
دسترسی: همیشه از ویژگی alt روی تصاویر برای بهبود دسترسی به سایت خود استفاده کنید.
نتیجه گیری
شما به تازگی اولین قدم های خود را در دنیای HTML برداشته اید، اما این تازه آغاز راه است. HTML پایه محکمی است که میتوانید پروژههای پیچیدهتر را روی آن بسازید، CSS برای سبک و جاوا اسکریپت برای تعامل ایجاد کنید. اگر کنجکاو هستید که بیشتر بدانید، توصیه می کنم منابع اضافی فهرست شده در زیر را بررسی کنید. منابع اضافی: راهنمای کامل HTML5 در MDNHTML آموزش در W3SchoolsHTML Cheat Sheet for BeginnersCall to Action: آیا اولین وب سایت خود را با این راهنما ایجاد کردید؟ آن را در نظرات به اشتراک بگذارید، من دوست دارم ببینم چه چیزی ساخته اید! اگر سوالی دارید یا می خواهید HTML را بیشتر بررسی کنید، در صورت تمایل بپرسید. کد نویسی مبارک!
سلام! من روبرتو سلانو هستم، یک توسعه دهنده وب با پیشینه ای تا حدودی غیرعادی: قبل از اینکه وارد دنیای برنامه نویسی شوم، بیش از 12 سال را به عنوان سرآشپز گذراندم. اگر اینجا هستید، احتمالاً در مورد یادگیری HTML کنجکاو هستید، پایهای که کل وب بر روی آن ساخته شده است. اجازه دهید شما را در اولین مراحل ایجاد صفحه وب خود راهنمایی کنم، درست مانند زمانی که شروع کردم.
HTML که مخفف HyperText Markup Language است، زبانی است که برای ساختار و ارائه محتوا در اینترنت استفاده می کنیم. HTML را به عنوان پایه و اساس یک خانه در نظر بگیرید: این چارچوبی است که هر چیز دیگری را در جای خود نگه می دارد. ساختار اساسی یک سند HTML: هر صفحه وب HTML از یک ساختار ساده اما قدرتمند پیروی می کند.
در اینجا اسکلت اولیه یک صفحه HTML آمده است:
lang="en">
charset="UTF-8">
name="viewport" content="width=device-width, initial-scale=1.0">
My First Website
Welcome to My Site
This is an example of a simple web page written in HTML.
این به چه معناست؟
این نشان می دهد که ما از HTML5 استفاده می کنیم
نشان می دهد که محتوای صفحه به زبان انگلیسی است.
حاوی متا اطلاعات در مورد سند، مانند عنوان صفحه و رمزگذاری کاراکترها.
اینجا جایی است که تمام محتوای قابل مشاهده صفحه وب خود را قرار می دهید.
حالا که ساختار را می دانید، بیایید دست به کار شویم! من شما را از طریق ایجاد یک صفحه وب ساده برای یک وبلاگ آشپزی راهنمایی می کنم (نمی توانم سابقه سرآشپز خود را نادیده بگیرم، درست است؟).
بیایید در مورد صحبت کنیم
چند برچسب مهم:
Headings of various sizes, where is the most important.
Defines a paragraph of text.
یک هایپرلینک ایجاد می کند.
یک تصویر را در صفحه درج می کند.
مثال تصویری:
در اینجا نتیجه نهایی باید در مرورگر شما به نظر برسد. اگر دنبال کرده اید، به تازگی اولین وب سایت کوچک خود را ایجاد کرده اید! (شما می توانید این تصویر را با یک تصویر واقعی از پروژه خود جایگزین کنید)
بهینه سازی تصویر: هنگام افزودن تصاویر، از فرمت های بهینه شده مانند jpg. یا .png استفاده کنید و مطمئن شوید که اندازه آنها به درستی تغییر کرده است تا سایت سریع بماند.
دسترسی: همیشه از ویژگی alt روی تصاویر برای بهبود دسترسی به سایت خود استفاده کنید.
شما به تازگی اولین قدم های خود را در دنیای HTML برداشته اید، اما این تازه آغاز راه است. HTML پایه محکمی است که میتوانید پروژههای پیچیدهتر را روی آن بسازید، CSS برای سبک و جاوا اسکریپت برای تعامل ایجاد کنید. اگر کنجکاو هستید که بیشتر بدانید، توصیه می کنم منابع اضافی فهرست شده در زیر را بررسی کنید. منابع اضافی: راهنمای کامل HTML5 در MDNHTML آموزش در W3SchoolsHTML Cheat Sheet for BeginnersCall to Action: آیا اولین وب سایت خود را با این راهنما ایجاد کردید؟ آن را در نظرات به اشتراک بگذارید، من دوست دارم ببینم چه چیزی ساخته اید! اگر سوالی دارید یا می خواهید HTML را بیشتر بررسی کنید، در صورت تمایل بپرسید. کد نویسی مبارک!