Web-Design Sarkawt-2014 PDF

‫ضةزكةوت مجاه حمىد‬
facebook.com\sarkawt jamal
2014
Facebook.com\sarkawt jamal Page 1

‫‪‬‬
‫شواٌى ‪HTML‬‬
‫ٌوضيٍى ‪:‬ضةزكةوت مجاه حمىد‬
‫وشةى ‪ HTML‬كوزتكساوةى ‪Hyper Text Markup Language‬‬
‫فايمةكاٌى لةشيَوةى ٌوضيٍى ضادةُ)‪ (Plain Text‬كة ثاشطسى ‪ِhtml‬ةهَ ئةطسُ‪ ,‬ئةً فايالٌة ئةتواٌسيَت بٍوضسيَت‬
‫لةِةز بةزٌاوةيةكى ضادةى ٌووضني‪...‬لةويٍدوَش‪...‬توَ ئةتواٌيت بةزٌاوةى ‪Notepad‬لة ليٍيكظ بةكازبّيٍَيت‪.‬‬
‫شتيَكى تسيش ثيَويطتة بوَ ئةً كازة‪....‬ئةويش‪Internet Explorer‬ياُ‪Netscape Navigator‬ياُ‬
‫ِةزدووكياُ بةيةكةوة‪,‬ضوٌكة ثيَويطتت بةضةيسكسدٌى الثةزِةكة ئةبيَت دواى ٌوضيٍياُ‪.‬‬
‫ٌووضٍى تاطةكاُ بةً شيَوةية دةبيَت‪,‬تاطى كسدٌةوة و تاطى داخطنت‪,‬بوَ منووٌة‬
‫‪Facebook.com\sarkawt jamal‬‬ ‫‪Page 2‬‬

Internet:
Is an interconnection between several computers of different types
belonging to various networks all over the world.
Internet Services:
the internet is a combination of many of networks, and a large
number of database and other services, most of services can be
accessed by using web browser such as Netscape navigator or
Microsoft Explorer , web browser also provide e-mail as well as
access to mailing list.

‫‪Extensions of html uses? a.html‬‬ ‫واتة بةضى ٌاويَك خةشُ دةبيَت‬
‫بوَ دزوضتكسدٌى ثةيج بةكازدىَ وِةٌطاوى يةكةوى دزوضتكسدٌى ثةجية‪<Html> </html>………………………..‬‬
‫بوٌَاو ٌاٌى ثةجيةكة بةكازدىَ‪<Title> </title>……………………………………………………………………….‬‬
‫بوٌَوضيٍى ٌاوٌيشاٌى ٌوضساويَك بةكازديَت ……………………………‪<head></head>………………………….‬‬
‫ئةوةى لةٌيواٌى ئةوةدا دةٌوضسيَت لةثةجيةكا دةزئةكةويَ………………‪<body></body>……………………….‬‬
‫بوٌَوضني و كوٌَرتِوَلَكسدٌى ٌوضني بةكازديًت (زِةٌط و فوٌَت ‪ِ....‬تد)…………‪<p></p>……………………………….‬‬
‫بوٌَوضيٍى ٌاوٌيشاُ بوكازديَت و ٌوضيٍةكةى شوَز طةوزةو توَخة……………………………………………>‪<h1></h1‬‬
‫بوٌَوضيٍى ٌاوٌيشاُ بةكازدىَ لة(‪)1‬كالَرت و بضوكرتة‪<h2></h2>………………………..…………………………..‬‬
‫بوَ ٌوضيٍى ٌاوٌيشاُ بةكازدىَ لة(‪)2‬كالَرت و بضوكرتة……………………………………………………>‪<h3></h3‬‬
‫بوَ ٌوضيٍى ٌاوٌيشاُ بةكازدىَ لة(‪)3‬كالَرت و بضوكرتة‪<h4></h4>…………………………………………………….‬‬
‫بوَضوٌة ديَسِى تاشة بةكازدىَ كةى ويطتىاُ بضيٍة ديَسِى تاشة ئةً تاطةدا دةٌوضني…‪<br/>…………...........‬‬
‫بوَ داٌاٌى ليٍك ياُ ضايت بةكازدىَ‪<a href=www.facebook.com> this is a link </a>…………..‬‬
‫بوَ خةتكيَشاٌة بةشيَوةيةكى ئاضوَيى و يةك تاطة‪<hr>…………………………………………………………………..‬‬
‫بوٌَوضني بةكازديَت بةو شيَوةى خوَت ئةتةويَت(ضجةيظ و ضوٌة ديَسِى تاشة دادةٌيَت……………………>‪<pre></pre‬‬
‫بوَطةوزة كسدٌى ٌوضني بةكازديََ‪<b></b> & <strong></strong> & <big></big>………………..‬‬
‫بوَ الزكسدٌى ٌوضني بةكازديَت…………………………………………………………>‪<em> </em> & <i> </i‬‬
‫بوَ خةتّيٍَاُ بةذيَس ٌوضيٍة كةواٌدا بةكاز ديَت ‪<u> </u>…………………………………………………………….‬‬

‫بوَ بضوك كسدٌةوةى ٌوضني بةكازديَت………………………………………………………………>‪<small></small‬‬
‫ٌوضيٍةكة ئةباتة بةشى خوازةوة‪<sub></sub>……………………………………………………………………….‬‬
‫ٌوضيٍة كة ئةباتة بةشى ضةزةوة ‪,‬وةك تواُ…………………………………‪<sup></sup>……………………….‬‬
‫ئةطةز مباٌةويَت ٌوضيٍيَك بٍوضني ولةثةجيةكا دةزٌةكةويَت بةً شيَوة دةى ٌوضني‪<! sarkawt >…………………..‬‬

<abbr title="mathematic and computer department"> M&Cd </abbr>
‫بوَ داٌاٌى كوزتكساوةى ضةٌد وشةيةك كة واوضةكةت لةضةز زِاطست ٌاوة كة طشتى ثيشاُ بات‬

‫>‪<acronym title="as soon as posible">ASPS</acronym‬‬
‫بوَ داٌاٌى كوزتكساوةى ضةٌد وشةيةك كة واوضةكةت لةضةز زِاطست ٌاوة كة طشتى ثيشاُ بات‬
‫>‪<blockquote> consits of some .divice hardware and software </blockquote‬‬
‫يةك( تاب) واتة ضةٌد ضجةيطيَك ٌوضيٍة كة ئةبات بةزةو ثيَشةوة‬
‫كوتةيشَ بوٌَوضيٍةكة دائةٌيَت ‪,‬بةالًَ شةزت ٌية ِةوووكاتىَ بيكات‪<q> this is ashort quatation</q>..‬‬
‫بوَكيَشاٌى خةتة بة ٌاو ٌوضيٍةكةدا‪<del>SARKAWT</del>…………………………………………………..‬‬
‫بوَكيَشاٌى خةتة بة ذيَس ٌوضيٍةكةدا‪<ins>JAMAL</ins> ………………………………………………………..‬‬
‫>"‪<img scr="a.jpg"border="4"height="100"width="180"alt="sarkawt jamal‬‬
‫ئةً تاطة ضيٍطمَة ‪,‬بوَداٌاٌى زِةضي‪,‬بةً شيَوةية‪ٌ:‬اوى زِةمسةكة‪,‬فوَزِواتةكةى‪,‬ضوازضيَوةكةى‪,‬بةزشى و ثاٌى يةكةى‪.‬‬
‫‪<p><font color="blue" size="14" face="verdena">this text is blue of point size 14‬‬

‫بوَداٌاٌى زِةٌط وقةبازةو ضتاين بوَ ٌووضني ‪and font face verdena</p>……………………………………..‬‬
‫داٌاٌى ضوازضيَوةو ثاٌى خاٌةكاُ لة خشتةكةدا‪<table border="1" width="20%">……………………….‬‬
‫بوَ داٌاٌى ٌاوٌيشاٌى خاٌةكاُ‪<th>name</th> <th>age</th>……………………………………………..‬‬
‫بوَداغمَكسدٌى زِوَى يةكةً و داخطتٍةوةى……………>‪<tr> <td>sarkawt</td> <td>21</td><td> </tr‬‬
‫بوَداغمَكسدٌى زِوَى دووةً و داخطتٍةوةى……………>‪<tr><td>robinho</td><td>29</td> </tr‬‬

<body style=”background-color:powderblue;”>
‫واتة باكطساوٌدةكةى زِةٌطى شيٍى كاهَ بيَت‬
<p style="font-family:verdana;color:red">
<p style="font-family:times;color:green; font-size:30px ">
َ‫واتة با ٌوضيٍةكةواُ جوَزى فوٌَتةكةى و زِةٌطةكةى وقةبازةكةى ئةوة بيَت كة خوَواُ ديازى ئةكةي‬

‫ئةواٌةش كوَوةليَك ٌاو وِيَىاى زِةٌطةكاٌة‬

<p>create a link of an image:
<a href="www.google.com">
<img src="1.JPG"alt="google" width="32" height="32"/></a> </p>
‫لةكاتى زِةبت بووُ بة ئيٍتةزٌيَتةوة‬,‫بوَ داٌاٌى ليٍكيَك لةضةز زِةمسيَك بة كميك كسدٌى بيكاتةوة‬
<p> put a chapter of an image:

<a href="chapter two.docx">
<img src="2.JPG"alt="chapter two"width="32" height="32"/> </a></p>

‫وةك ليٍك داٌاٌةكة ية بةالًَ وَ تيَكطتيَكى ٌاو كوَوجيوتةزةكةى خوًَ داٌاوة بةكميك كسدٌى ئةى كاتةوة‬
‫بىَ بةكازِيٍَاٌى ئيٍتةز ٌيَت‬
‫>"‪<table border="1"style="font-family:verdana;font-size:14pt‬‬
‫خشتةيةك با ضوازضيَوةى ‪ 1‬وفوٌَتةكةى وقةبازةكةى ‪ 14‬بيَت‬
‫>"‪<tr bgcolor="#00FFFF‬‬ ‫باكطساوٌدى زِوَى يةكةً بازِةٌطى ثريوَشةيى بيَت‬

‫>‪<th colspan="3">sulaimani</th‬‬ ‫بةقةبازةى ضىَ كوَلَوًَ يةك خاٌة دزوضت بكة‬
‫>"‪<tr align="center‬‬ ‫ٌوضيٍةكاٌى با لة ٌاوةزِضت دابيَت‬
‫ت‪ِ:‬ةزضةٌدة وتوواٌة بة ‪3‬كوَلَوًَ يةك خاٌة ديازى بكة واتاى ئةوة ٌية كة تةٌّا بتواٌني ‪3‬خاٌة بٍوضني‬

‫خشتةيةك دزوضتكة ثاٌيةكةى ‪%44‬وضيَوةكةى ‪ 1‬بيَت >"‪<table border="1" width="40%‬‬
‫>"‪<tr> <th rowspan="2"> <th colspan="2">average<throwspan="2‬‬
‫بةقةبازةى ‪2‬زِوَ يةك خاٌة بة بةتالَى دزوضت كة‪,‬بةقةبازةى ‪2‬كوَلَوًَ خاٌةى >‪pass<br>rate</th‬‬
‫تيَكسِا دزوضت بكة‪,‬بةقةبازةى ‪2‬زِوَ خاٌةى تيَكسِاى دةزضوُ بكة‬
‫لةبةزئةوةى تةٌّا( تيَكسِا)زِوَى دوةوى بةتالَة ئةبيَتة ٌاوٌيشاٌى ئةو ‪<tr><th>oo++<th>c++‬‬
‫وةك ديازة تاطةكةواُ داٌةخطتوة بةالًَ ‪<tr><th>males<td>53.1<td>55.6<td>78%‬‬

‫كةتاطيَكى تاشة ئةٌوضني خوَى تىَ ئةطات كة ئةو تةواو بووة‬
‫>‪<tr><th>females<td>53.2<td>52.4<td>77%</tr‬‬
‫بوَكسدٌةوةى ضةٌد ثةجييَكة لة ثةجييَكدا‪Frameset ................................................‬‬

<frameset cols="25%,75%">
<frame src="Untitled-1.html"/> <frame src="sarkawt.html"/>
</frameset><noframes></noframes>

‫ٌوضني بةشيَوةى زِيص بةٌدى بةالًَ بىَ ذوازة‪<ul> unordered list..................................‬‬
‫ٌوضني بةشيَوةى زيصبةٌدى و بةذوازة ياُ ثيت‪<ol > ordered list...................................‬‬
‫بوَ ِةزيةكيَكياُ ضةٌد شيَواشيَكى ِةية‬
‫بةكازدىَ بوٌَوضيٍى ثاضوَزد ‪ password‬بةكازدىَ بوٌَوضني ‪Text‬‬
‫بوَ يةك ِةلَبرازدُ بةكازدىَ ‪ radio‬بوَ ِةلَبرازدُ بةكازدىَ ‪Checkbox‬‬

‫ئةوةش منووٌةيةكى دزوضتكساو‬
<html>
<body>
<img src="Capture.PNG" width="880" height="80" align="middle"
alt="sarkawt jamal student at math&com dep school of
basic education"><br>
<table width="400" height="80">
<tr>
<td><form name="input" action="sarkawt.html" method="get">
<input type="submit" value="home"/>

</form></td><td><form name="input" action="google.com"
method="get">
<input type="submit" value="google"/>
</form></td><td><form name="input" action="facebook.com"
method="get">
<input type="submit" value="facebook" />
</form></td>
</tr>
</table>
<table width="950" height="600" border="1">
<tr>
<td rowspan="3"><form name="input" action="sulc.com"
method="get">
first name:<input type="text" name="first name"/><br>
password:<input type="password" name="pwd"/><br>
<input type="submit" value="submit"/>
</form></td>
<td rowspan="3"><img src="22.PNG" width="320"
height="380"/></td>
<td rowspan="2">A</td><td colspan="2" align="center"> B </td><td
rowspan="2">D</td></tr>
<tr><td colspan="2" align="center"> C </td></tr>

<tr><td>18</td><td>19</td><td>20</td><td>21</td></tr>
<tr>
<td><h2>TABLE</h2><br><table border="1">
<tr><th>name</th><th>age</th><th>gender</th><th>grup</th></tr>
<tr><td>sarkawt</td><td>21</td><td>male</td><td>A</td></tr>
</table>
<td><h3>school of basic education</h3>
<ol>
<li>Computer Scince</li>
<li>Kurdish Dep</li>
<li>English Dep</li> </ol> </td>
<td colspan="4"><a href="facebook.com/sarkawt jamal"/><img
src="2013-11-07 11.17.48.jpg" width="300" height="380"></td>
</body>
</html>

‫ضوٌَيةتى داٌاٌى ظيدوَ لةٌاو ثةجيةكةواٌدا‬
‫>"‪<embed src="./Videos/Movie_0002.wmv" autostart="true" loop="true‬‬
‫تاطى ‪ embed‬بوَ داٌاٌى ظيدوَ بةكازديَت ‪ .‬بة ‪ src‬ظيدوَكة دةدوَشيٍةوة‬
‫"‪ autostart="true‬واتة باخوَى ئيش بكات‪autostart="false" .‬باخوَواُ بيخةيٍة ئيش‬
‫"‪loop="true‬واتة بادووبازة بيَتةوة ‪,‬ئةتواٌيت ذوازة داٌيَت ئةوٌةجازدووبازة بيَتةوة‪,‬دووبازةٌةبيَت‬
‫داٌاٌى ٌوضيٍى جوالَو ياُ زِةمسيَك جبولَيَت‬
‫>‪<marquee direction="left" behavior="alternate">school of b</marquee‬‬
‫تاطى‪ marquee‬بوَ جولَية‪ direction.‬بوَئازِاضتةكةيةتى‪ behavior.‬ضوَُ جبولَيَت‬
‫"‪ behavior="alternate‬بسِوات بوَ الى زِاضت و بطةزِيَتةوة بوَ الى ضةث‬

‫ بسِواتة دةزةوةو لةشويٍَى خوَيةوة دةزكةويَتةو‬behavior="scroll"
.‫بسِواتة كوَتايى ضاليدةكةو بوَضتيَت‬behavior="slide"
CELL SPACING (CONTROL THE DISTANCE BETWEEN CELLS)
ُ‫بةكازديَت بوَ ديازى كسدٌى واوةى ٌيَواُ خاٌةكا‬

CELL PADDING (CONTROL THE WHITE SPACE BETWEEN
CELL CONTENT AND THE BORDERS)
‫بوَ ديازى كسدٌى واوةى ٌيَواُ ضوازضيَوةوٌاوةزِوَكى خاٌةكة‬
DRAW A BORDER AROUND FORM
ُ‫دزوضتكسدٌى ضوازضيَوة بوَ فوَزِوةكةوا‬
ََ‫< دةتواٌني ضوازضيَوة بوَ فوَزِوةكةواُ دابٍي‬fieldset>‫لة زِيَطةى تاطى‬

:‫ٌازدُ بةً شيَوةية دةبيَت‬Email‫بوَ دزوضتكسدٌى ليٍكى‬

HTML‫بةشيَكى طسٌطى بابةتةكاٌى تيوَزى شواٌى‬
Element of the internet: A simplified hierarchical model of the internet includes

client PC’s, server computers and networks (composed of both clients and
servers).
 Clients PC’s : these are the computers that request information from
servers, client computers typically maintain intermittent (Part-time )
connection if your personal computer has access to the internet , it is
categorized as a client computer.
 A web client is the requesting program associated with the user, the web
browser in your computer is a client that request HTML file from the web
server.
 Server computer : A server is a computer that holds the file for one or
more web site , these are relatively powerful computers with a persistent
( full time) internet connection and can provide data to multiple client
computer simultaneously .
Difference between Client and server
URL assigned to (Uniform Resource Locater) that is the page’s unique worldwide
name. URLs have three parts:
1-protocol 2- Domain name 3-Document
Difference between HTTP and FTP
HTTP is the native protocol (language) of the Web.
FTP is another protocol, which is used to send files from an FTP server to a client.

HTML or Hypertext Markup Language is the language of the Web. It’s a markup
language which means it is used for identifying and formatting elements of a page
so that web browsers can render and interpret it. It is not a programming
language, however. It’s a language understood by all web browsers.
<tags> are keywords surrounded by angle brackets.
*This web page consist two main part : 1- head 2- body
*HTML document contain <html>tags and plain text.
*the documents are formatted in markup language called HTML.
*HTML consist of two lists: 1-ordered list 2-unordered list.
*HTML consist of two type of Link: 1-Relative link 2-absolut link
Create Table
<tr>‫بوَ دزوضتكسدٌى زِوَ بةكازديَت‬
<td>ُ‫بوَ دزوضت كسدٌى كوَلَوًَ ياُ خاٌةكا‬
<th >ُ‫بوَئةوخاٌاٌة بةكازدىَ كة ئةبَ بة ٌاوٌيشا‬
HTML Forms - The Input Element

 The most important form element is the input element.
 The input element is used to select user information.
 An input element can vary in many ways, depending on the type

attribute. An input element can be of type text field, checkbox,
password, radio button, submit button, and more.

:‫ئيشى ضةزةكى فوَزًِ بسيتية لة‬
1-Collect of the data 2-Send it to the sever
 The most used input types are described below.
1) Text Fields
 <input type="text" /> defines a one-line input field that a user can
enter text into:
2)Password Field
 <input type="password" /> defines a password field

