Untitled

Télécharger au format docx, pdf ou txt
Télécharger au format docx, pdf ou txt
Vous êtes sur la page 1sur 4

HTML signifie HyperText Markup Language

HTML est le langage de balisage standard pour la création de pages Web Document HTML contient :

du texte

des balises (tags) : directives de mises en page

HTML ‫تعني لغة ترميز النص التشعبي‬

HTML ‫ هي لغة الترميز القياسية إلنشاء صفحات الويب يحتوي مستند‬HTML ‫على‬:

‫من النص‬

‫ إرشادات التخطيط‬:)‫العالمات (العالمات‬

Cahier de charge C’est un document qui comporte de façon plus

ou moins exhaustive l'ensemble des aspects du projet web à tout point de vue (le

planning, les fonctionnalités, les technologies, le design,...

*‫ كتابة دفتر المالحظات‬.): ‫ما هي المواصفات‬

‫ يمكن أن تكون‬، ‫النفقات هي الخطوة التي تتبع تحديد االحتياجات واألهداف‬

‫مكتوبة داخليًا للشركة أو عن طريق االتصال بمزود الخدمة‬.

<!DOCTYPE html> : déclaration définit que ce document est un document

HTML5

<html> : l'élément racine d'une page HTML

<head> : contient des méta-informations (données sur des données) sur la page

HTML

< meta > : fournit des métadonnées sur le document HTML.

<title> : spécifie un titre pour la page HTML (qui est affiché dans la barre de

titre du navigateur ou dans l'onglet de la page)

<body> : définit le corps du document et est un conteneur pour tous les

contenus visibles, tels que les en-têtes, les paragraphes, les images,

<! DOCTYPE html>: ‫يعرّ ف التصريح أن هذا المستند عبارة عن مستند‬

HTML5

<html>: ‫ العنصر الجذر لصفحة‬HTML

<head>: ‫يحتوي على معلومات وصفية (بيانات حول البيانات) على الصفحة‬
‫لغة البرمجة‬

‫< يوفر‬meta>: ‫ بيانات وصفية حول مستند‬HTML.

<title>: ‫ يحدد عنوان صفحة‬HTML (‫التي يتم عرضها في شريط األدوات‬

‫)عنوان المتصفح أو في عالمة تبويب الصفحة‬

<body>: ‫يحدد جسم المستند وهو حاوية للجميع‬

‫ مثل العناوين والفقرات والصور‬، ‫المحتوى المرئي‬

Les métadonnées (META) sont des données (informations) sur les données.

La balise meta fournit des métadonnées sur le document HTML.

‫( البيانات الوصفية‬META) ‫هي بيانات (معلومات) حول البيانات‬.

‫ توفر العالمة الوصفية بيانات وصفية حول مستند‬HTML.

attribut alink : permet de préciser la couleur des liens actifs, c'est-à-dire sur lequel

on est en train de cliquer.

attribut background : avec cet attribut, on indique le nom d'une image à utiliser

comme fond d'écran pour le document.

attribut bgcolor : permet de préciser la couleur utilisée pour le fond du document.

attribut link : permet de préciser la couleur des liens présents dans le document.

attribut text : permet de préciser la couleur du texte dans le document.

attribut vlink : permet de préciser la couleur des liens faisant référence à une adresse

déjàvisitée

‫ سمة‬alink: ‫ أي على أي‬، ‫تسمح لك بتحديد لون الروابط النشطة‬

‫نحن نقر‬.

‫ نشير إلى اسم الصورة المراد استخدامها‬، ‫ باستخدام هذه السمة‬:‫سمة الخلفية‬

‫كخلفية للوثيقة‬.

‫ سمة‬bgcolor: ‫ نحن‬.‫تسمح لك بتحديد اللون المستخدم لخلفية المستند‬

‫ يشير إما إلى اسم اللون أو ترميز‬rgb ‫الخاص به‬.

‫ تسمح لك بتحديد لون الروابط الموجودة في المستند‬:‫سمة الرابط‬.

‫ تسمح لك بتحديد لون النص في المستند‬:‫سمة النص‬.


‫ سمة‬vlink: ‫تسمح لك بتحديد لون الروابط التي تشير إلى العنوان‬

‫تمت زيارتها بالفعل‬

La balise <img> HTML est utilisée pour intégrer une image dans une page Web.

a balise <img> a deux attributs obligatoires :

src - Spécifie le chemin d'accès à l'image

alt - Spécifie un texte alternatif pour l'image

Syntaxe:

<img src="url" alt="alternatetext">

‫ تستخدم عالمة‬HTML <img> ‫لتضمين صورة في صفحة ويب‬.

‫< تحتوي العالمة‬img> ‫على سمتين مطلوبتين‬:

src - ‫تحدد المسار إلى الصورة‬

‫صا بدياًل للصورة‬


ً ‫ يحدد ن‬- ‫بديل‬

‫بناء الجملة‬:

<img src = "url" alt = "alternatetext">

Vous pouvez utiliser l'attribut style pour spécifier la largeur et la hauteur d'une image

<img src="img.jpg" alt="jacket" style="width:500px;height:600px;">

attribut type : permet de préciser le type de numérotation utilisée pour présenter la

liste.

Liens hypertexte

Les liens se trouvent dans presque toutes les pages Web. Les liens permettent aux

utilisateurs de cliquer sur leur chemin de page en page.

La balise <a> définit un lien hypertexte. Il a la syntaxe suivante :

<a href="url">link text</a>

Lien externe

Par défaut, la page liée sera affichée dans la fenêtre actuelle du navigateur.

<a href="https://www.site.com/" target="_blank">Visit site!</a>

‫ الروابط تسمح للمستخدمين‬.‫ االرتباطات التشعبية تم العثور على الروابط في جميع صفحات الويب تقريبًا‬.‫ يسمح لك بتحديد نوع الترقيم المستخدم لتقديم ملف قائمة‬:‫نوع السمة‬
‫> رابط خارجي بشكل‬a/< ‫"> نص الرابط‬a href="url < :‫ يحتوي على النحو التالي‬.‫> ارتباطًا تشعبيًا‬a< ‫ تحدد العالمة‬.‫للنقر في طريقهم من صفحة إلى أخرى‬
.‫ سيتم عرض الصفحة المرتبطة في نافذة المتصفح الحالية‬، ‫افتراضي‬
Lien interne

Lien qui amène à un endroit spécifique de la page HTML en cours.

L'attribut id permet de nommer un endroit du document pour y faire référence

ensuite.

‫ارتباط داخلي‬

‫ رابط ينقلك إلى موقع محدد في صفحة‬HTML ‫الحالية‬.

‫ تتيح لك سمة‬id ‫تسمية مكان في المستند لإلشارة إليه‬

‫التالي‬

Liens hypertextes dans les images

Avec les liens hypertextes , vous pouvez créer des zones cliquables sur une image.

La balise <map> permet de définir une image cliquable. Une image cliquable est une

image avec des zones cliquables. Les zones sont définies avec une ou plusieurs

balises <area>

<img src="workplace.jpg" alt="Workplace" usemap="#workmap">

‫الرتباطات‬
‫التشعبية في الصور‬

‫ يمكنك إنشاء مناطق قابلة للنقر على الصورة‬، ‫باستخدام االرتباطات التشعبية‬.

‫< ُتستخدم عالمة‬map> ‫ الصورة القابلة للنقر هي ملف‬.‫لتحديد صورة قابلة للنقر‬

‫ يتم تحديد المناطق بواحد أو أكثر‬.‫صورة مع مناطق قابلة للنقر‬

‫< عالمات‬area>

Vous aimerez peut-être aussi