"Marking up a letter" assessment

mikoMK · January 1, 2023, 2:22pm

Hi @fenosoaliva_ratovoson and welcome to the community

Could you put your work into CodePen or similar. The forum parses you HTML elements and I can’t see them.

Happy New Year,
Michael

fenosoaliva_ratovoson · January 1, 2023, 3:19pm

Hi! @Michael Cal Krug happy new year,thank you so much

fenosoaliva_ratovoson · January 1, 2023, 3:24pm

Hi @Michael Koch, happy new year
ok I’ll do that and I will send them later, thank you

fenosoaliva_ratovoson · January 1, 2023, 3:27pm

Bonjour @dissidenttux merci beaucoup, bonne année

fenosoaliva_ratovoson · January 1, 2023, 4:18pm

Bonsoir! je l’ai copié sur codepen avec le css, merci
Dr Eleanor Gaye

Faculté des sciences géniales.

Université d’Awesome
Bobtown,CA 99999
USA

Tél: 123-456-7890

e-mail: no-reply@example.com

20 janvier 2016

Mlle Eillen Dover

4321,route de la Corniche
Douvres,CT9XXX
UK

Re: Demande d’inscription à l’université d’Eillen Dover

Chère Eillen,

Nous vous remercions pour votre récente demande d’inscription à la faculté des sciences de l’Université Awesome pour étudier dans le cadre de votre PhDl’année prochaine. Voici les réponses à chacune de vos questions.

Dates de début

Nous sommes heureux de vous accueillir pour commencer vos études avec nous à tout moment, cependant cela serait mieux si vous pouviez commencer au début d’un semestre ; les dates de de début de chaque semestre sont les suivantes:

Premier semestre : 9 septembre 2016
Deuxième semestre : 15 janvier 2017
Troisième semestre : 2 mai 2017

Veuillez me faire savoir si vous d’accord et, si oui,quelles serait la date de votre préférence.

Vous trouverez plus d’information sur les dates importantes de l’université sur notre site web.

Sujets d’étude

A la Faculté des sciences Awesome, nous avons un centre de recherche assez ouvert d’esprit - pour autant que les sujets se situent dans le domaine dessciences et des techniques. Vous semblez être une chercheuse intelligente et dévouée ; c’est le genre de personne que nous aimerions avoir dans notre équipe. Ceci dit, parmi les idées que vous nous avez soumises, quelques unes nous intriguent un peu ; les voici, par ordre de priorité :

Transformer H2O en vin, et les bienfaits pour la santé du Resvératrol (C 14H 12O 3)
Mesurer l’effet des températures supérieures à 30 °C (86 °F) sur la performance des joueurs de basses funk, lorsque la taille du public augmente de façon exponentielle (effet de 310 3>310 4)
Constructions en HTML, avec CSS pour la representation de partitions musicales.

Pouvez-vous fournir plus d’information sur chacun de ces thèmes, y compris la durée prévisible des recherches, le personnel et d’autres ressources nécessaires, ainsi que tout ce dont nous evrions avoir connaissance de votre point de vue ? Nous vous en remercions par avance.

Mouvements de danse exotique

Oui, vous avez raison ! Dans le cadre de mon travail post-doctoral, j’ai fait des études sur les danses tribale exotiques. Pour répondre à votre question, mes danses préférées sont les suivantes, avec leur définition :

Danse polynésienne du poulet

Une danse peu connue mais très influente qui remonte à 300 av JC, tout un village dansait en cercle comme des poulets, pour stimuler le bétail ou pour être «fructueux »

Battage brownien islandais

Avant que les Islandais ne développent le feu comme moyen pour se chauffer, ils avaient l’habitudes de pratiquer cette danse, qui consistait à se blottir les uns contre les autres en cercle sur le sol et à déplacer leur corps avec des mouvements quasi-imperceptibles et très rapides. Un de mes amis étudiant avait l’habitude de dire qu’il pensait que cette danse avait inspiré des styles modernes commes le Twerking.

Danse du robot arctique

Exemple intéressant de désinformation historique, les explorateurs anglais des années 1960 pensaient avoir découvert un nouveau style de danse caractérisé par des mouvements «robotique », guindeés, pratiqués par les habitants du nord de l’Alaska et du Canada. Plus tard, on a découvert qu’ils se déplaçaient comme ça parce qu’ils avaient vraiment froid.