3)Radio Buttons
 <input type="radio" /> defines a radio button. Radio buttons let a user
select ONLY ONE one of a limited number of choices:
4)Checkboxes
 <input type="checkbox" /> defines a checkbox. Checkboxes let a user

select ONE or MORE options of a limited number of choices.
5)Submit Button
 <input type="submit" /> defines a submit button.
 A submit button is used to send form data to a server. The data is sent to
the page specified in the form's action attribute. The file defined in the
action attribute usually does something with the received input:

difference between Text field and password field
َ‫ ئةوةى لة ثاضوَزدا ئةٌوضسيَت ٌابيٍسيَت و بةشيَوةى ئةضتيَسة دةز ئةكةوى‬,‫ئةوةى لةٌاو تيَكطتدا ئةٌوضسيَت ئةبيٍسيَت‬
difference between Radio Buttons and Checkboxes
Radio buttons let a user select ONLY ONE one of a limited number of choices.
Checkboxes let a user select ONE or MORE options of a limited number of choices.

Web-Design Sarkawt-2014 PDF

Uploaded by

Document Information

Original Title

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

Web-Design Sarkawt-2014 PDF

Uploaded by

Copyright:

Available Formats

‫ضةزكةوت مجاه حمىد‬

Facebook.com\sarkawt jamal Page 1

