ملخص تقنية تصميم صفحات الويب - الوحدة الثانية (الجزء الاول) كلية التكنولوجيا والعلوم التطبيقية جامعة القدس المفتوحة

1. 1

2. 2
>html>
>head>
>title>
this is a test webpage
>/title>
>/head>
>body>
wow, i'm writing my first webpage
>/body>
>/html>

3. 3
>>brbr>>
>html>
>head>
>title>
this is a test webpage
>/title>
>/head>
>body>
wow, >br> i'm writing my >br>
first webpage
>/body>
/html>>

4. 4
>>pp>>
>html>
>head>
>title>
this is a test webpage
>/title>
>/head>
>body>
wow, >p> i'm writing my >p>
first webpage
>/html>
>/head>

5. 5
&&nbspnbsp
>html>
>head>
>title>
this is a test webpage
> /title >
>/head>
>body>
wow,      
i'm      writing  
 
  my       first
      webpage
>/html>
>/head>

6. 6
>>fontfont<<
<font face="arial" size="6" color="#ff0000">
this font is arial, size is 6, color is red
</font>
********************************************
<font face="arial" size="+3" color="#ff0000">
this font is arial, size is +3, color is red
</font>
*********************************************
<basefont name="arial" color="#ff0000"
size="5">

7. 7
>>h1h1<<
<h1> heading 1 </h1>
<h2> heading 2 </h2>
<h3> heading 3 </h3>
<h4> heading 4 </h4>
<h5> heading 5 </h5>
<h6> heading 6 </h6>

8. 8
>>b> ><i><ub> ><i><u<<
<b><i><u>
this is a bold, italic and underlined text
</u></i></b>
**************************
>b><i><u>
this is a bold, italic and underlined text
</b> </u> </i<

9. 9

10. 10
>>olol<<
:
>ol <
> li <
>li <
> li <
>li>
</ol<
1.
2.
3.
4.

11. 11
>>ulul<<
>ul<
>li<
>li<
>li<
>li>
</ul<
•
•
•
•

12. 12
>>dldl<<
<dl>
<dt>html <dd>hyper text markup
language
<dt>www <dd>world wide web
<dt>ftp <dd>file transport protocol
<dt>gif <dd>graphical interchange
format
<dt>jpg, jpeg <dd>joint photographic
experts group
</dl>

13. 13
Images •
•JPG, JPEG
Joint Photographic Experts Group2416.7
•GIF
Graphical Interchange Format265JPGGIF
Transparent ImagesAnimated Gifs.
JPG
GIF

14. 14
>>imgimg<<
<img src=" ../images/flower.jpg">
<img src=“flower.jpg” alt=“this is
flower”>
<img src=“flower.jpg” border=“1”>
<img src=" flower.jpg" height="70"
width="120">
<img src=" flower.jpg" align="right">

15. 15
>>aa<<
<a href="http://www.sakhr.com">go to
sakhr</a>…
<a href="http://www.sakhr.com"><img
src="sakhrlgo.gif"></a>…
<a href=“moon@yahoo.com"> email me
</a>….
<a name=“top”></a>
…
.…
<a href =“#top”>top of page</a>

16. 16
>>tabletable<<
<table>
<tr>
<td/> data <td>
/td>> data <td>
</tr>
<tr>
<td/> data <<td
/td>> data <td>
</tr>
<tr>
</td> data <<td
td>/> data <td>
</tr>
</table>

17. 17
>>tabletable<<
<table border="1">
<tr>
</td><td>
</td><td>
</tr>
<tr>
</td><td>
</td><td>
</tr>
</table>

18. 18
>>tabletable<<
<table border=“4”>
<tr>
</th><th>
</th><th>
</tr>
<tr>
</td>11<td>
</td>12<td>
</tr>
<tr>
</td>21<td>
</td>22<td>
</tr>
</table>