GENERAL TRACK

صفحة الويب الأولى لك

أنشئ صفحة ملف شخصي باستخدام HTML و CSS من إنشاء الذكاء الاصطناعي.

1أساسيات HTML: ما هي الوسوم؟

قبل أن نبني صفحتنا، دعونا نفهم مفهومًا أساسيًا واحدًا: وسوم HTML. فكّر في الوسوم على أنها ملصقات على الصناديق. كل وسم يخبر المتصفح بنوع المحتوى الموجود بداخله.

الوسوم مثل صناديق موسومة

<h1>

عنوان كبير (مثل عنوان فصل)

<p>

فقرة من النص

<ul> + <li>

قائمة نقطية بعناصر

كل وسم يُفتح ويُغلق: <h1>content</h1>. يقرأ المتصفح هذه الوسوم ويعرض المحتوى وفقًا لها. انقر على تشغيل الكود لترى:

HTML

<!DOCTYPE html>
<html>
<head>
  <title>Understanding Tags</title>
</head>
<body>
  <h1>This is a heading</h1>
  <p>This is a paragraph of text.</p>
  <ul>
    <li>This is a list item</li>
    <li>This is another item</li>
  </ul>
</body>
</html>

<!DOCTYPE html>
<html>
<head>
  <title>Understanding Tags</title>
</head>
<body>
  <h1>This is a heading</h1>
  <p>This is a paragraph of text.</p>
  <ul>
    <li>This is a list item</li>
    <li>This is another item</li>
  </ul>
</body>
</html>

Output

Your guide

2بناء صفحة ملف شخصي بالذكاء الاصطناعي

3اجعلها خاصة بك

4ارتقِ بمستواك: تنسيق عصري مع CSS

5التحدي: ابنِ صفحة ملفك الشخصي

ما هو الترميز الانسيابي؟

ALL TUTORIALS

جعل الأشياء تفاعلية