المشاركة رقم:51
سلسلة احتراف برمجة صفحات الويب Web Pages Programming
Tutorial
إتش تي
إم إل HTML5
_________________________________
منقول ومترجم للعربية من Moved and Translated to Arabic From
http://www.w3schools.com
مقدمة إلى HTML5
HTML5 Introduction
- مثال HTML Example
<!DOCTYPE html>
<html>
<body>
<h1>My First Heading</h1>
<p>my first paragraph.</p>
</body>
</html>
---------------------------------------------------------
-
توضيح المثال.
* كلمة DOCTYPE يتم من خلالها تحديد نوع المستند والإعلان عنه أو تحديده
* النص بين <html> و </html> يصف صفحة الويب
* النص بين <body> و </body> هو الجزء المخفي من الصفحة أو ما يتم خلف الكواليس عند تشغيل
الصفحة
* النص بين <h1> و </h1> يُعرض كعنوان
* النص بين <p> و </p1> يُعرض كفقرة
- Example
Explained
* The DOCTYPE declaration defines
the document type
* The text between
<html> and </html> describes the web page
*The text between <body>
and </body> is the visible page content
* The text between <h1>
and </h1> is displayed as a heading
*The text between <p>
and </p> is displayed as a paragraph
- ملاحظة : التصريح <DOCTYPE
html> يعني ان المستند من نوع HTML5
Note: The <!DOCTYPE html>
declaration is the doctype for HTML5.
---------------------------------------------------------
- ما هي الـ HTML
* HTML هي لغة لوصف
صفحات الويب
* لغة النصوص التشعبية أو لغة توصيف النصوص المترابطة (إتش تي إم إل HTML)
* HTML هي لغة ترميز
أو توصيف
* لغة الترميز أو التوصيف هي مجموعة من الوسوم
* الوسوم تصف محتويات المستند
* مستند HTML يحتوي على وسوم ونص صريح
* مستند HTML يُدعى أيضاً صفحة ويب
- What is
HTML?
* HTML is a language for
describing web pages.
* HTML stands
for Hyper Text Markup Language
* HTML is
a markup language
* A markup language is a set
of markup tags
* The
tags describe document content
* HTML documents
contain HTML tags and plain text
* HTML documents are also
called web pages
---------------------------------------------------------
- وسوم HTML
عادة ما تسمى وسوم HTML وسوم ترميز HTML
* وسوم HTML هي كلمات مفتاحيه (أسماء الوسوم) محاطة بأقواس زاوية مثل <html>
* في العادة تكون الوسوم مزدوجة مثل </p> و <p>
* الوسم الأول في الزوج هو وسم البداية، والثاني هو وسم النهاية
* وسم النهاية يكتب مثل وسم البداية، مضاف إليه خط مائل قبل اسم الوسم
* وسوم البداية والنهاية تدعى أيضا الوسوم المفتوحة و الوسوم المغلقة
- HTML Tags
HTML markup tags are usually
called HTML tags.
* HTML tags are keywords (tag
names) surrounded by angle brackets like <html>
* HTML tags normally come
in pairs like <p> and </p>
* The first tag in a pair is
the start tag, the second tag is the end tag
* The end tag is written like
the start tag, with a slash before the tag name
* Start and end tags are also
called opening tags and closing tags
---------------------------------------------------------
<tag name>content</tag
name>
---------------------------------------------------------
- عناصر HTML
معظم عناصر HTML تكتب مع وسم البداية (مثل <p>) ومع وسم النهاية (مثل </p>) مع تضمين
المحتويات بينهما
- HTML
Elements
In
HTML, most elements are written with a start tag (e.g. <p>) and an end
tag (e.g. </p>), with the content in between.
<p>This is paragraph.</p>
---------------------------------------------------------
- متصفحات الويب
الهدف من متصفحات الويب (مثل Google Chrome، Internet Explorer، Firefox، Safari) هو لقراءة مستندات HTML وعرضها كصفحات ويب.
متصفح الويب لا يعرض وسوم HTML، لكنه يستخدم الوسوم لتحديد لكيفية عرض/تقديم محتويات HTML للمستخدم
- Web
Browsers
The
purpose of a web browser (such as Google Chrome, Internet Explorer, Firefox,
Safari) is to read HTML documents and display them as web pages.
The
browser does not display the HTML tags, but uses the tags to determine how the
content of the HTML page is to be presented/displayed to the user.
---------------------------------------------------------
- تركيب صفحة HTML
في الأسفل وصف تصوري لتركيب صفحة HTML:
- HTML Page
Structure
Below
is a visualization of an HTML page structure:
---------------------------------------------------------
- إصدارات HTML
منذ الأيام الأولى للويب، هناك بضعة إصدارات من HTML:
- HTML
Versions
Since
the early days of the web, there have been many versions of HTML:
---------------------------------------------------------
- التصريح <!DOCTYPE>
التصريح <!DOCTYE> يسهل على المتصفح لعرض صفحة الويب بشكل أفضل.
هناك العديد من صفحات الويب المتنوعة، ويستطيع المتصفح فقط عرض صفحة HTML بشكل صحيح
100% إذا كان يعرف إصدار ونوع HTML المستعمل.
- The <!DOCTYPE>
Declaration
The
<!DOCTYPE> declaration helps the browser to display a web page correctly.
There
are many different documents on the web, and a browser can only display an HTML
page 100% correctly if it knows the HTML version and type used.
---------------------------------------------------------
- التصاريح الشائعة Common
Declarations
---------------------------------------------------------
ليست هناك تعليقات:
إرسال تعليق