I-HTML Introduction :
مدخل أشتميل---
1-What is HTML?
اشنو هو اشتيمل---
HTML is the standard markup language for creating Web pages.• HTML stands for Hyper Text Markup Language
• HTML describes the structure of Web pages using markup
• HTML elements are the building blocks of HTML pages
• HTML elements are represented by tags
• HTML tags label pieces of content such as "heading", "paragraph", "table", and so on
• Browsers do not display the HTML tags, but use them to render the content of the page
باختصار كاع من هادشي هو لغة وصفية لصفحات الويب
2-A Simple HTML Document :
مثال بسيط على اشتيمل : كتبوا في النوت باد ومن بعد دير تنفيذ
Example :
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>
</html>
• The <!DOCTYPE html> declaration defines this document to be HTML5
هاد الدوك تايب اشتيمل هو باش كنبداو فلأول
• The <html> element is the root element of an HTML page
هاذ العنصر هو المحرك ديال دوكيمونت كاملة
• The <head> element contains meta information about the document
الوجه ديال اشتيمل كانديكلاريو فيه شي معلومات اساسية بحال : العنوان وترميز الصفحة
• The <title> element specifies a title for the document
هادا هو عنوان الصفحة
• The <body> element contains the visible page content
الكرش أو الجسم اللي فيه كاع الأكواد ديال الصفحة
• The <h1> element defines a large heading
هاد الإتش وان كيمثل عنوان كبير فالصفحة
• The <p> element defines a paragraph
هاد العنصر الى بغا يعمل فقرة كبيرة
3-HTML Tags :
أوسام اشتيمل ---
HTML tags are element names surrounded by angle brackets:
<tagname>content goes here...</tagname>
• <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, but with a forward slash inserted before the tag name .
الفرق بين وسم البداية والنهاية هو الأنتي سلاش
• <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, but with a forward slash inserted before the tag name .
• The start tag is also called the opening tag, and the end tag the closing tag.
هاذ ثلاث أفكار أخيرة هم اختصار لما سبق,,,
4-The <!DOCTYPE> Declaration :
كيفاش نديكلاري اشتيميل---
The <!DOCTYPE> declaration represents the document type, and helps browsers to display web pages correctly.
It must only appear once, at the top of the page (before any HTML tags).
The <!DOCTYPE> declaration is not case sensitive.
The <!DOCTYPE> declaration for HTML is: < !DOCTYPE html> .
5-HTML Versions :
كيفاش بدا اشتيمل في التطور---
Since the early days of the web, there have been many versions of HTML:
version year
HTML 1991
HTML 2.0 1995
HTML 3.2 1997
HTML 4.01 1999
XHTML 2000
HTML5 2014
دابا المطورين خدامين ب النسخة الجديدة اشتيمل 5
نشوفكم في الجزء الثاني من الدورة إن شاء الله ...
مدخل أشتميل---
1-What is HTML?
اشنو هو اشتيمل---
HTML is the standard markup language for creating Web pages.• HTML stands for Hyper Text Markup Language
• HTML describes the structure of Web pages using markup
• HTML elements are the building blocks of HTML pages
• HTML elements are represented by tags
• HTML tags label pieces of content such as "heading", "paragraph", "table", and so on
• Browsers do not display the HTML tags, but use them to render the content of the page
باختصار كاع من هادشي هو لغة وصفية لصفحات الويب
2-A Simple HTML Document :
مثال بسيط على اشتيمل : كتبوا في النوت باد ومن بعد دير تنفيذ
Example :
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>
</html>
• The <!DOCTYPE html> declaration defines this document to be HTML5
هاد الدوك تايب اشتيمل هو باش كنبداو فلأول
• The <html> element is the root element of an HTML page
هاذ العنصر هو المحرك ديال دوكيمونت كاملة
• The <head> element contains meta information about the document
الوجه ديال اشتيمل كانديكلاريو فيه شي معلومات اساسية بحال : العنوان وترميز الصفحة
• The <title> element specifies a title for the document
هادا هو عنوان الصفحة
• The <body> element contains the visible page content
الكرش أو الجسم اللي فيه كاع الأكواد ديال الصفحة
• The <h1> element defines a large heading
هاد الإتش وان كيمثل عنوان كبير فالصفحة
• The <p> element defines a paragraph
هاد العنصر الى بغا يعمل فقرة كبيرة
3-HTML Tags :
أوسام اشتيمل ---
HTML tags are element names surrounded by angle brackets:
<tagname>content goes here...</tagname>
• <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, but with a forward slash inserted before the tag name .
الفرق بين وسم البداية والنهاية هو الأنتي سلاش
• <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, but with a forward slash inserted before the tag name .
• The start tag is also called the opening tag, and the end tag the closing tag.
هاذ ثلاث أفكار أخيرة هم اختصار لما سبق,,,
4-The <!DOCTYPE> Declaration :
كيفاش نديكلاري اشتيميل---
The <!DOCTYPE> declaration represents the document type, and helps browsers to display web pages correctly.
It must only appear once, at the top of the page (before any HTML tags).
The <!DOCTYPE> declaration is not case sensitive.
The <!DOCTYPE> declaration for HTML is: < !DOCTYPE html> .
5-HTML Versions :
كيفاش بدا اشتيمل في التطور---
Since the early days of the web, there have been many versions of HTML:
version year
HTML 1991
HTML 2.0 1995
HTML 3.2 1997
HTML 4.01 1999
XHTML 2000
HTML5 2014
دابا المطورين خدامين ب النسخة الجديدة اشتيمل 5
نشوفكم في الجزء الثاني من الدورة إن شاء الله ...