Pour plus d’information sur mes recherches, voir ma page sur la danse exotique.

Sincèrement vôtre,

Dr Eleanor Gaye

Devise de l’Université d’Awesome :"Mettons l’excellence en commun " Bill S Preston Esq

mikoMK · January 3, 2023, 1:36pm

Unfortunately, your new post has the same problem. See this post as an example what I mean:

In the linked online editor we are able to see all the HTML tags and not just the result. This gives us the possibility to properly assess your work.

fenosoaliva_ratovoson · January 4, 2023, 4:22am

bonjour! oh je vois merci

fenosoaliva_ratovoson · January 4, 2023, 4:37am

< html lang =" fr " >
< tête >
< jeu de caractères méta =" UTF-8 " >
< meta http-equiv =" X-UA-Compatible " content =" IE=edge " >
< meta name =" auteur " contenu =" Dr Eleanor Gaye " >
< titre > Lettre d’inscription </ titre >
< lien rel =" feuille de style " href =" style.css " >
</ tête >
< corps >
< en-tête >
 Dr Eleanor Gaye 
 Faculté des sciences géniales. 
< address class =" sender-column " > Université d’Awesome Bobtown, CA 99999 États- Unis </ address >
 Tél : 123-456-7890 
 e-mail : no-reply@example.com 
 20 janvier 2016 
</ en- tête >
 Mlle Eillen Dover 
< adresse > 4321,route de la Corniche Douvres,CT9XXX Royaume- Uni </ adresse >
< principal >
< h1 > Objet : Demande d’inscription à l’université d’Eillen Dover </ h1 >
 Chère Eillen, 
 Nous vous remercions pour votre récente demande d’inscription à la faculté des sciences de l’Université Awesome pour étudier dans le cadre de votre < abbr title =" doctorat en philosophie " > PhD </ abbr > l’année prochaine. Voici les réponses à chacune de vos questions. 
< h2 > Dates de début </ h2 >
 Nous sommes heureux de vous accueillir pour commencer vos études avec nous à tout moment, cependant cela serait mieux si vous pouviez commencer au début d’un semestre ; les dates de début de chaque semestre sont les suivantes : 
< ul >
< li > Premier semestre : 9 septembre 2016 </ li >
< li > Deuxième semestre : 15 janvier 2017 </ li >
< li > Troisième semestre : 2 mai 2017 </ li >
</ ul >
 Veuillez me faire savoir si vous d’accord et, si oui,quelles seraient la date de votre préférence. 
 Vous trouverez plus d’informations sur les < a href =" http://example.com " title =" dates importantes de l’université " > dates importantes de l’université </ a > sur notre site web. 
< h3 > Sujets d’étude </ h3 >
 A la Faculté des sciences Awesome, nous avons un centre de recherche assez ouvert d’esprit - pour autant que les sujets se rapportent dans le domaine des sciences et des techniques. Vous semblez être une chercheuse intelligente et intégrée ; c’est le genre de personne que nous aimerions avoir dans notre équipe. Ceci dit, parmi les idées que vous nous avez soumises, quelques unes nous intriguent un peu ; les voici, par ordre de priorité : 
< ol >
< li > Transformateur H 2 O en vin, et les bienfaits pour la santé du Resvératrol (C 14 H 12 O 3 < / sous > ) </ li >
< li > Mesurer l’effet des températures supérieures à 30 ° C (86 ° F) sur la performance des joueurs de basses funk, lorsque la taille du public augmente de façon exponentielle (effet de 310 3 >310 4 ) </ li >
< li > Constructions en < abbr title =" Hypertext Markup Langages " > HTML, </ abbr > avec < abbr title =" Cascading Styling Sheet " > CSS </ abbr > pour la représentation des partitions musicales. </ li >
</ ol >
 vous fournirez plus d’informations sur chacun de ces thèmes, y compris la durée prévisible des recherches, le personnel et d’autres ressources nécessaires, ainsi que tout ce dont nous evrions avoir connaissance de votre point de vue ? Nous vous remercions par avance. 
