HTMLبرای همه- بخش اول- اصول ساخت یک صفحه ساده وب
بعد از آشنایی با تاریخچه اینترنت و شناخت اچ تی ام ال، بهتر است کمی کاربردی تر و عملی با این زبان کدنویسی آشنا شویم. اگر تا به حال با HTML کار نکرده باشید، احتمالا دیدار اول تان با کدهای یک صفحه تا حدی گیج کننده و نامأنوس باشد. انگار که دارید به متنی با یک زبان بیگانه نگاه می کند. اما جالب است بدانید که تنها با شناخت تعداد معدودی از دستورات (تگ ها) اچ تی ام ال، می توانید به راحتی زبان یک صفحه اچ تی ام ال را دانسته و منظورتان را هم به آن بفهمانید.
درست است که در این دوره قصدمان یادگیری کامل و خبره شدن در کدنویسی HTML نیست، اما برای کار با بسیاری از برنامه های مدیریت محتوا و انتشار مطالب در سایت ها و وبلاگ ها، باید برخی اصول اولیه این زبان را بلد باشیم. زیرا علی رغم اینکه ادیتورهای WYSIWYG برنامه های مدیریت محتوا، کار را تا حد زیادی آسان کرده اند، باز هم همه این برنامه ها با کدها و دستورات اچ تی ام ال سروکار دارند. اگر با این زبان آشنا باشیم، بسیاری از مشکلات و دردسرهای وقت گیر در انتشار صحیح و مرتب مطلب، به راحتی قابل حل هستند. پس بگذارید کمی اچ تی ام ال یاد بگیریم.
اول بگذارید نگاهی کلی به کدهای یک صفحه وب داشته باشیم. عکس بالا، چیزی است که مرورگر به ما نشان می دهد. اما در حقیقت، این چیزی نیست که نوشته شده است. کدهای این صفحه را در عکس پایین می توانید ببینید.
همانگونه که می بینید تمام تگ های اچ تی ام ال لازم است که میان دو علامت کوچک تر و بزرگتر نوشته شوند. مرورگر وقتی به علامت < در کدهای صفحه می رسد، متوجه می شود که از این به بعد با یک تگ یا دستور اچ تی ام ال طرف است. تا جایی که به علامت > برسد، آن را یک دستور در نظر گرفته و به ترجمه و تفسیر آن می پردازد. هر آنچه هم که در میان این دستورات قرار گرفته باشد، محتوایی است که باید نمایش داده شود.