‫ٌوضيٍى ‪:‬ضةزكةوت مجاه حمىد‬

‫وشةى ‪ HTML‬كوزتكساوةى ‪Hyper Text Markup Language‬‬

‫لةِةز بةزٌاوةيةكى ضادةى ٌووضني‪...‬لةويٍدوَش‪...‬توَ ئةتواٌيت بةزٌاوةى ‪Notepad‬لة ليٍيكظ بةكازبّيٍَيت‪.‬‬

‫شتيَكى تسيش ثيَويطتة بوَ ئةً كازة‪....‬ئةويش‪Internet Explorer‬ياُ‪Netscape Navigator‬ياُ‬

‫ِةزدووكياُ بةيةكةوة‪,‬ضوٌكة ثيَويطتت بةضةيسكسدٌى الثةزِةكة ئةبيَت دواى ٌوضيٍياُ‪.‬‬

‫ٌووضٍى تاطةكاُ بةً شيَوةية دةبيَت‪,‬تاطى كسدٌةوة و تاطى داخطنت‪,‬بوَ منووٌة‬

‫‪Facebook.com\sarkawt jamal‬‬ ‫‪Page 2‬‬

Facebook.com\sarkawt jamal Page 5

‫بوَ دزوضتكسدٌى ثةيج بةكازدىَ وِةٌطاوى يةكةوى دزوضتكسدٌى ثةجية‪<Html> </html>………………………..‬‬

