كود html جاهز
Abdallah Fathy Fathy
·
Posted: 27 Feb, 2024
يبحث كثيرون عن كود html جاهز للتعديل أو استخدامه في تطوير مواقع الويب حيث تستخدم هذه الأكواد في إنشاء صفحات ويب ثابتة ويضاف إليها التفاعل والتنسيق عبر لغات برمجة أخرى مثل لغة الجافا سكريبت وCSS للتنسيق على الأيقونات أو الثيمات الخاصة بصفحات الويب، ويتم كتابة كود html جاهز عن طريق محرر النصوص المفضل.
مكتبة اكواد html
اكواد html جاهزة إذ تستخدم أكواد هذه اللغة في تصميم العديد من محتويات صفحة الويب التي تتضمن العناوين الرئيسية والفرعية والفقرات وجسم الصفحة أو الـ body وفيما يلي سنتعرف على بعض الأكواد الجاهزة لإنشاء وتنفيذ بعض الأوامر والمهام مثل:
كود html جاهز لتصميم عناوين الصفحة
يمكن استخدام الكود التالي لإدراج العناوين:
<h1>عنوان</h1>.
كود html جاهز لإدراج فقرة
عند إدراج فقرة في صفحة الويب نستخدم الكود التالي:
<p>فقرة</p>.
كود إنشاء رابط
إنشاء رابط داخل صفحة الويب يتم بسهولة عن طريق كتابة الكود:
<a href="https://example.com">نص الرابط</a>.
إدراج صورة
يستخدم الكود التالي لإدراج
<img src="image.jpg" alt="نص بديل">.
كود إنشاء جدول
يستخدم الكود التالي لإنشاء جدول:
<table>
<tr>
<td>عنوان الخلية 1</td>
<td>عنوان الخلية 2</td>
</tr>
<tr>
<td>المحتوى في الخلية 1</td>
<td>المحتوى في الخلية 2</td>
</tr>
</table>
إنشاء قائمة منسدلة
لإنشاء قوائم منسدلة عن طريق لغة html يتم اعتماد الكود التالي:
<select name=”cars”>
<option value=”volvo”>Volvo</option>
<option value=”audi”>Audi</option>
<option value=”bmw”>BMW</option>
</select>
إدخال صورة
لإدخال صورة في صفحة الويب يتم كتابة الكود التالي:
<img title = "نص العنوان" src = "اسم المجال الخاص بك / imagenamehere.gif" alt = "النص البديل" width = "100 ″ height =" 150 ″ />
إنشاء رابط
لإنشاء رابط في صفحة الويب نستخدم الكود التالي:
<a href="LINKHERE"> رابط </ أ
إنشاء نص جانبي متحرك
<marquee>
خط مذهب
<br><br><font size=4><div style=” width:100%;filter:glow(color=#C8B676,strength=6);c
olor:#535736″><font face=”Simplified Arabic Backslanted”><br><br>النص<br><br>
إضافة لون لخلفية الموضوع
<DIV id=cdiv style=”BACKGROUND-COLOR: اللون”><BR>
وظائف أوامر HTML
لغة HTML المستخدمة لبناء صفحات الويب تتكون من عدة أوامر ولكل أمر وظيفة يقدمها منها ما يلي:
- <!DOCTYPE html>: يحدد هذا الأمر نوع المستند html المستخدم بواسطة المتصفح لكي يقوم بعرض صفحة الويب.
- <html>: يدل هذا الأمر على بداية المستند html ويشمل كل عناصر ومحتويات الصفحة.
- <head>: يشير الرمز إلى المعلومات الوصفية الخاصة بصفحة الويب ومنها عنوان الصفحة وغيرها من معلومات.
- <title>: هذا الرمز يشير إلى عنوان صفحة الويب ويستخدم لكتابة العنوان.
- <body>: يشير إلى جسم صفحة الويب وما يعرض عليها.
- <h1> – <h6>: تستخدم لتصميم العناوين مثل عنوان h1 و h2 وغيرها.
- <p>: يستخدم هذا الرمز لإدراج فقرة.
- <abbr> أمر لتعريف الاختصار.
- <address> أمر لتعريف العنوان.
- <b> لتعديل الخط وتحويله إلى خط بارز.
- <area> أمر لتحديد منطقة معينة في الصورة.
- <button> لإضافة زر.
أهمية لغة html واستخداماتها
من خلال لغة html يمكن تنفيذ عدد متنوع من الوظائف والمهام منها ما يلي:
- هي اللغة الرئيسية لإنشاء صفحة الويب.
- تستخدم في وصف بنية الصفحات وهيكلها.
- تستخدم في إنشاء الفقرات والجداول والخطوط والروابط.
- تمكن من إدراج الرسومات والصور.
- اللغة التي تستخدم في إدراج الروابط التشعبية.
تصميم موقع بلغة html
لتصميم موقع ويب مميز تحتاج إلى أكثر من لغة برمجة حيث يقوم المطور بتصميم صفحات الويب عن طريق لغة html وباستخدام لغة CSS يقوم بالتنسيق عليها في حين أنه يتم اضافة التفاعل للموقع عن طريق لغات الجافا سكريبت حتى يسمح الموقع الإلكتروني للمستخدم بالتفاعل.
خطوات تصميم موقع ويب
عند البدء في تصميم موقع إلكتروني يجب التفكير في اسم الموقع أولًا وتحديد الاسم المناسب ثم اتباع ما يلي:
- اختيار اسم الموقع.
- تصميم شعار الموقع.
- تسجيل (دومين).
- حجز استضافة موقع ويب أو (سيرفر).
- تصميم الموقع.
- رفع الداتا أو بيانات الموقع.
- نشر النسخة التجريبية قبل نشر النسخة النهائية من الموقع.
- نقل الموقع إلى الاستضافة ومن ثم التسويق للموقع.
- توفير الصيانة الدورية.
وللحصول على جميع الخدمات السابقة بسعر مغري وضمان لاستمرار تشغيل موقعك بأقصى كفاءة تواصل معنا في كود 95 الآن واحصل على أفضل الخدمات.
Posted: 27 Feb, 2024
Abdallah Fathy Fathy
Read Also
كود html جاهز لموقع
