إضافة النصوص والعناوين في HTML
في HTML، النصوص والعناوين هما جزء أساسي من أي صفحة. عشان كده لازم تعرف إزاي تضيفهم بالطريقة الصحيحة.
- إضافة النصوص:
- النصوص في HTML بتتكتب داخل
<p>، وهي اختصار لكلمة Paragraph (فقرة). يعني لما تحب تكتب جملة أو نص عادي يظهر في الصفحة، بتستخدم<p>.
<p>دي أول فقرة في الصفحة.</p> - النصوص في HTML بتتكتب داخل
- إضافة العناوين:
- العناوين في HTML بيتم استخدامها عن طريق
<h1>لحد<h6>. كلما الرقم زاد كلما كان العنوان أصغر. <h1>: هو أكبر عنوان في الصفحة ويفضل استخدامه في العنوان الرئيسي.<h2>لـ<h6>: ده بيتم استخدامهم للعناوين الفرعية أو الثانوية.
<h1>ده عنوان رئيسي</h1> <h2>ده عنوان فرعي</h2> <h3>عنوان أصغر</h3> - العناوين في HTML بيتم استخدامها عن طريق
كيفية تنسيق النصوص والعناوين:
- النصوص السميكة (Bold): لو عايز النص يبقى سميك، استخدم
<strong>أو<b>. الاختلاف بينهما إن<strong>بيكون ليه تأثير معنوي أكتر في تحسين محركات البحث، لكن<b>مجرد تأثير تنسيقي. مثال:<strong>ده نص سميك باستخدام strong</strong> <b>ده نص سميك باستخدام b</b> - النصوص المائلة (Italic): لو عايز النص يبقى مائل، استخدم
<em>أو<i>. الاختلاف هنا إن<em>ليه تأثير معنوي زي<strong>. مثال:<em>ده نص مائل باستخدام em</em> <i>ده نص مائل باستخدام i</i> - الخط تحت النص (Underline): لو عايز تضع خط تحت النص، استخدم
<u>. مثال:<u>ده نص بخط تحت باستخدام u</u>
الفرق بين العناوين والنصوص العادية:
- العناوين (
<h1>لـ<h6>): بيتم استخدامها علشان تنظم المحتوى وتحدد درجة أهمية العنوان. زي العناوين في الكتب أو المقالات. - النصوص العادية (
<p>): بيتم استخدامها لكتابة المحتوى الأساسي اللي بيكون في شكل فقرة.
مثال توضيحي:
<!DOCTYPE html>
<html>
<head>
<title>العناوين والنصوص في HTML</title>
</head>
<body>
<h1>ده عنوان رئيسي</h1>
<p>دي فقرة عادية بنكتب فيها نصوص عادية.</p>
<h2>ده عنوان فرعي</h2>
<p>ده نص مائل باستخدام <em>em</em> وده نص سميك باستخدام <strong>strong</strong>.</p>
<h3>ده عنوان أصغر</h3>
<p><u>وده نص عليه خط تحت باستخدام u</u></p>
</body>
</html>
في الختام:
دلوقتي أنت عرفت إزاي تضيف النصوص والعناوين في HTML بشكل سليم. العناوين بترتب المحتوى وبتخليه سهل القراءة، والنصوص بنستخدمها لكتابة المعلومات الأساسية في الصفحة. في المقالات الجاية هنتعلم عن القوائم والجداول. لو عندك أي أسئلة أو محتاج توضيح أكتر، أنا هنا للمساعدة.
اترك تعليقاً