درس (1) مقدمه ای بر HTML، یک مرور کلی و اطلاعات نظری در مورد آن

درود و رحمت و برکات خداوند بر شما باد

امیدوارم حال همه خوب باشه..

آشنایی با دوره Html، زبان چیست، چرا آن را یاد می‌گیرم و باید آن را یاد بگیرم. همه اینها انشاالله در این پست توضیح داده خواهد شد

در اصل HTML زبان طراحی صفحات وب یعنی (زبان طراحی وب سایت) است و برای یادگیری این زبان نیازی به داشتن تجربیات قبلی در زمینه وب نیست. این زبان شروع طراحی است و شما زبان های دیگری را با آن یاد خواهید گرفت تا طراحی یک سایت کامل را از ابتدا شروع کنید.باید Css و JavaScript (جاوا اسکریپت) را با آن بیاموزید.   یا jQuery (JQuery) بسته به تخصص و رشته شما در دوره دیگری انشالله این زبان ها غیر از زبان Php و همچنین طراحی وب سایت کاملا ریسپانسیو با تمامی صفحه ها توضیح داده خواهد شد.

اما اکنون ما در مورد زبان "Html" و هر چیزی که به زبان HTML مربوط می شود صحبت می کنیم. چگونه یک صفحه را فقط در HTML طراحی می کنید و تمام برچسب ها و اطلاعات مربوط به زبان را که باید قبل از شروع یادگیری زبان درک کنید، می دانید.

اطلاعات زبان

زبان Html دارای نسخه هایی است و اولین نسخه در سال 1991 و زبان توسعه یافته و آخرین نسخه Html 5 بود که در سال 2012 منتشر شد و این آخرین نسخه زبان Html و این نسخه است. البته دارای برچسب ها و ویژگی های جدیدی است که در "HTML" معمولی یافت نمی شود.

و انشاءالله تمامی نسخه ها در دروس اختصاص یافته به آن پرداخته خواهد شد

معنی کلمه Html مخفف کلمه "Hyper Text Markup Language" است. این بدان معنی است که زبان HTML یک زبان نشانه گذاری است، به این معنی که یک "زبان توصیف کننده محتوا" است و نشانه گذاری شامل "برچسب ها" و برچسب هایی است که ما انجام می دهیم. به زبان عربی "برچسب ها" را صدا کنید و این تگ ها کدهای خاص زبان "Html" هستند و البته در پست های بعدی با جزئیات کامل در مورد این برچسب ها صحبت خواهم کرد.

صفحه وب

حاوی برچسب ها و متون متون داخل تگ ها اضافه می شوند و صفحه "سند" نامیده می شود.

عناصر HTML دارای تگ شروع و تگ wind هستند، به این معنی که آنها برای مثال اینگونه هستند

 

این علامت <> به آن Start Tag می گویند و این علامت است به آن تاج ind می گویند که به معنای انتهای تاج یا علامت است

و تاج ها این گونه هستند

  ? این نمونه ای از تاج شروع است

این شامل متن در اینجا است 


و این است

☝️

نمونه ای از تگ پایانی ind

البته در درس‌های بعدی در مورد همه این‌ها صحبت خواهیم کرد، اما فعلاً به شما ایده می‌دهم که بعداً در درس‌های آینده چه خواهد شد.

همه اینها را سخت نکنید، همه اینها بسیار، بسیار، بسیار آسان است

عناصری هستند که دارای تگ شروع و پایان هستند و همچنین عناصری هستند که مانند تگ پایانی ندارند

 این برچسبی است که تگ پایانی ندارد و وظیفه آن این است که به عنوان نیروی پلیس بین کلمات عمل کند

و همچنین یک عنصر < “”=img src>

و همچنین یک عنصر     کارکردش ایجاد یک خط افقی بالای نوشته است.. البته همه اینها را با جزئیات خسته کننده توضیح می دهم، اما فعلاً معنی تاج یا تگ ها را برای شما توضیح می دهم.. و تاج البته در ظاهر نمی شود. مرورگر، یعنی جلوی همه ظاهر نمی شود. این تاج مرورگری است که آن را می خواند و ترجمه می کند.

و طبق کدهایی که نوشتم کلمات و تصاویر نمایش داده شد. توجه داشته باشید که کدها در مرورگر ظاهر نمی شوند.

همه این ها را در درس های بعدی توضیح خواهم داد و اولین درس را صفحه اول در HTML خواهم ساخت و همه چیزهایی که مربوط به زبان است را توضیح خواهم داد.

چگونه صفحه اول خود را در html طراحی کنیم؟

و در نوشتن کد، حروف در HTML حساس نیستند، یعنی حروف و شما در حال نوشتن کد بزرگ یا کوچک هستند، کد کار می کند و به مشکلی برنمی خورید، مثلا اگر کد را در این بنویسید. مسیر     

اگر حروف بزرگ یا جمع را بنویسید، مهم نیست، اما سازمان جهانی W3 توصیه می کند که کد را با حروف بزرگ بنویسید.

HTML اساس طراحی یا برنامه نویسی است و اگر در آینده برنامه نویسی یاد بگیرید، مسلماً به زبان HTML نیاز خواهید داشت.

در درس بعدی انشالله کار عملی را شروع می کنم و همه این مقدمه در کار عملی به خوبی توضیح داده خواهد شد.

در درس های بعدی شما را می بینیم

سلام و رحمت و برکات خداوند

 

پست های مرتبط
انتشار مقاله در

نظر اضافه کنید