< h3 > Mouvements de danse exotique </ h3 >
 Oui, vous avez raison ! Dans le cadre de mon travail post-doctoral, j’ai fait des études sur les danses tribales exotiques. Pour répondre à votre question, mes danses préférées sont les suivantes, avec leur définition : 
< dl >
< dt > Danse polynésienne du poulet </ dt >
< dd > Une danse peu connue mais très influente qui remonte à 300 < abbr title =" ans avant Jesus Christ " > av JC </ abbr > , tout un village dansait en cercle comme des poulets, pour favoriser le bétail ou pour être « ;fructueux » </ jj >
< dt > Battage brownien islandais </ dt >
< dd > Avant que les Islandais ne développent le feu comme moyen pour se chauffer, ils avaient l’habitude de pratiquer cette danse, qui consistait à se blottir les uns contre les autres en cercle sur le sol et à déplacer leur corps avec des mouvements quasi-imperceptibles et très rapides. Un de mes amis étudiant avait l’habitude de dire qu’il fallait que cette danse s’inspire des styles modernes comme le Twerking. </ jj >
< dt > Danse du robot arctique </ dt >
< dd > Exemple intéressant de désinformation historique, les explorateurs anglais des années 1960 pensaient avoir découvert un nouveau style de danse caractérisé par des mouvements «robotique», guindéés, pratiqués par les habitants du nord de l’Alaska et du Canada. Plus tard, on a découvert qu’ils se déplaçaient comme ça parce qu’ils avaient vraiment froid. </ jj >
</ dl >
 Pour plus d’informations sur mes recherches, voir ma page sur < a href =" http://example.com " > la danse exotique. _
 Sincèrement vôtre, 
</ principal >
< pied de page >
 Dr Eleanor Gaye 
 Devise de l’Université d’Awesome : < cite > “Mettons l’excellence en commun” </ cite > < abbr title =" William Stanley Preston, Esq " > </ abbr > Bill S Preston Esq 
 © 2018 GitHub, Inc. 
</ pied de page >
</ corps >
</ html >

fenosoaliva_ratovoson · January 4, 2023, 4:47am

@mikoMK bounjour! je ne suis pas encore familiariser avec codepen du coup je ne sais pas comment faire pour vous l’envoyer, en revanche j’ai trouvé celui la en haut. J’espère que ca ira. Merci pour votre contribution et votre temps je m’excuse pour le dérrangement

common-user · February 1, 2023, 1:43pm

Thank you very much for this good information.

mikoMK · January 15, 2023, 10:55pm

Hi again @fenosoaliva_ratovoson

Sorry to be late. I was away for some days.

I had a look at your code and here are some comments:

You shouldn’t translate tags like <tête>. Browsers only work correctly with the English names like <head>.
In HTML <address> is for more than just the street, town and country. Any kind of contact information goes into it. So you should include the name, email and phone as well.
The four dates should be wrapped in <time> elements with an appropriate datetime attribute.
The degree character (°) doesn’t need . It’s already at the correct position.
The quote should be wrapped in <q> instead of <cite>. <cite> is used for the source of the quote. You should therefore wrap the name with <cite>.
The rest looks fine.

As I mentioned earlier you could save yourself and us a lot of work by using a online code editor. On https://jsfiddle.net you don’t even need to create an account. Just copy your code into the HTML panel, press “Save” and copy the new URL into your post.

Have a nice day,
Michael

fenosoaliva_ratovoson · January 16, 2023, 5:30am

bonjour @mikoMK merci beaucoup pour vos précieux conseils passez une bonne journée

fenosoaliva_ratovoson · January 16, 2023, 7:18am

re-salut @mikoMK est ce que vous pourriez m’évaluer sur “structurer une page de contenu” merci

Birdwatching

<!--[if lt IE 9]>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.js"></script>
<![endif]-->

Birdwatching

Home
Get started
Photos
Gear
Forum

Welcome

  <p>Welcome to our fake birdwatching site. If this were a real site, it would be the ideal place to come to learn more about birdwatching, whether you are a beginner looking to learn how to get into birding, or an expert wanting to share ideas, tips, and photos with other like-minded people.</p>

  <p>So don't waste time! Get what you need, then turn off that computer and get out into the great outdoors!</p>
