html هي اللغة الأولى التي يجب على كل مبتدأ يود تعلم البرمجة أن يتعلمها. هي أساس ما تراه على الويب.

هي اختصار ل: HyperText Markup Language)‏ و هي لغة ترميز فائقة الدقة و الأكثر استخداما في إنشاء وتصميم صفحات ومواقع الويب، وتعتبر أيضا من أقدم اللغات وأوسعها استخداما بحيث تكون ضورية جدا في إنشاء أي تصميم ترغب فيه. فإذا كنت ترغب في تعلم البرمجة فعليك البدأ بهذه اللغة فهي بسيطة و تعتبر البنية الأساسية لكل ما تراه على الويب اليوم.

لأبسط الأمر أكثر ف HTML هي الهيكل الأساسي لأي صفحة فهي تعطي القالعدة الأساسية لظهور التصميمات التي ترونها على كل موقع.

شروحات رموز لغة html:

<div></div>

يعتبر هذا الرمز كالغرف الموجودة في البيت فبداخله يمكننا تخزين كل المعلومات كالعناوين و الفقرات حسب الحاجة  فالموقع يحتوي على العديد من هذه الغرف و يمكننا استخدامه لتخزين و إظهار الرموز الأخرى

1 – في  هذه الغرفة سنخزن فقط العنوان و فقرة و زر كما في المثال أسفله

<div>

• <h1>عنوان</h1>
• <p>فقرة</p>
• <button>زر</button>

</div>

2 – في  هذه الغرفة سنخزن صورة

<div>

<img>

</div>

<p></p>

هذا الرمز يظهر فقرة عادية على الشاشة

• <p>  أنا فقرة أنا فقرة أنا فقرة أنا فقرة أنا فقرة أنا فقرة أنا فقرة أنا فقرة أنا فقرة أنا فقرة</p>

تظهر الفقرة على هذه الشاكلة:

نا فقرة أنا فقرة أنا فقرة أنا فقرة أنا فقرة أنا فقرة أنا فقرة أنا فقرة أنا فقرة أنا فقرة

<h1></h1>

هذا الرمز الخاص بالعناوين فالعنوان الأكبر حجما يبدأ ب1 و الأصغر حجما

6.

• <h1>أنا اكبر العناوين حجما</h1>
• <h2>أنا اثاني اكبر العناوين حجما</h2>
• <h3>أنا ثالث اكبر العناوين حجما</h3>
• <h4>أنا رابع اكبر العناوين حجما</h4>
• <h5>أنا خامس اكبر العناوين حجما</h5>
• <h6>أنا أصغر العناوين</h6>

تظهر العناوين على هذه الشاكلة:

أنا اكبر العناوين حجما

أنا ثاني اكبر العناوين حجما

أنا ثالث اكبر العناوين حجما

أنا رابع اكبر العناوين حجما

أنا خامس اكبر العناوين حجما

أنا أصغر العناوين

<a></a>

ما يوضع داخل هذا الرمز يصبح رابطا يمكننا النقر عليه مثل هذا الرابط الذي تراه هنا: هذا رابط

<button></button>

 هذا الرمز يظهر لنا زر كما تشاهد في المثال أسفله:

انا زر