مجموعة من أكواد Html

من طرف **مدير الموقع** الجمعة يناير 08, 2010 2:59 pm

يسعدني أن أقدم لكم مجموعة من أكود في لغة html للمبتدئين

1-كيف تبدأاولا عليك بفتحبرنامج Notepad وتقوم بكتابة الأكواد وخلافه ولما تقوم بالحفظ غير امتداد النص من txt إلي htm

2-الكود الرئيسي للصفحة

هنا يتم وضععنوان الصفحة الذي يظهر في أقصي يسارالصفحة
<‎/TITLE>
<‎/HEAD>

هنا يتم وضعالنصوص والاكود وباقي ما سيتم عرضه فى الصفحة انشاء الله
<‎/BODY>
<‎/HTML>

1- بالنسبة للكود اللغة العربيةويتم وضع هذا الكود فى أولالصفحة

2- بالنسبة لكودالخط

هذاالكود سيظهر نوع الخط ولون الخط وحجمه

<‎/FONT>

FACEهنا يتم تحديد نوعالخطSIZEهنا يتم تحديد حجم الخطCOLORهنا يتم تحديد لون الخط

بالنسبة لأكوادالألوان فعليك باستخدام هذا البرنامج وسيقوم بعرض اكواد الألوان واختيارها وعليك انتقوم باكتشافهللتحــــــــــميل البرنامجوهناك كود يستخدم للصفحةكلها وهو

وبدراسة هذا المثال نستنتج أنه يقوم بتعديل الخط الافتراضيللصفحة بحيث يصبح نوعه Arial وحجمه 5 ولونه أحمر. وبالتالي فإن كل النصوص المكتوبةفي تلك الصفحة سيطبق عليها هذا النمط من الخط. ما لم نقم طبعا باستخدام الكود ... لتعديلها والتحكم بمظهرها كما فعلنا في الأمثلةالسابقة، فهي أكثر تحديداً وأكثر مرونة من الكود

هناك أكوادخاصة تستخدم لتمييز العناوين Headings في صفحات الإنترنت وهي:

... <‎/Hn>

وحرف n هو رقم بين 1-6 يمثل مستوىالعنوان.

[b] Heading 1 <‎/H1>

Heading 2 <‎/H2>

Heading 3 <‎/H3>

Heading 4 <‎/H4>

Heading 5 <‎/H5>

Heading 6 <‎/H6>

3- بالنسبة لمحاذاة الفقرات والاسطر

This is a left-aligned paragraph <‎/P>

... <‎/P>بفتح الفقرة وغلقهاALIGN تحدد محاذاة الفقرة وهي تأخذ القيمLeft, Center, Rightأما لنهاية الاسطر فعليك استخدام هذا الكود
في نهاية السطر فقطالكود‎ ‎يقوم بإضافة الفراغات، ويجب تكرار كتابته بنفسعدد الفراغات المطلوب.

كذلك لتوسيط الفقرات أو الكائنات بشكل عام في الصفحةنستطيع استخدام الكود ... 4- بالنسبة للصوراولا عليكتحديد مسار الصورة ثم واضعها فى هذا الكود بهذا الشكل

بسم الله الرحمن الرحيم" ALIGN="BOTTOM" VSPACE="20" HSPACE="20" BORDER="5">‎

SRC="http://www.geocities.com/my_pro_files/013.gif" هنا يتم وضعمسار الصورة

HEIGHT, WIDTH متبوعة بأرقام تمثل الإرتفاع والعرض المطلوبين ( واذا اردت عرض الصورة كما هي عليك بعدم وضع اي رقم او حذفها )

الخاصيةالتالية التي تستخدم مع <img> هي ALT وفيها نحدد نصاً بديلاً يظهر مكانالصورة. وهذا النص يلاحظ خصوصاً عندما يكون خيار "إظهار الصور تلقائياً" غير فعالفي المتصفح. كما تستطيع ملاحظته في الفترة التي تسبق تحميل الصور وخاصة في المواقعبطيئة التحميلونستخدم الخاصية ALIGN لتحديد محاذاة الصورة مع النص المرافقلها أو لنقل بعبارة أخرى: تحديد موقع النص الذي يليها بالنسبة لها وهي تأخذ القيم: BOTTOM, TOP, MIDDLE, LEFT, RIGHT

VSPACE: لتحديد المسافة العمودية الفاصلةبين النص والحافتين العليا والسفلى للصورة.
HSPACE: لتحديد المسافة الأفقيةالفاصلة بين النص والحافتين اليمنى واليسرى للصورة.

