<commit_before># Chapter 17 - HTML: building web pages

### My Movie Ratings - headings and paragraphs
[JS Bin Listing 17.01](http://jsbin.com/nosiwi/edit?html,output) - nosiwi 
```HTML
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>Listing 17.01</title>
</head>
<body>

  <h1>My Movie Ratings</h1>
  
  <p>Brief info about my favorite movies.</p>
  
  <h2>Movies</h2>
  
  <h3>Inside Out</h3>

  <p>An emotional adventure inside the head of a young girl.</p>
 
</body>
</html>


<!-- Further Adventures

     1) Have a play! Edit the HTML above
        and see how the output is affected.

     2) Add second and third movies.

     3) Try adding text that is not
        between opening and closing tags.

-->


<!-- Yes, these are HTML comments! -->
```

<commit_msg>Ordered and unordered lists<commit_after># Chapter 17 - HTML: building web pages

### My Movie Ratings - headings and paragraphs (HTML)
[JS Bin Listing 17.01](http://jsbin.com/nosiwi/edit?html,output) - nosiwi 
```HTML
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>Listing 17.01</title>
</head>
<body>

  <h1>My Movie Ratings</h1>
  
  <p>Brief info about my favorite movies.</p>
  
  <h2>Movies</h2>
  
  <h3>Inside Out</h3>

  <p>An emotional adventure inside the head of a young girl.</p>
 
</body>
</html>


<!-- Further Adventures

     1) Have a play! Edit the HTML above
        and see how the output is affected.

     2) Add second and third movies.

     3) Try adding text that is not
        between opening and closing tags.

-->


<!-- Yes, these are HTML comments! -->
```


### Ordered and unordered lists (HTML)
[JS Bin Listing 17.02](http://jsbin.com/vegahe/edit?html,output) - vegahe 
```HTML
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>Listing 17.02</title>
</head>
<body>

  <h1>My Movie Ratings</h1>
  <p>Brief info about my favorite movies.</p>
  
  <h2>Movies</h2>
  
  <h3>Inside Out</h3>
  <p>An emotional adventure inside the head of a young girl.</p>
  
  <h4>Actors</h4>
  <ul>
    <li><NAME></li>
    <li><NAME></li>
  </ul>
  
  <h4>Directors</h4>
  <ol>
    <li><NAME></li>
    <li><NAME></li>
  </ol>
  
</body>
</html>


<!-- Further Adventures

     1) Add two more questions.
        Be careful to match opening and closing tags.
        Editing HTML can be quite fiddly.
        Don't forget the forward slash
        for the closing tags.

     2) The list of questions is between ol tags.
        Change the ol tags to ul tags.
        What happens to the output?

     3) Change just the opening ul tag
        back to an ol tag so the tags
        don't match.

        <ol> ... list ... </ul>

        The browser will do its best to make
        sense of the tags and display something
        reasonable. However, the unmatched
        tags are malformed HTML and should
        not be left in such a state.

     4) Fix the opening and closing list tags
        so they match.

-->
```


{'fraction_non_alphanumeric': 0.13116970926301555, 'fraction_numerical': 0.02129817444219067, 'mean_word_length': 2.48938679245283, 'pattern_counts': {'":': 0, '<': 90, '<?xml version=': 0, '>': 90, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '5862641', 'n_tokens_mistral': 1071, 'n_tokens_neox': 990, 'n_words': 359}