سه واژهٔ ضروری
در <p class="intro">سلام</p>، تگ آغازین <p>، محتوا «سلام» و تگ پایانی </p> با هم یک عنصر می‌سازند. ویژگی یا attribute در تگ آغازین اطلاعات اضافه می‌دهد؛ اینجا class برابر intro است. مقدار ویژگی را داخل کوتیشن بنویس.
عناصر را درست تو‌در‌تو قرار بده: آخرین عنصری که باز می‌شود باید زودتر بسته شود. نمونهٔ درست: <p>سلام <strong>دوست من</strong></p>. نمونهٔ نادرست: <p><strong>سلام</p></strong>. مرورگر بعضی خطاها را ترمیم می‌کند؛ دیده‌شدن صفحه دلیل درست‌بودن کد نیست.
عناصر تهی مثل img، br، hr، input و meta محتوا و تگ پایانی ندارند. در HTML نوشتن </img> درست نیست. نام تگ‌ها و ویژگی‌ها را برای خوانایی کوچک بنویس. فاصله و تورفتگی، ساختار کد را روشن می‌کند.
<p id="intro">من <strong>HTML</strong> یاد می‌گیرم.</p>
<!-- یادداشت برنامه‌نویس؛ در صفحه نمایش داده نمی‌شود -->
کامنت مخفیگاه اطلاعات حساس نیست؛ کاربر می‌تواند منبع صفحه را ببیند. id شناسهٔ یکتای یک عنصر در همان سند است؛ class را می‌توان به چند عنصر داد.
تمرین دستی: یک پاراگراف با یک کلمهٔ مهم بساز و با Inspect تو‌در‌تو بودن عناصر را ببین.