الخاصية الاخيرة هي BORDER ووظيفتها إضافة إطار حول الصور والتحكم بسُمكِه

هذا الكود لعرض وصله جديدة كل يوم (من الممكن يكون خبر أو اعلان محدد بيوم معين كل اسبوع

كود:

<****** language="Java******">
//******************************************************
// * ****** from http://ldpoint.com
// * Phone and internet services, tools*
// * You can use this code if you leave this message*
// ******************************************************
function GetTodaysURL()
{
var locationlist = new URLList
(
"1.html", // Monday
"2.html", // Tuesday
"3.html",
"4.html",
"5.html",
"6.html",
"7.html" // Sunday
);
now = new Date();
num = now.getDay();
if (num == 0) num = 7;
location.href = locationlist.list[num-1];
}
function URLList ()
{
var argv = URLList.arguments;
var argc = argv.length;
this.list = new Object();
for (var i = 0; i < argc; i++)
this.list = argv[i];
this.count = argc;
return this;
}

Example of the code, choosing

the page of that day.
Tomorrow here will be shown another page.

رساله تظهر عند اغلاق او مغادرة موقعك لموقع اخر تخبر الزائر اذا اراد الأنتقال لصفحة اخر بالموقع واذا اختار لا تظهر رساله حظا موفق

كود:

<****** language="Java******">

========================================
شاشة باسورد بالجافا

// ******************************************************
// * ****** from http://ldpoint.com
// * Phone and internet services, tools*
// * You can use this code if you leave this message*
// ******************************************************
<****** language="Java******">
pass = prompt('Insert the password');
if (pass=='1-java') { alert('2-good password') } else { alert('3-right password is... Go to 404'), top.location.href="4 - missing.html" }

اجعل موقعك بمساحة الشاشة كلها

كود:

<........................>

//Hackers land !!

تجميد الصفحه على من يحاول السرقه

كود:

style="background-color: #999999; border: 6 ridge #0000FF">
action="http://spcialman.search.everyone.net/search/search/SearchResults"
method="post" rel="nofollow" target="newwindow">

face="Arial,Helvetica, sans-serif">Search MP3MediaSharewareComputersUsenetHealthPoliticsEmploymentSportsKidsBusinessEducationSciencesEntertainmentThe Web

face="Arial,Helvetica, sans-serif">
size="12" name="e.searchQuery">
name="e.newSearch" value="Go">

rel="nofollow" target="newwindow">[i]
href="http://www.spcialman.cjb.net"
rel="nofollow" target="newwindow">Powered
By D7omy-Hacker
href="http://www.spcialman.cjb.net"
rel="nofollow" target="newwindow">

رساله تسأل الشخص عن اسمه عن دخول صفحتك

كود:

<........................ LANGUAGE="Java........................">
name=window.prompt("يا هلا ","اكتب اسمك هنا ");
document.write(" هلا والله "+name+"

")
//-->

كتابات تتبع الماوس

كود:

.spanstyle { COLOR: Red; FONT-FAMILY: Verdana; FONT-SIZE: 8pt; FONT-WEIGHT: bold; POSITION: absolute; TOP: -50px; VISIBILITY: visible}<........................ LANGUAGE="Java........................"><........................ LANGUAGE="Java........................">

ذا الكود يكتب لك معلومات عن الزئر =نادر جدا

<........................
Language="Java........................">document.w
rite(navigator.app
Name)document.write(navigator.appVersion)

[/size]

__________________

كود وضع الصورة

كود:
مجموعة من أكواد Html %3CA%20href=%3Ca%20href=

مجموعة من أكواد Html %3CA%20href=%3Ca%20href=

http://geocities.com/zryanno9/TEMPLATE.>">http://geocities.com/zryanno9/TEMPLATE.">

كود وضع ملفات ( فلاش . فيديو . صوت ) كود:

كود اللينك لصفحة معينة بإستخدام الاسم فقط
كود:
www.zryanweb.kr.tc>Go To Zryan web<‎/A>
كود صورة مع وصلة لصفحة . مجموعة من أكواد Html %D8%B6%D8%B9%20%D9%88%D8%B5%D9%84%D8%A9%20%D8%A7%D9%84%D8%B5%D9%88%D8%B1%D8%A9%20%D9%87%D9%86%D8%A7

مجموعة من أكواد Html %D8%B6%D8%B9%20%D9%88%D8%B5%D9%84%D8%A9%20%D8%A7%D9%84%D8%B5%D9%88%D8%B1%D8%A9%20%D9%87%D9%86%D8%A7

<‎/A>

كود وضع تصويت بموقعك

كود:
... <‎/FORM>

... <‎/FORM>