Notes Web Coding

3 technologies Web :

 HTML (HyperText Markup) : Structurer un document en définissant sémantiquement ce que

représente chaque partie du contenu (Titre, paragraphe, barre de navigation, contenus multimédias,
champs de recherche, une image, des boutons).

Écriture sous la forme : <balise>contenu</balise>

Les balises peuvent contenir des attributs genre : <balise attribut= «valeur»>contenu</balise>
Les attrib peuvent s’enchainer : <balise attribut1= «valeur1» attribut2= «valeur2»>contenu</balise>

HTML defines six levels of headings. A heading element implies all the font changes, paragraph

breaks before and after, and any white space necessary to render the heading. The
heading elements are H1, H2, H3, H4, H5, and H6 with H1 being the highest (or most important)
level and H6 the least.

Par défaut, le HTML ne lit pas les retours à la ligne  faire avec les balises (h  titres, p 
paragraphe, ul (liste à puces) et li (point)  liste, em (avec p avant)  mettre une partie du
paragraphe en avant, br  retour à la ligne, a  lien hypertexte avec attribut href qui est la source
du lien, img  image avec src qui est la source de l’image)

Commentaire :

<!-- Commentaire -->

 CSS (Cascading Style Sheet) : Définir la mise en forme des éléments (couleur, taille, typographie,
marge…)

Écriture sous la forme : (sélectionneur qui sélectionne des éléments et leurs donne une propriété et
une valeur
/*
selecteur{
propriete: valeur;
}
*/

Exemple:
body {
background-color: #1D1F20;
background-image:
url('https://www.toptal.com/designers/subtlepatterns/patterns/footer_lodyas.png');
color: white;
margin: 0;
}

Fonction « Div » voire vidéo

Commentaire :

/* This is a SINGLE LINE COMMENT */

 JS (Java Script) : Ajouter de l’interaction, du dynamisme à une page, action en cliquant sur un
bouton, interroger une base de données, charger du contenu dynamiquement.

Affichage de Pop up : //alert(« texte ») ;

Var date = new Date() ;
Etc

Dans JavaScript :

alert("message"); // Commentaire expliquant le rôle de l'instruction

Questions (9/10) :

How can you add a comment in HTML?

  <!--This is a comment-->

To dynamically change the content of an HTML element with an id  demo , what is the
correct JavaScript syntax?
  document.getElementById('demo').innerHTML = 'Hello World!';

The purpose of the JavaScript (JS) language is to:

 add dynamism and interaction

Using HTML, which of the following statements is true:

 I have to choose tags from existing ones to describe the type of information

How can you add a comment in a JavaScript?

   //This is a comment
JavaScript is the same as Java:

 False

The correct HTML element for the most important heading in a webpage is:

   <h1>

How can you add a comment in CSS?

   /*This is a comment*/

The purpose of the Cascading StyleSheet (CSS) language is to:

 define how elements are to be displayed on screen

What is the correct CSS syntax?

   body { background-color:black; }