Ahmed-PC: HTML

‏إظهار الرسائل ذات التسميات HTML. إظهار كافة الرسائل

الثلاثاء، 7 أكتوبر 2014

انشاء معايدة بسيطة بمناسبة العيد ب html

يجب ان تكون تهنئة العيد مختلفة لدى مهتمين بمختلف مجالات الحاسوب من برمجة و غيرها و غير تقليدية :p كما حدث في العام السابق ( رابط الموضوع )

فابسط لغة برمجية او الاصح لغة وصفية و هي HTML يمكنك تصميم صفحة تهنئة بسيطة بمناسبة العيد عبر هذا الاسطر :(

<html>

<meta charset="UTF-8" />

<head>

<title> eid mubark </title>

</head>

<body>

<marquee bgcolor="D96500" height=80 width=45% behavior="alternate" scrollamount="20"> <font size=40> كل عام وانتم بخير </font> </marquee>

<marquee bgcolor="FAE696" height=80 width=56% behavior="alternate" scrollamount="15"> <font size=35> عيد مبارك </font> </marquee>

<marquee bgcolor="6F768E" height=80 width=60% behavior="alternate" scrollamount="25"> <font size=25> عيد سعيد </font> </marquee>

<Marquee bgcolor="B848FF"height=80 width=70% direction="right" scrollamount="5" ><font size=20> happy eid </font> </marquee>

<Marquee bgcolor="skyblack"height=80 width=80% direction="right" scrollamount="10" ><font size=15> eid mubark</font> </marquee>

<marquee bgcolor="32cd32" height=80 width=90% behavior="alternate" scrollamount="30"> <font size=10> Each year, you are okay :p</font> </marquee>

<marquee bgcolor="red" height=80 behavior="alternate" scrollamount="25"> <font size=5> Design by Ahmed Abdulkarim :) </font> </marquee>

</body>

</html>

ثم تقوم برفع الكود على اي استضافة تدعم html و اللغة العربية

و النتيجة :) :

eid mubark كل عام وانتم بخير عيد مبارك عيد سعيد happy eid eid mubark Each year, you are okay :p Design by Ahmed Abdulkarim :)

Unknown

1:47 م

اقرأ المزيد

الاثنين، 10 مارس 2014

الدرس العاشر والاخير في HTML: اضافة فديوا او الصوت

<html>
<meta charset="utf-8">
<head> <title> ahmed techno</title>
</head>
<body>
<video height="" width="" src="video .mp4" controls="controls" autoplay="true" >
رجاء تحديث الصفحة
</video>
<audio height="" width="" src="audio.mp3" controls="controls" autoplay="true">
رجاء تحديث الصفحة
</audio>
</body>
</html>

out put :-

ahmed techno

Unknown

6:41 ص

اقرأ المزيد

الدرس التاسع في HTML : اضافة خاصية الزام المستخدم بوضع @ في ايميل و .com في الموقع . و لون

<html dir="rtl">

<head> <title> test html</title> </head>

<meta charset="utf-8">

<body>

<form action="2.html" method="post">

<table border="1" align="center" width="600">

<tr>

<td> ايميل</td>

<td> <input name="" type="email" placeholder="اكتب ايميلك" required="required" > </td>

</tr>

<tr>

<td> الموقع</td>

<td> <input name="" type="url" placeholder="اكتب الموقع " required="required" > </td>

</tr>

<tr>

<td> اللون</td>

<td> <input name="" type="color" placeholder="اكتب الموقع " required="required" > </td>

</tr>

<td colspan="2"> <input name="" type="submit" value="ارسال" > </td>

</table>

</form>

</body>

</html>

Output:-

test html

Unknown

6:24 ص

اقرأ المزيد

الدرس الثامن في HTML: انشاء نموذج form

<html dir="rtl">

<meta charset="UTF-8" />

<head> <title> test html </title> </head>

<body>

<form action="http://ahmedtechno.blogspot.com/" method="post">

<table border="1" align="center" width="900">

<tr>

<td> <b>اسم الموقع</b> </td>

<td> <input type="text" value="" placeholder="هنا اسم الموقع" required="required"> </td>

</tr>

<tr>

<td> <b>كلمة المرور</b> </td>

<td> <input name="" type="password" placeholder="اادخل كلمة المرور " required="required"> </td>

</tr>

<tr>

<td> <b>ما رأيك بالموقع </b> </td>

<td> <input name="" type="checkbox" value="">متوسط

<input name="" type="radio" value="">جيد </td>

</tr>

<tr>

<td> <b> حول الموقع </b> </td>

<td> <textarea cols="50" rows="10"></textarea > </td>

</tr>

<tr>

<td colspan="2"> <input name="" type="submit" value="submit"> </td>