‫بوٌَاو ٌاٌى ثةجيةكة بةكازدىَ‪<Title> </title>……………………………………………………………………….‬‬

‫بوٌَوضيٍى ٌاوٌيشاٌى ٌوضساويَك بةكازديَت ……………………………‪<head></head>………………………….‬‬

‫ئةوةى لةٌيواٌى ئةوةدا دةٌوضسيَت لةثةجيةكا دةزئةكةويَ………………‪<body></body>……………………….‬‬

‫بوٌَوضني و كوٌَرتِوَلَكسدٌى ٌوضني بةكازديًت (زِةٌط و فوٌَت ‪ِ....‬تد)…………‪<p></p>……………………………….‬‬

‫بوٌَوضيٍى ٌاوٌيشاُ بوكازديَت و ٌوضيٍةكةى شوَز طةوزةو توَخة……………………………………………>‪<h1></h1‬‬

‫بوٌَوضيٍى ٌاوٌيشاُ بةكازدىَ لة(‪)1‬كالَرت و بضوكرتة‪<h2></h2>………………………..…………………………..‬‬

‫بوَ ٌوضيٍى ٌاوٌيشاُ بةكازدىَ لة(‪)2‬كالَرت و بضوكرتة……………………………………………………>‪<h3></h3‬‬

