"Structuring planet data" assessment

zenya · March 30, 2020, 6:15pm

Hey, Cris Mills!
Could you look my code?

Vovan1608/vovchik/blob/master/forth-homework(sheets-planets)/blank-template.html

<!DOCTYPE html>
<html lang="en-US">
  <head>
    <meta charset="utf-8">
    <title>Table template</title>
    <link href="minimal-table.css" rel="stylesheet" type="text/css">
  </head>
  <body>
    <h1>Planets data</h1>
    <table>
        <caption>Data about the planets of our solar system (Planetary facts taken from <a href="http://nssdc.gsfc.nasa.gov/planetary/factsheet/">Nasa's Planetary Fact Sheet - Metric</a>.)</caption>
        <colgroup>
          <col span="2">
          <col style="border: 2px solid black;">
          <col span="9">
        </colgroup>
          <thead>
            <tr>
              <td colspan="2">&nbsp;</td>
              <th scope="col">Name</th>

This file has been truncated. show original

chrisdavidmills · March 31, 2020, 7:18am

Hi there @zenya!

I have looked through your code, and it loooks really good. Well done on some great work.

If you look at my version, there are a couple of small differences, but nothing really major:

I’ve used the scope="rowgroup" attribute on all headers that span multiple rows.
I wasn’t sure why you included an asterisk (*) after “Dwarf planets”.

zenya · March 31, 2020, 4:13pm

Thanks a lot. I understood my mistake!

boiko.vtyna · March 16, 2021, 12:31pm

Hi everyone.
That is my html markup with table on github Table - Structuring planet data
Could someone check it and give assessment?

fenosoaliva_ratovoson · January 17, 2023, 7:51am

bonjour! je souhaite être évaluer sur “données structurantes de la planète” merci beaucoup, je ne sais pas pourquoi la troisième colonne ne peut pas être styliser avec une bordure noir

Table template

Data about the planets of our solar system (Planetary facts taken from Nasa's Planetary Fact Sheet - Metric).

	Name	Mass (10²⁴kg)	Diameter (km)	Density (kg/m³)	Gravity (m/s²)	Length of day (hours)	Distance from Sun (10⁶km)	Mean temperature (°C)	Number of moons	Notes
Terrestrial planets	Mercury	0.330	4,879	5427	3.7	4222.6	57.9	167	0	Closest to the Sun
Venus	4.87	12,104	5243	8.9	2802.0	108.2	464	0
Earth	5.97	12,756	5514	9.8	24.0	149.6	15	1	Our world
Mars	0.642	6,792	3933	3.7	24.7	227.9	-65	2	The red planet
Jovian planets	Gas giants	Jupiter	1898	142,984	1326	23.1	9.9	778.6	-110	67	The largest planet
Saturn	568	120,536	687	9.0	10.7	1433.5	-140	62
Ice giants	Uranus	86.8	51,118	1271	8.7	17.2	2872.5	-195	27
Neptune	102	49,528	1638	11.0	16.1	4495.1	-200	14
Dwarf planets*	Pluto	0.0146	2,370	2095	0.7	153.3	5906.4	-225	5	Declassified as a planet in 2006, but this remains controversial.

mikoMK · January 18, 2023, 1:22am

Hi @fenosoaliva_ratovoson

Please follow my advice from the other post about online editors. I’m unable to grade your work when it’s just pasted into a forum post.

Regarding styling the third column have a look at <colgroup>. The article will explain how to do that.

Michael

fenosoaliva_ratovoson · January 18, 2023, 7:01am

bonjour! comment dois je faire pour exporter mon travail ici? merci

fenosoaliva_ratovoson · January 18, 2023, 7:09am

@mikoMK je ne sais pas si je m’y prend bien cette fois j’ai vraiment du mal avec git et les autres

Table template

Data about the planets of our solar system (Planetary facts taken from Nasa's Planetary Fact Sheet - Metric).

	Name	Mass (10²⁴kg)	Diameter (km)	Density (kg/m³)	Gravity (m/s²)	Length of day (hours)	Distance from Sun (10⁶km)	Mean temperature (°C)	Number of moons	Notes
Terrestrial planets	Mercury	0.330	4,879	5427	3.7	4222.6	57.9	167	0	Closest to the Sun
Venus	4.87	12,104	5243	8.9	2802.0	108.2	464	0
Earth	5.97	12,756	5514	9.8	24.0	149.6	15	1	Our world
Mars	0.642	6,792	3933	3.7	24.7	227.9	-65	2	The red planet
Jovian planets	Gas giants	Jupiter	1898	142,984	1326	23.1	9.9	778.6	-110	67	The largest planet
Saturn	568	120,536	687	9.0	10.7	1433.5	-140	62
Ice giants	Uranus	86.8	51,118	1271	8.7	17.2	2872.5	-195	27
Neptune	102	49,528	1638	11.0	16.1	4495.1	-200	14
Dwarf planets*	Pluto	0.0146	2,370	2095	0.7	153.3	5906.4	-225	5	Declassified as a planet in 2006, but this remains controversial.

fenosoaliva_ratovoson · January 18, 2023, 7:53am

See the Pen Untitled by Fenosoaliva (@Fenosoaliva) on CodePen.

fenosoaliva_ratovoson · January 19, 2023, 5:24am

bonjour @mikoMK! ca va? et si je mets le lien via github est ce que ça marche

github.com

Fenosoaliva/miniature-bonheur/blob/a40d370c531e45d08b3298f2d07b9254b503d442/index.html

<!DOCTYPE html>
<html lang="en-us">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width">
    <title>Table template</title>
    <link href="minimal-table.css" rel="stylesheet" type="text/css">
  </head>
  <body>
    <h1>Table template</h1>
<table>
  <caption>Data about the planets of our solar system (Planetary facts taken from <a href="http://nssdc.gsfc.nasa.gov/planetary/factsheet/">Nasa's Planetary Fact Sheet - Metric</a>).</caption>
 <colgroup>
  <col>
  <col>
<col style="border-color: black;">
</colgroup>
  <thead>
    <tr>
      <th scope="col" colspan="2">&nbsp;</th>

This file has been truncated. show original

merci beaucoup

mikoMK · January 19, 2023, 8:26am

Yeah, CodePen and GitHub are both fine! That makes it a lot easier.
I’ll have a look at your code as soon as I have the time.

fenosoaliva_ratovoson · January 19, 2023, 9:31am

@mikoMK d’accord merci beaucoup bonne continuation

fenosoaliva_ratovoson · January 19, 2023, 10:38am

re salut @mikoMK ! j’ai terminé “la mise en forme d’une biographie” je poste ici et pourras tu y jeter un coup d’oeil quand tu aura le temps merci d’avance

github.com

Fenosoaliva/miniature-bonheur/blob/0f7160befac9f44a255c6147372f6190c862ec4a/index.html

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

  <head>
    <meta charset="utf-8">
    <title>Formatting a biography</title>
    <link rel="stylesheet" href="styles.css">
  </head>

  <body>

    <h1>Jane Doe</h1>
    <div class="job-title">Web Developer</div>
    <p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean.</p>

    <p>A small river named Duden flows by their place and supplies it with the necessary regelialia. It is a paradisematic country, in which roasted parts of sentences fly into your mouth.
    </p>

    <h2>Contact information</h2>
    <ul>

This file has been truncated. show original

github.com

Fenosoaliva/miniature-bonheur/blob/0f7160befac9f44a255c6147372f6190c862ec4a/styles.css

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

  h1 {
    color: hotpink;
    font-size: 2em;
    font-family: Georgia, 'Times New Roman', Times, serif;
    border-bottom: 10px dotted purple;
  }

  h2 {
    font-size: 1.5em;
    font-style: italic;
  }

This file has been truncated. show original

mikoMK · February 5, 2023, 1:50am

Hi @fenosoaliva_ratovoson

Sorry for the loooong delay. I could finally look at your “Structuring planet data” code.

There are only some minor things:

When using <colgroup> you need list all columns. You can also use the span attribute to minimize the number of lines. Also a border-style is needed.
```
<colgroup>
  <col span="2">
  <col style="border: 2px solid black">
  <col span="9">
</colgroup>
```
The empty cell in the top right corner should be a <td>.
When using rowspan the scope should be rowgroup.

mikoMK · February 5, 2023, 2:02am

Regarding the “Formatting a biography”:

Well done on your first CSS exercise!
There’s nothing to complain from my side.

See you,
Michael

fenosoaliva_ratovoson · February 6, 2023, 4:58am

bonjour @mikoMK ! ce n’est pas grave, merci beaucoup pour ces conseils j’avoue que le tableau est un peu compliqué pour moi, bonne continuation

mikoMK · February 6, 2023, 12:59pm

Just don’t get discouraged. I have to admit that personally, I’ve never worked with such complex tables, but it doesn’t hurt doing it once to know what’s possible.

fenosoaliva_ratovoson · February 7, 2023, 5:11am

bonjour @mikoMK! ca va? tu as raison c’est vrai

fenosoaliva_ratovoson · February 13, 2023, 5:00am

je souhaite être évaluer sur “boîte au look cool” s’il vous plaît merci,

fenosoaliva_ratovoson · February 16, 2023, 7:23am

bonjour @mikoMK! je viens de terminer "la page d’accueil d’une école de communauté’ pourriez-vous y jeter un coup d’oeil quand vous aurez un peu de temps s’il vous plaît merci beaucoup