اشترك ليصلك جديدنا
ليصلك جديد التصاميم المجانية والمدفوعة، ومقالات التسويق الإلكتروني،
اشترك معنا باضافة بريدك الإلكتروني، وكذلك واتساب (اختياري).
الدرس الأول: ماهي لغة HTML
جميع الدروس
الدرس الاول: ماهي لغة HTML
الدرس الثاني: الدرس الثاني: علامات الترميز HTML Tags
الدرس الثالث: المحرر HTML Editor
الدرس الرابع: العنواين HTML Headings
الدرس الخامس: الفقرات HTML Paragraphs
الدرس السادس: الروابط HTML Links
الدرس السابع: إضافة الصور HTML images
الدرس الثامن: الاستايل HTML Styles
الدرس التاسع: النصوص HTML Texts
الدرس العاشر: الجداول HTML Tables
الدرس الاول: ماهي لغة HTML
الدرس الثاني: الدرس الثاني: علامات الترميز HTML Tags
الدرس الثالث: المحرر HTML Editor
الدرس الرابع: العنواين HTML Headings
الدرس الخامس: الفقرات HTML Paragraphs
الدرس السادس: الروابط HTML Links
الدرس السابع: إضافة الصور HTML images
الدرس الثامن: الاستايل HTML Styles
الدرس التاسع: النصوص HTML Texts
الدرس العاشر: الجداول HTML Tables
تعريف لغة HTML
الهيكل العام للغة HTML
متطلبات العمل على HTML
انشاء اول صفحة HTML
تعريف لغة HTML
هي لغة ترميز صفحات الويب وهي اختصار Hyper Text Markup Language، وهي من أسهل اللغات وأكثرها متعة في الاستخدام، وبإمكانك عمل صفحات ويب بسيطة من خلال ال HTML. ويستخدمها العديد من الأشخاص سواء محرري صفحات الويب والكتاب على المواقع الإلكترونية كما أنها لغة سهلة لتعليم الأطفال وتطورت الـHTML خلال فترات حتى تم عمل إصدارات لها من HTML 2 وحتى HTML 5 والاصدارات الأحدث تعني إضافات ميزات جديدة ولا تعني تغيير جذري أو ماشابه.
الهيكل العام للغة HTML
لغة HTML لها هيكل موحد ودائم وبداخل هذا الهيكل يمكننا أن نضيف فيه الأكواد، لاحظ الهيكل للغة HTML أدناه:
<html>
<head>
<meta>
<title>ةحفصلل ناونعلا انه</title>
</head>
<body>
داوكألا فيضنس انه
</body>
</html>
قد تكون الأكواد أعلاه غريبه نوعا ما، نعم يا صديقي. هي بالنسبة إليك غريبة وقد تشعرك بالقلق أيضا لكنها في حقيقة الأمر سهلة، دائما في الـHTML نسمي الأكواد بـ تاق أو وسم أو كود، سمها ما شئت المهم أن تصل إليك الفكرة وتفهم وظيفة كل تاق أو كود.
في الصورة أدناه شرح لهيكل صفحة ال HTML:
متطلبات العمل على HTML
سنقوم بإنشاء صفحات ويب أو HTML من خلال محرر أو تطبيق انشاء وصفحات الويب وسنختار محرر Dreamwever ويتوجب عليك تنزيل أي محرر حسب رغبتك بالإمكان تنزيل محرر ++Notepade أو التطبيق الذي يناسبك، علماً أننا مبدئيا سنقوم بعمل ملف ويب من خلال تطبيق المفكرة الذي نعرفها جميعا.
انشاء اول صفحة HTML
سنقوم بعمل أول صفحة ويب أو صفحة HTML ونكتب عبارة "مرحبا بكم في موقعنا الالكتروني" كما في الصورة أدناه ويجب التركيز على هذه الخطوات:
1- أنشئ مجلد جديد لتنظيم ملفاتك.
2- من علامة ويندوز في الكيبورد اضغط عليها ثم ابحث عن notepad أو المفكرة حال استخدامك للعربية كما في الصورة:
3- بعد فتح المفكرة قم بكتابة الكود التالي:
<html>
<head>
<meta>
<title>ةحفصلل ناونعلا انه</title>
</head>
<body>
ينورتكلالا انعقوم يف مكب ابحرم
</body>
</html>
4- في هذه الخطوة بنقوم بحفظ الملف كصفحة ويب ، من خلال رأس نافذة المفكرة اضغط على (ملف أو File) ثم (حفظ بإسم أو Save as).
5- نحتاج بعض التركيز في هذه الخطوة نقوم بتسمية الملف بأي إسم وليكن Webpage.html إحرص هنا وضع امتداد الملف الذي هو html. ومن أسفل الملف نختار نوع الملف All files (كما في الصورة أدناه) ثم نقوم نهي عملية الحفظ بالضغط على حفظ مع تحديد مكان حفظ الصفحة.
6- ستظهر الصفحة كما في الصورة ادناه:
7- عند الضغط على الصفحة أو الملف ستعمل في المتصفحة وستظهر كما في الصورة:
