<!DOCTYPE html>
يحدد بيان وثيقه html5
يكون بدايه الصفحه ب
<html>
ولها تاج قفل لا ننساه
</html>
<head>
يحتوي عن المعلومات الوصفيه للصفحه
تاج القفل
</head>
<title></title>
يظهر غي شريط عنوان المتصفح
يكون داخل تاج ال head
<body></body>
العنصر الاساسي للصفحه
مثل العناوين و الفقرات والصور الخ..
<h1>
<h2>
<h3>
<h4>
<h5>
يحدد حجم العنصر من كبير الي صغير
<p></p>
لكتابه الفقرات
مثال
<p>
my frist paragraph
</P>
out:
my frist paragraph
مثلا نريد عمل مسافات
<p>
my
frist
paragraph
</p>
لو عمل هكذا لن يحدث مسافات سيكون المخرج هكذا
my frist paragraph
الطريقه الصحيحه نقوم باستخدام
<br>
هكذا
<p>
my <br> frist <br> paragraph
</p>
out:
my
frist
paragraph
استدعاء الصور
وهو من وسم
<img>
وليس له وسم اغلاق
<img src="photo.jpg" alt="photo" >
src مكان استدعاء الصورة
photo.jpg
اسم الصورة
مثلا الصورة داخل مجلد اسمه image
نستدعيها هكذا
<img src="image/photo.jpg">
وهكذا
alt
هكذا مثلا لو متصفحك لا يستطيع تحميل الصورة او حدث شي بالصورة يظهرلك لك كلمه photo الذي كتبتها
alt="photo"
الارتباط التشعبي
وسم
<a></a>
واختصار لكلمه
achor
يعني مرسل
مثال:
<a href="https://google.com" > google <a>
out:
سيكون مكتوب كلمه
google
وتحتها خط ازرق تضغط عليها تفتح goole
في نفس ال tab الي انت فيه
واذا تريد الرابط يفتح في tab اخر تستخدم _blank
هكذا
<a href="https://google.com" target="_blank"> google <a>
ووسم <a>
يستخدم في شي اخر
مثال
<!DOCTYPE html>
<html>
<head>
<title>test</title>
</head>
<body>
<a href="#new"> chapter1 </a>
<a href="#new1"> chapter2 </a>
<h1>chapter 1<h1>
<P id="new">my frist paragraph</p>
<P>my frist paragraph</p>
<P>my frist paragraph</p>
<P>my frist paragraph</p>
<P>my frist paragraph</p>
<P>my frist paragraph</p>
<h1>chapter 2<h1>
<P id="new1">my frist paragraph</p>
<P>my frist paragraph</p>
<P>my frist paragraph</p>
<P>my frist paragraph</p>
<P>my frist paragraph</p>
<P>my frist paragraph</p>
<P>my frist paragraph</p>
</body>
</html>
عند تشغيله سيكون
مكتوب chpter1
chpter2
عند الضغط عليه ينقلك لهم
نتكلم عن الترميز العالمي
utf-8
الذي يدعم اللغه العربيه واللغه الانجليزية
يكون في وسم head
<head>
<meta charset="utf-8">
والنوع التاني يكون تحت الاسم عند البحث في الموقع يكون في الوصف
<meta name="descripion" contect="my frist project" >
نتكلم علي
link
لربط الصفحه بملف اخر
مثل css
<link rel="stylesheet" href="*">
مكان علامه *
نكتب الملف
نتكلم عن ال commant
<!--
هنا نكتب التعليق ولا يظهر في صفحة الويب
-->
#Html
@codedevelopment
يحدد بيان وثيقه html5
يكون بدايه الصفحه ب
<html>
ولها تاج قفل لا ننساه
</html>
<head>
يحتوي عن المعلومات الوصفيه للصفحه
تاج القفل
</head>
<title></title>
يظهر غي شريط عنوان المتصفح
يكون داخل تاج ال head
<body></body>
العنصر الاساسي للصفحه
مثل العناوين و الفقرات والصور الخ..
<h1>
<h2>
<h3>
<h4>
<h5>
يحدد حجم العنصر من كبير الي صغير
<p></p>
لكتابه الفقرات
مثال
<p>
my frist paragraph
</P>
out:
my frist paragraph
مثلا نريد عمل مسافات
<p>
my
frist
paragraph
</p>
لو عمل هكذا لن يحدث مسافات سيكون المخرج هكذا
my frist paragraph
الطريقه الصحيحه نقوم باستخدام
<br>
هكذا
<p>
my <br> frist <br> paragraph
</p>
out:
my
frist
paragraph
استدعاء الصور
وهو من وسم
<img>
وليس له وسم اغلاق
<img src="photo.jpg" alt="photo" >
src مكان استدعاء الصورة
photo.jpg
اسم الصورة
مثلا الصورة داخل مجلد اسمه image
نستدعيها هكذا
<img src="image/photo.jpg">
وهكذا
alt
هكذا مثلا لو متصفحك لا يستطيع تحميل الصورة او حدث شي بالصورة يظهرلك لك كلمه photo الذي كتبتها
alt="photo"
الارتباط التشعبي
وسم
<a></a>
واختصار لكلمه
achor
يعني مرسل
مثال:
<a href="https://google.com" > google <a>
out:
سيكون مكتوب كلمه
وتحتها خط ازرق تضغط عليها تفتح goole
في نفس ال tab الي انت فيه
واذا تريد الرابط يفتح في tab اخر تستخدم _blank
هكذا
<a href="https://google.com" target="_blank"> google <a>
ووسم <a>
يستخدم في شي اخر
مثال
<!DOCTYPE html>
<html>
<head>
<title>test</title>
</head>
<body>
<a href="#new"> chapter1 </a>
<a href="#new1"> chapter2 </a>
<h1>chapter 1<h1>
<P id="new">my frist paragraph</p>
<P>my frist paragraph</p>
<P>my frist paragraph</p>
<P>my frist paragraph</p>
<P>my frist paragraph</p>
<P>my frist paragraph</p>
<h1>chapter 2<h1>
<P id="new1">my frist paragraph</p>
<P>my frist paragraph</p>
<P>my frist paragraph</p>
<P>my frist paragraph</p>
<P>my frist paragraph</p>
<P>my frist paragraph</p>
<P>my frist paragraph</p>
</body>
</html>
عند تشغيله سيكون
مكتوب chpter1
chpter2
عند الضغط عليه ينقلك لهم
نتكلم عن الترميز العالمي
utf-8
الذي يدعم اللغه العربيه واللغه الانجليزية
يكون في وسم head
<head>
<meta charset="utf-8">
والنوع التاني يكون تحت الاسم عند البحث في الموقع يكون في الوصف
<meta name="descripion" contect="my frist project" >
نتكلم علي
link
لربط الصفحه بملف اخر
مثل css
<link rel="stylesheet" href="*">
مكان علامه *
نكتب الملف
نتكلم عن ال commant
<!--
هنا نكتب التعليق ولا يظهر في صفحة الويب
-->
#Html
@codedevelopment