العناوين والفقرات ووصف الصور
هذه الوسوم التي ستستخدمها أكثر من غيرها. تبدأ العناوين من h1 الأكبر إلى h6 الأصغر. استخدم h1 واحدًا كعنوان رئيسي و h2 للعناوين الفرعية. والوسم p فقرة. والوسم b يصنع حروفًا عريضة، والوسم i يصنع حروفًا مائلة. والرابط يستخدم الوسم a وعنوانًا. استخدم عناوين مخترعة فقط. والصورة تستخدم الوسم img. وفيه مكان لملف الصورة ووصف يسمى النص البديل، مثل alt="A camel in the desert". والنص البديل مهم. فمن يعاني من ضعف البصر يستخدم قارئ شاشة يقرأ الوصف بصوت عالٍ ليفهم الصورة. تذكّر الأسبوع الأول: تكنولوجيا تساعد. ويظهر النص البديل أيضًا إذا تعذّر تحميل الصورة. ويعرض المتصفح الكلمات والصور والروابط، ويخفي الوسوم، ولا تراها إلا إذا فحصت الصفحة.
| الوسم | ماذا يصنع |
|---|---|
| <h1> … <h6> | عناوين، من الأكبر إلى الأصغر |
| <p> | فقرة |
| <b> <i> | حروف عريضة و مائلة |
| <a> | رابط إلى صفحة أخرى |
| <img> | صورة مع وصفها |
1<h1>Camels</h1> 2<h2>Where they live</h2> 3<p>In dry deserts.</p>
Camels Where they live In dry deserts.
1<img src="camel.png" alt="A camel walking in the desert">[picture: A camel walking in the desert]
1<a href="https://www.example-class.org">Our class</a>Our class (a link)
من الشفرة إلى الصفحة. ارسم لكل سطر ما يعرضه المتصفح. (أ) <h2>Lunch</h2>؛ (ب) <p>We eat <i>fresh</i> bread.</p>؛ (ج) صورة img نصها البديل "A basket of oranges". في (ج) ارسم إطارًا واكتب وصف الصورة بداخله. ثم اشرح لماذا النص البديل مهم.
1<h1>Fish</h1> 2<p>Fish swim.</p>