</article>
<aside>
  <h2>Favourite photos</h2>

  <a href="favorite-1.jpg"><img src="images/favorite-1_th.jpg" alt="Small black bird, black claws, long black slender beak, links to larger version of the image"></a>
  <a href="favorite-2.jpg"><img src="images/favorite-2_th.jpg" alt="Top half of a pretty bird with bright blue plumage on neck, light colored beak, blue headdress, links to larger version of the image"></a>
  <a href="favorite-3.jpg"><img src="images/favorite-3_th.jpg" alt="Top half of a large bird with white plumage, very long curved narrow light colored break, links to larger version of the image"></a>
  <a href="favorite-4.jpg"><img src="images/favorite-4_th.jpg" alt="Large bird, mostly white plumage with black plumage on back and rear, long straight white beak, links to larger version of the image"></a>
</aside>

This fake website example is CC0 — any part of this code may be reused in any way you wish. Original example written by Chris Mills, 2016.

  <p><a href="http://game-icons.net/lorc/originals/dove.html">Dove icon</a> by Lorc.</p>
</footer>

mikoMK · January 16, 2023, 8:14am

I saw it in the other topic (and also “Mozilla splash page”). It’s on my todo list. Just haven’t gotten the time, yet.

fenosoaliva_ratovoson · January 16, 2023, 10:25am

ok ok je serai patiente merci beaucoup

fenosoaliva_ratovoson · January 23, 2023, 12:29pm

Re-salut @mikoMK !ca va? j’ai fini les tests de compétences de css je vais les poster ici un à un, quand tu auras un peu de temps pourrais tu les évaluer s’il te plait, merci pour tes conseils et ton temps

github.com

Fenosoaliva/miniature-bonheur/blob/9e0bdfa638f1a5ff2e9f67baff84b6327772991f/tache1.html

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8"/>
    <title>Selectors: Type Selectors</title>
    <link rel="stylesheet" href="style.css"/>
   </head>

  <body>

    <div class="container">
      <h1>This is a heading</h1>
      <p>Veggies es
        <span>bonus vobis</span>, proinde vos postulo essum magis kohlrabi welsh onion daikon amaranth tatsoi tomatillo melon azuki bean garlic.</p>
      <h2>A level 2 heading</h2>
      <p>Gumbo beet greens corn soko endive gumbo gourd. Parsley shallot courgette tatsoi pea sprouts fava bean collard greens dandelion okra wakame tomato. Dandelion cucumber earthnut pea peanut soko zucchini.</p>

    </div>

  </body>

This file has been truncated. show original

github.com

Fenosoaliva/miniature-bonheur/blob/9e0bdfa638f1a5ff2e9f67baff84b6327772991f/style.css

body {
   background-color: #fff;
   color: #333;
   font: 1.2em / 1.5 Helvetica Neue, Helvetica, Arial, sans-serif;
   padding: 1em;
   margin: 0;
 }
 * {
   box-sizing: border-box;
 }
h1{
    color: blue;
}
h2{
    background-color: blue;
    color: white;
}
span{
    font-size: 200%;
}

fenosoaliva_ratovoson · January 23, 2023, 12:31pm

github.com

Fenosoaliva/miniature-bonheur/blob/9e0bdfa638f1a5ff2e9f67baff84b6327772991f/styles.css


body {
   background-color: #fff;
   color: #333;
   font: 1.2em / 1.5 Helvetica Neue, Helvetica, Arial, sans-serif;
   padding: 1em;
   margin: 0;
 }
 * {
   box-sizing: border-box;
 }
#special {
  background-color: yellow;
}
.alert {
  border: solid grey 1px;
}
.alert+.stop {
  background-color: red;
}

This file has been truncated. show original

github.com

Fenosoaliva/miniature-bonheur/blob/9e0bdfa638f1a5ff2e9f67baff84b6327772991f/tache2.html

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8"/>
    <title>Selectors: Class and ID Selectors</title>
    <link rel="stylesheet" href="styles.css"/>
   
  </head>

  <body>

    <div class="container">
      <h1>This is a heading</h1>
      <p>Veggies es
        <span class="alert">bonus vobis</span>, proinde vos postulo
        <span class="alert stop">essum magis</span>
        kohlrabi welsh onion daikon amaranth tatsoi tomatillo melon azuki bean garlic.</p>
      <h2 id="special">A level 2 heading</h2>
      <p>Gumbo beet greens corn soko endive gumbo gourd.</p>
      <h2>Another level 2 heading</h2>

