‏إظهار الرسائل ذات التسميات HTML. إظهار كافة الرسائل
‏إظهار الرسائل ذات التسميات HTML. إظهار كافة الرسائل
الجمعة، 1 يناير 2016

WebSite 2016

في وقت محدد يحصل تغيير بالصفحة ;-)


الكود الخاص بالساعة بالجافا سكربت ;-) لاستمرر عرض الساعة مع كل ثانية :-
        <script type="text/javascript">
 function startTime()
        {
            var d = new Date();
            var h = d.getHours();
            var m = d.getMinutes();
            var s = d.getSeconds();
          
            m = checktime(m);
            s = checktime(s);
            document.getElementById('txt').innerHTML = h + ":" + m + ":" + s;
            t = setTimeout('startTime()', 500);
        }
        function checktime(i)
        {
            if(i<10)
            {
                i = "0" + i;
            }
            return i;
        }
        </script>

لمشاهد تغيير الصفحة عن حلول عام 2016 عند الساعة 00:00:00  :-



11:41 ص
اقرأ المزيد
مرسلة بواسطة في 11:41 ص 0 التعليقات
الاثنين، 22 يونيو 2015

Review about HTML مراجعة عن 

<!DOCTYPE html>
<html>
<head lang="en">

    <meta charset="utf-8">
    <meta name="description" content="this site for learn " />
    <meta name="keywords" content="arduino, Assembly, HTML, العاب, اندرويد, برامج, برمجة, تصميم, جافا, حماية, خدع واسرار, معلومات" />
    <link type="text/css" href="css/site.css" />
    <link type="text/javascript" href="js/site.js" />
    <script>
        function void_main(){
        }
    </script>
    <script src="js.js"></script>
    <style>
        body{
        }
    </style>
    <title>my first website</title>
</head>
<body>

<h1>Heading 1</h1>
<h2>h2</h2>
<p>this is <em>bold </em>text</p>
<p>this is <sub>subscript</sub> and e <sup>3</sup></p>
<a href="ahmedtechno.blogspot.com" target="_blank">linink text</a>
<a href="#"> link </a>
<p></p><img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQ0o6Y-JhxyGVAwvLTpBy367YwO8toefQ7rcjCCmdnApM4W42xfT6Xl3Sxz" alt="iqite" title="ahmed" width="500" height="500"/></p>

<table border="2" width="75%" cellpadding="5" cellspacing="10">
    <tr>
        <th> header 0</th>
        <th> header 1</th>
        <th> header 2</th>
        <th> header 3</th>
    </tr>
    <tr>
        <td>row1 col1</td>
        <td>row1 clo2</td>
        <td colspan="2">row1 clo2</td>
    </tr>
    <tr>
        <td>row2 col1</td>
        <td>row2 clo2</td>
        <td>row2 clo2</td>
        <td>row2 clo3</td>
    </tr>
</table>

<a href="http://www.uotechnology.edu.iq/ce/index.htm" target="i">ahmed</a>
<iframe name="i" src="http://ahmedtechno.blogspot.com/" width="100%" height="100%" frameborder="0" ></iframe>
<ul>
    <li>item 1</li>
    <li>item 2</li>
</ul>

<ol>
    <li>item 1</li>
    <li>item 2</li>
    <li><a href="http://www.youtube.com" target="_blank">item 2</a></li>
</ol>

<dl>
    <dt> fruits</dt>
    <dd>apple, banan ,orange</dd>
</dl>

<form name="f" enctype="application/x-www-form-urlencoded" action="somepage.php" method="get">
  <fieldset>
      <legend>login information </legend>
    <input type="text" name="username" placeholder="enter username" maxlength="10"/>
    <input type="password" name="password" placeholder="enter password" />
  </fieldset>

    <br/>
    <textarea name="information" placeholder="enter information" ></textarea>
    <br/>
    <input type="radio" name="rb1" value="1"/> radio button
    <input type="radio" name="rb1" value="81"/> radio button
    <br/>
    <input type="checkbox" name="cb1" value="1" /> checkbox1
    <input type="checkbox" name="cb1" value="1" /> checkbox2
    <br/>
    <select name="select">
        <option value="1990"/>1990
        <option value="1999"/>1999
        <option value="2000"/>2000
    </select>
    <br/>
    <input type="file" name="file" />
    <br/>
    <input type="submit" name="go" value="Register"/>

</form>

<video width="400" height="400" controls>
    <source src="https://www.youtube.com/watch?v=Dk5aWDGfLH4" type="video/mp4" >
</video>
<audio controls>
    <source src="audio.mp3" type="audio/mp3"  >
</audio>
</body>
</html>
my first website

Heading 1

h2

this is bold text
this is subscript and e 3
linink text link
iqite
header 0 header 1 header 2 header 3
row1 col1 row1 clo2 row1 clo2
row2 col1 row2 clo2 row2 clo2 row2 clo3
ahmed
  • item 1
  • item 2
  1. item 1
  2. item 2
  3. item 2
fruits
apple, banan ,orange
login information


radio button radio button
checkbox1 checkbox2


7:44 ص
اقرأ المزيد
مرسلة بواسطة في 7:44 ص 0 التعليقات
الثلاثاء، 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 :)
1:47 م
اقرأ المزيد
مرسلة بواسطة في 1:47 م 0 التعليقات
الاثنين، 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
6:41 ص
اقرأ المزيد
مرسلة بواسطة في 6:41 ص 0 التعليقات

الدرس التاسع في 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
ايميل
الموقع
اللون
6:24 ص
اقرأ المزيد
مرسلة بواسطة في 6:24 ص 0 التعليقات

الدرس الثامن في 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
مرحبا بكم في مدونة احمد تكنو
اسم الموقع
كلمة المرور
ما رأيك بالموقع متوسط جيد
حول الموقع
5:41 ص
اقرأ المزيد
مرسلة بواسطة في 5:41 ص 0 التعليقات
الأحد، 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:-

2:37 م
اقرأ المزيد
مرسلة بواسطة في 2:37 م 0 التعليقات
الجمعة، 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:
2:12 م
اقرأ المزيد
مرسلة بواسطة في 2:12 م 0 التعليقات

الدرس الخامس في 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:

2:04 م
اقرأ المزيد
مرسلة بواسطة في 2:04 م 0 التعليقات

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

<html>


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

<body>
<b> insert image</b> <br/>
<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 :

1:49 م
اقرأ المزيد
مرسلة بواسطة في 1:49 م 0 التعليقات

الدرس الثالث في 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:-


1:05 م
اقرأ المزيد
مرسلة بواسطة في 1:05 م 0 التعليقات
الاشتراك في: الرسائل (Atom)