Notes Web Coding 3 technologies Web :  HTML (HyperText Markup) : Structurer un

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; } uploads/s3/ notes-web-coding.pdf

  • 607
  • 0
  • 0
Afficher les détails des licences
Licence et utilisation
Gratuit pour un usage personnel Attribution requise
Partager