23 – مراجعة سريعة

بسم الله الرحمن الرحيم اليوم لدينا مراجعه سريعه لما تعلمنا في الدروس السابقة ليس لدينا اي شئ جديد . تمهيدا للتطرق للجزء الاخير من HTML وانهاء الدورة

طريقة بناء وثيقة html

<!DOCTYPE html>
 <html>
 <head>
 <title>Title of document goes here</title>
 </head> 
<body>
 text here
 </body> 
</html>

http://wp.me/p1wPdI-2d

الوسوم الاساسية

<h1>Largest Heading</h1>
<h2> . . . </h2>
<h3> . . . </h3>
<h4> . . . </h4>
<h5> . . . </h5>
<h6>Smallest Heading</h6>
<p>This is a paragraph.</p>
<br> (line break)
<hr> (horizontal rule)
<!-- This is a comment -->

تنسيق النصوص

<b>Bold text</b>
<em>Emphasized text</em>
<i>Italic text</i>
<small>Smaller text</small>
<strong>Important text</strong>
<del> (deleted text)
<ins> (inserted text)
<sub> (subscripted text)
<sup> (superscripted text)

الروابط

Ordinary link: <a href="http://www.example.com/">Link-text goes here</a>
Image-link: <a href="http://www.example.com/"><img alt="Alternate Text" src="URL" /></a>
Mailto link: <a href="mailto:webmaster@example.com">Send e-mail</a>
Bookmark:
<a id="tips"></a>Tips Section
<a href="#tips">Jump to the Tips Section</a>

الصور

<img alt="Alternate Text" src="URL" width="42" height="42" />

css .. التقسيم

<style type="text/css">
  h1 {color:red;}
  p {color:blue;}
</style>
<div>A block-level section in a document</div>
<span>An inline section in a document</span>

القوائم

Unordered list
<ul>
<li>Item</li>
<li>Item</li>
</ul>
Ordered list
<ol>
<li>First item</li>
<li>Second item</li>
</ol>
Definition list
<dl>
<dt>Item 1</dt>
<dd>Describe item 1</dd>
<dt>Item 2</dt>
<dd>Describe item 2</dd>
</dl>

الجداول

<table border="1">
<tr>
<th>table header</th>
<th>table header</th>
</tr>
<tr>
<td>table data</td>
<td>table data</td>
</tr>
</table>

الاطارات

<iframe src="demo_iframe.htm"></iframe>

النماذج

<form action="demo_form.asp" method="post/get">
<input type="text" name="email" size="40" maxlength="50">
<input type="password">
<input type="checkbox" checked="checked">
<input type="radio" checked="checked">
<input type="submit" value="Send">
<input type="reset">
<input type="hidden">
<select>
<option>Apples</option>
<option selected="selected">Bananas</option>
<option>Cherries</option>
</select>
<textarea name="comment" rows="60" cols="20"></textarea>
</form>

Entities

 
&lt; is the same as <
&gt; is the same as >
&#169 ; is the same as ©

23 – مراجعة سريعة

شارك هذا الموضوع: