لأن النصوص دوماً هي الوسيلة الأساسية لإنشاء المحتوى، تتضمن HTML مجموعة من العناصر الخاصة بإنشاء المحتوى مثل العناوين،الروابط، الصور، والفيديوهات.

أكثر عناصر HTML هي عناصر نصية، أي تستخدم لإنشاء النصوص في HTML، وعلى الرغم من انتشار الصور والفيديوهات والصوتيات بشكل واسع إلا أن المحتوى النصي مازال هو الجزء الأكبر.

الفقرات النصية (Prargraphs)

أكثر عناصر HTML استخدماً هو الوسم <p>  وهو ضمن النوع block-level ولإنشاء فقرة نصية،
نقوم بوضع النص بين وسمين <p> و <p/> كالمثال التالي:

القوائم (Lists)

هناك ثلاثة أنواع من القوائم:

1.  <ul> القوائم الغير مرتبه.
2.  <ol> القوائم المرتبة (حيث تكون عناصر القائمة مرقمة بشكل تلقائي).
3.  <dl> قوائم التعريفات.

والقوائم في HTML لها هيكلة خاصة:

القوائم <ul>  و <ol> يجب ان تكون الأب المباشر لعناصر القائمة <li> (اختصاراً لـ List Items).
وبالتالي عناصر القائمة <li> لا يمكن استخدامها بشكل مستقل عن عنصر القائمة <ul> أو <ol>، ويجب أن تكون الإبن المباشر لها.

القوائم الغير مرتبه <ul>

هي أكثر أنواع القوائم استخداماً، حيث تستخدم لتجميع بعض العناصر المنفردة في مجموعة واحده بدون ترتيب معين.

القوائم المرتبه <ol>

وتستخدم لعمل قائمة من مجموعة من العناصر المرتبطة مع بعضها بطريقة مرتبة. ويقوم متصفح الويب بترقيم العناصر بشكل تلقائي( حيث أن الأرقام غير موجودة في كود القائمة ).

قوائم التعريفات <dl>

في بعض الأحيان يكون لديك بعض المصطلحات وتعريفات هذة المصطلحات، وتود عمل مجموعة تضم هذة المصطلحات بتعريفاتها، من أجل هذا تأتي قوائم التعريفات وتكون بالشكل التالي:

لاحظ أن العناصر هنا تختلف عن عناصر القوائم المرتبة وغير مرتبه، حيث أن كل عنصر يتكون من جزئين <dt> اختصاراً لـ definition term و <dd> اختصاراً لـ definition description

قلما تستخدم قوائم التعريفات لأن تعرضك له محدود جداً، والبديل الأشهر لها هو جداول البيانات، حيث يمكنك إنشاء جدول مكون من عمودين، عمود للمصطلحات والآخر للتعريفات.

الإقتباسات <blockquote>

تستخدم الإقتباسات لتمييز بعض المحتوى عن باقي النصوص كإقتباس من مكان آخر أو مقولة لشخص ما.

العناوين من <h1> إلى <h6>

عناصر العناوين تسمح لك بتحديد بعض أجزاء المحتوى كعناوين أو عناوين فرعية للمحتوى الموجود في الصفحة، تماما بنفس الطريقة الموجودة في أي كتاب مقروء، توجد عناوين أساسية كبيرة لفصول الكتاب، ويندرج تحتها عناوين فرعيه صغيره خلال المحتوى، وهذا ما تفعله HTML أيضاً. HTML تحتوي على ٦ مستويات للعناوين، غالباً ستستخدم ٣ أو ٤ منها في معظم الأحيان:

وتستخدم العناوين مع الفقرات النصية أو القوائم، كتمثيل طبيعي للمحتوى، حيث أن الفقرات تحتاج إلى عناوين، لان العناوين تحمل مدلولات أكثر، لكن حافظ دوماً على التوازن بين المحتوى الهام والمحتوى العادي “normal”.

لاحظ أيضاً أن جعل المحتوى كله عبارة عن عناوين سيُفقد العناوين مدولاتها ويشعرك بأنه لا شئ مهم في هذة الصفحة.