Exercicis bàsics d'HTML

A continuació veureu exercicis que utilitzen les etiquetes bàsiques de HTML.

Exercici 1: Encapçalaments, paràgrafs, negreta, cursiva, subratllat, llistes ordenades i desordenades, espais en blanc i línies horitzontals.


Encapçalament de primer nivell

Encapçalament de segon nivell

Encapçalament de tercer nivell

Encapçalament de quart nivell

Encapçalament de cinqué nivell
Encapçalament de sisé nivell

Això és un paràgraf amb una paraula en Negreta, en Cursiva i en Subratllat perquè negreta = és b (bold), la cursiva és i (italic), i el subratllat u (underline). p és per fer un paràgraf, i h per fer un heading o encapçalament


Espai en blanc és br i línia horitzontal és hr.
    Llista ordenada amb ol, per ordered list
  1. Primer element, amb li, de "list item"
  2. Segon element, amb li, de "list item"

Aquest és el codi font de les línies d'amunt


 <!DOCTYPE html>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Exercicis d'HTML</title>
    <!-- The style.css file allows you to change the look of your web pages.
         If you include the next line in all your web pages, they will all share the same look.
         This makes it easier to make new pages for your site. -->
    <link href="/style.css" rel="stylesheet" type="text/css" media="all">
    <h1>Exercicis bàsics d'HTML</h1>
    <p>A continuació veureu exercicis que utilitzan les etiquetes bàsiques d'HTML.</p>
    <h2>Exercici 1. Encapçalaments negreta, cursiva, subratllat, llistes ordenades i desordenades, espais en blanc i línies horitzontals.</h2>
    <br>
    <h1>Encapçalament de primer nivell</h1>
    <h2>Encapçalament de segon nivell</h2>
    <h3>Encapçalament de tercer nivell</h3>
    <h4>Encapçalament de quart nivell</h4>
    <h5>Encapçalament de cinquè nivell</h5>
    <h6>Encapçalament de sisè nivell</h6>
    <p>Això es un paràgraf en <b>negreta</b>,<i>cursiva</i>i<u>subratllat</u>perquè "b" és bold (negreta), "i" és italic (cusiva) i "u" és underline (subratllat), "p" és paràgraf i "h" és heading (encapçalament).</p>
    <br>L'espai en blanc s'escriu com "br" i una línia horitzontal, "hr".<hr>
    <ol>"Ol" significa ordened list (llista ordenada)
    <li>"Li" vol dir list item (element de la llista). Aquest és el primer element.</li>
    <li>I aquest seria el segon i últim element (l'últim li).</li>
    </ol>
    <ul>"Ul" significa unordened list (llista desordenada)
    <li>"Li" vol dir list item (element de la llista). Aquest és el primer element.</li>
    <li>I aquest seria el segon i últim element (l'últim li).</li>
    </ul>
    <br>