المشاركة رقم:53
سلسلة احتراف برمجة صفحات
الويب Web Pages
Programming Tutorial
إتش تي
إم إل 5 HTML5
_________________________________
منقول ومترجم للعربية من Moved and Translated to Arabic From
http://www.w3schools.com
أساسيات HTML
HTML Basics
- مستندات HTML
كل مستندات HTML يجب أن تبدأ بتعريف النوع: <!DOCTYPE html>.
مستند HTML نفسه يبدأ بـ <html> وينتهي بـ </html>.
الجزء المخفي من مستند HTML هو بين <body> و </body>.
- HTML
Documents
All
HTML documents must start with a type declaration: <!DOCTYPE
html>.
The
HTML document itself begins with <html> and ends with </html>.
The
visible part of the HTML document is between <body> and </body>.
مثال Example
<!DOCTYPE html>
<html>
<body>
<h1>My First
Heading</h1>
<p>My First
paragraph.</p>
</body>
</html>
---------------------------------------------------------
- عناوين HTML
يتم تعريف أو الإعلان عن عناوين HTML بالوسوم من <h1> إلى <h6>
مثال
<h1>This is a heading</h1>
<h2>This is a heading</h2>
<h3>This is a heading</h3>
- HTML headings
HTML headings are defined with
the <h1> to <h6>
tags.
Example
<h1>This is a heading</h1>
<h2>This is a heading</h2>
<h3>This is a heading</h3>
---------------------------------------------------------
- الفقرات في HTML
يتم تعريف الفقرات في HTML بواسطة الوسم <p>
مثال
<p>This is a paragraph.</p>
<p>this is another paragraph.</p>
- HTML
Paragraphs
HTML paragraphs are defined
with the <p> tag.
Example
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
---------------------------------------------------------
- روابط HTML
يتم تعريف روابط HTML بواسطة الوسم <a>
مثال
<a href="http://www.w3school.com">This is a
link</a>
- HTML Links
HTML links are defined with
the <a> tag.
Example
<a href="http://www.w3schools.com">This
is a link</a>
---------------------------------------------------------
- الصور في HTML
يتم تعريف الصور في HTML بواسطة الوسم <img>
مثال
<img src="w3school.jpg"
alt="w3school.com" width="104" height="142">
- HTML Images
HTML images are defined with
the <img> tag.
Example
<img src="w3schools.jpg" alt="W3Schools.com" width="104" height="142">