‫بوَ ٌوضيٍى ٌاوٌيشاُ بةكازدىَ لة(‪)3‬كالَرت و بضوكرتة‪<h4></h4>…………………………………………………….‬‬

‫بوَ ٌوضيٍى ٌاوٌيشاُ بةكازدىَ لة(‪)4‬كالَرت و بضوكرتة‪<h5></h5>…………………………………………………….‬‬

‫بوَ ٌوضيٍى ٌاوٌيشاُ بةكازدىَ لة(‪)5‬كالَرت و بضوكرتة‪<h6></h6>…………………………………………………….‬‬

‫بوَ خةتكيَشاٌة بةشيَوةيةكى ئاضوَيى و يةك تاطة‪<hr>…………………………………………………………………..‬‬

‫بوَطةوزة كسدٌى ٌوضني بةكازديََ‪<b></b> & <strong></strong> & <big></big>………………..‬‬

‫بوَ الزكسدٌى ٌوضني بةكازديَت…………………………………………………………>‪<em> </em> & <i> </i‬‬

‫بوَ خةتّيٍَاُ بةذيَس ٌوضيٍة كةواٌدا بةكاز ديَت ‪<u> </u>…………………………………………………………….‬‬

‫‪Facebook.com\sarkawt jamal‬‬ ‫‪Page 6‬‬

‫ٌوضيٍةكة ئةباتة بةشى خوازةوة‪<sub></sub>……………………………………………………………………….‬‬

‫ٌوضيٍة كة ئةباتة بةشى ضةزةوة ‪,‬وةك تواُ…………………………………‪<sup></sup>……………………….‬‬

‫‪Facebook.com\sarkawt jamal‬‬ ‫‪Page 7‬‬

Facebook.com\sarkawt jamal Page 9

‫>‪<blockquote> consits of some .divice hardware and software </blockquote‬‬

‫يةك( تاب) واتة ضةٌد ضجةيطيَك ٌوضيٍة كة ئةبات بةزةو ثيَشةوة‬

‫بوَكيَشاٌى خةتة بة ٌاو ٌوضيٍةكةدا‪<del>SARKAWT</del>…………………………………………………..‬‬

‫بوَكيَشاٌى خةتة بة ذيَس ٌوضيٍةكةدا‪<ins>JAMAL</ins> ………………………………………………………..‬‬

‫>"‪<img scr="a.jpg"border="4"height="100"width="180"alt="sarkawt jamal‬‬

‫ئةً تاطة ضيٍطمَة ‪,‬بوَداٌاٌى زِةضي‪,‬بةً شيَوةية‪ٌ:‬اوى زِةمسةكة‪,‬فوَزِواتةكةى‪,‬ضوازضيَوةكةى‪,‬بةزشى و ثاٌى يةكةى‪.‬‬