This file has been truncated. show original

fenosoaliva_ratovoson · January 23, 2023, 12:35pm

github.com

Fenosoaliva/miniature-bonheur/blob/1adf11ded6452c7c4141c439982e149e55dc94c4/styles.css

 body {
        background-color: #fff;
        color: #333;
        font: 1.2em / 1.5 Helvetica Neue, Helvetica, Arial, sans-serif;
        padding: 1em;
        margin: 0;
      }
      * {
        box-sizing: border-box;
      }

      table {
        border-collapse: collapse;
        width: 300px;
      }

      td,
      th {
        padding: 0.2em;
        text-align: left;

This file has been truncated. show original

github.com

Fenosoaliva/miniature-bonheur/blob/1adf11ded6452c7c4141c439982e149e55dc94c4/tache3.html

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8"/>
    <title>Selectors: Pseudo-class and Pseudo-element Selectors</title>
    <link rel="stylesheet" href="styles.css"/>
    
  </head>

  <body>

    <div class="container">
      <p>Veggies es
        <a href="http://example.com">bonus vobis</a>, proinde vos postulo essum magis kohlrabi welsh onion daikon amaranth tatsoi tomatillo melon azuki bean garlic.</p>
      <p>Gumbo beet greens corn soko endive gumbo gourd. Parsley shallot courgette tatsoi pea sprouts fava bean collard greens dandelion okra wakame tomato. Dandelion cucumber earthnut pea peanut soko zucchini.</p>
      <table>
        <tr>
          <th>Fruits</th>
          <th>Vegetables</th>
        </tr>

This file has been truncated. show original

fenosoaliva_ratovoson · January 23, 2023, 12:41pm

github.com

Fenosoaliva/Fenosoa.github.io/blob/91ddfc6d95b21a69a203c3c51421d682c1f704e3/styles.css

h2+p::first-line{
    color: red;
}

 .list{
    list-style-type: none;
    }
.list>li{
border-bottom: solid 1px grey;
}

github.com

Fenosoaliva/Fenosoa.github.io/blob/91ddfc6d95b21a69a203c3c51421d682c1f704e3/tache4.html

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8"/>
    <title>Selectors: Combinators</title>
    <link rel="stylesheet" href="styles.css"/>
    <style>
      body {
        background-color: #fff;
        color: #333;
        font: 1.2em / 1.5 Helvetica Neue, Helvetica, Arial, sans-serif;
        padding: 1em;
        margin: 0;
      }
      * {
        box-sizing: border-box;
      }
      h2 {
        margin: 0;
      }

This file has been truncated. show original

fenosoaliva_ratovoson · January 23, 2023, 12:45pm

github.com

Fenosoaliva/Fenosoa.github.io/blob/d0c6e232d4ca868c5fb1def7567b1d841a6cb228/styles.css

body {
  background-color: #fff;
  color: #333;
  font: 1.2em / 1.5 Helvetica Neue, Helvetica, Arial, sans-serif;
  padding: 1em;
  margin: 0;
}

ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

li {
  margin: 0 0 0.5em;
}

a {
  display: block;

This file has been truncated. show original

github.com

Fenosoaliva/Fenosoa.github.io/blob/d0c6e232d4ca868c5fb1def7567b1d841a6cb228/tache5.html

<!doctype html>
<html lang="en">

  <head>
    <meta charset="utf-8">
    <title>Selectors: attribute selectors</title>   
<link rel="stylesheet" href="styles.css">
</head>

  <body>

    <ul>
      <li>
        <a href="https://example.com">Link 1</a>
      </li>
      <li>
        <a href="http://example.com" title="Visit example.com">Link 2</a>
      </li>
      <li>
        <a href="/contact">Link 3</a>

This file has been truncated. show original

voilà c’est tout surtout prenez votre temps, et milles merci