</tr>

<center>

<b> مرحبا بكم في مدونة احمد تكنو </b>

</center>

</table>

</form>

</body>

</html>

out put:-

test html

Unknown

5:41 ص

اقرأ المزيد

الأحد، 9 مارس 2014

الدرس السابع في HTML : الجداول

<html dir="rtl">

<meta charset="UTF-8" />

<head> <title> test html </title> </head>

<body>

<table border="1" align="center" width="900">

<tr> //table row //

<td colspan="2"> <center> <b>information about website</b> </center> </td> //table data//

</tr>

<tr>

<td> <b>اسم الموقع</b> </td>

<td> ahmed techno </td>

</tr>

<tr>

<td> <b>رابط الموقع</b> </td>

<td> <a href="http://ahmedtechno.blogspot.com/"> www.ahmedtechno.blogspot.com</a> </td>

</tr>

<center>

<b> مرحبا بكم في مدونة احمد تكنو </b>

</center>

</table>

</body>

</html>

out put:-

Unknown

2:37 م

اقرأ المزيد

الجمعة، 7 مارس 2014

الدرس السادس في HTML : كتابة باللغة العربية وتغير اتجاه الكتابة

<html>

<meta charset="UTF-8" />

<head>

<title> test html </title>

</head>

<body>

<center>

<b> مرحبا بكم في مدونة احمد تكنو </b>

</center>

</body>

</html>

output:

change direction:
<html dir="rtl"> // or <html dir="ltr">

<meta charset="UTF-8" />

<head>
<title> test html </title>
</head>
<body>

<b> مرحبا بكم في مدونة احمد تكنو </b>

</body>

</html>
output:

Unknown

2:12 م

اقرأ المزيد

الدرس الخامس في HTML : اضافة رابط

<html>

<head>

<title> texts html </title>

</head>

<body>

<a href="http://ahmedtechno.blogspot.com/2014/03/html_7.html">link for learning HTML </a>

<a href="http://ahmedtechno.blogspot.com/2014/03/html_7.html"> <img src="http://im39.gulfup.com/YHrHd.png"> </a>

<a href="http://ahmedtechno.blogspot.com/2014/03/html_7.html"target="_blank">link for learning HTML </a>

<a href="http://ahmedtechno.blogspot.com/2014/03/html_7.html" target="_blank"> <img src="http://im39.gulfup.com/YHrHd.png"> </a>

</body>

</html>

output:

Unknown

2:04 م

اقرأ المزيد

الدرس الرابع في HTML: اضافة صورة

<html>

<head>

<title> texts html </title>

</head>

<body>

<b> insert image</b> <br/>

<br/>

<img src="5fKa1.png" height="250" width="250"/>

<img src="5fKa.png" height="250" width="250"/>

<br/>

<img src="New folder/5fKa.png" height="250" width="250"/>

</body>

</html>

out put :

Unknown

1:49 م

اقرأ المزيد

الدرس الثالث في HTML: تغير لون النص والخلفية

<html>

<head>

<title> texts html </title>

</head>

<body>

<font color='yellow'> ahmed </font>

<p style="color:gray;"> computer engineering </p>

<h3 style="color:blue;"> ahmed techno </h3>

<h1 style="color:green;">university of technology</h1>

</body>

</html>

OUT PUT:-

background:

<html>

<head>
<title> texts html </title>
</head>

<body bgcolor="#000000;">// <
<p style="color:white;"> Ahmed</p>
</body>

</html>

OUT PUT:-

Unknown

1:05 م

اقرأ المزيد

الخميس، 6 مارس 2014

الدرس الثاني في html : كتابة النصوص

<html>

<head>

</head>

<body>

<p>hello world</p>

<b>hello world</b> //It is darkness

<h1>large</h1>

<h2>midum</h2>

<h3>small than before </h3>

</body>

</html>

out put :-

Unknown

11:22 ص

اقرأ المزيد

الدرس الاول في html : تحميل notepad++

السلام عليكم نبدأ اليوم ب باول درس لتعلم html فهي اختصار (HyperText Mark-up Language)
ولا تعتبر لغة برمجة كما يعتقد البعض انما هي لغة وصفية لتكوين صفحات الويب
وقبل كل شيء نبدأ بتحميل notepad++ الذي سوف يسهل عملية كتابة الكود على من امكانية كتابة الكود في text في كلا الحالتين يتم حفظه بصيغة .html لعرضه مباشرة في المتصفح

لتحميل البرنامج من الموقع الرسمي :- notepad++
.
.
انتظر 5 ثواني ثم skip

Unknown

10:53 ص

اقرأ المزيد

اسم الموقع
كلمة المرور
ما رأيك بالموقع	متوسط جيد
حول الموقع