‫‪<p><font color="blue" size="14" face="verdena">this text is blue of point size 14‬‬

‫داٌاٌى ضوازضيَوةو ثاٌى خاٌةكاُ لة خشتةكةدا‪<table border="1" width="20%">……………………….‬‬

‫بوَ داٌاٌى ٌاوٌيشاٌى خاٌةكاُ‪<th>name</th> <th>age</th>……………………………………………..‬‬

‫بوَداغمَكسدٌى زِوَى يةكةً و داخطتٍةوةى……………>‪<tr> <td>sarkawt</td> <td>21</td><td> </tr‬‬

‫بوَداغمَكسدٌى زِوَى دووةً و داخطتٍةوةى……………>‪<tr><td>robinho</td><td>29</td> </tr‬‬

‫‪Facebook.com\sarkawt jamal‬‬ ‫‪Page 10‬‬

Facebook.com\sarkawt jamal Page 13

Facebook.com\sarkawt jamal Page 14

<p> put a chapter of an image:

Facebook.com\sarkawt jamal Page 15

‫خشتةيةك با ضوازضيَوةى ‪ 1‬وفوٌَتةكةى وقةبازةكةى ‪ 14‬بيَت‬

‫>"‪<tr bgcolor="#00FFFF‬‬ ‫باكطساوٌدى زِوَى يةكةً بازِةٌطى ثريوَشةيى بيَت‬

‫>"‪<tr align="center‬‬ ‫ٌوضيٍةكاٌى با لة ٌاوةزِضت دابيَت‬

‫‪Facebook.com\sarkawt jamal‬‬ ‫‪Page 16‬‬

‫لةبةزئةوةى تةٌّا( تيَكسِا)زِوَى دوةوى بةتالَة ئةبيَتة ٌاوٌيشاٌى ئةو ‪<tr><th>oo++<th>c++‬‬

‫وةك ديازة تاطةكةواُ داٌةخطتوة بةالًَ ‪<tr><th>males<td>53.1<td>55.6<td>78%‬‬

‫بوَكسدٌةوةى ضةٌد ثةجييَكة لة ثةجييَكدا‪Frameset ................................................‬‬

Facebook.com\sarkawt jamal Page 19

‫ٌوضني بةشيَوةى زيصبةٌدى و بةذوازة ياُ ثيت‪<ol > ordered list...................................‬‬

‫بوَ ِةزيةكيَكياُ ضةٌد شيَواشيَكى ِةية‬

‫بةكازدىَ بوٌَوضيٍى ثاضوَزد ‪ password‬بةكازدىَ بوٌَوضني ‪Text‬‬

‫بوَ يةك ِةلَبرازدُ بةكازدىَ ‪ radio‬بوَ ِةلَبرازدُ بةكازدىَ ‪Checkbox‬‬

‫‪Facebook.com\sarkawt jamal‬‬ ‫‪Page 20‬‬

Facebook.com\sarkawt jamal Page 21

Facebook.com\sarkawt jamal Page 22

Facebook.com\sarkawt jamal Page 23

‫>"‪<embed src="./Videos/Movie_0002.wmv" autostart="true" loop="true‬‬