Ceci est ma page d'apprentissage du HTML et du CSS

Les balises sont entourées de chevrons < >
Elles peuvent être paires ; dans ce cas elles doivent être ouvertes <titre> puis fermées </titre>
Elles peuvent être "orphelines" ; dans ce cas, elles servent à insérer un élément ; une image par exemple : <image/>
Les attributs permettent de compléter les balises en indiquant par exemmple le nom d'une image : <image nom="Olives.jpg"/>
Lorsqu'il s'agit d'une balise paire, il n'y a pas d'attribut dans la balise fermante.
Pour écrire des commentaires dans l'éditeur de texte : <!-- commentaire-->

ORGANISATION DU TEXTE
Paragraphe = "<p>" puis "</p>"pour fermer et aller à la ligne
Aller à la ligne = "< br>" = balise orpheline
Titre = <h1> puis </h1> ou h2....h6
Mettre en valeur (italique) =<em> puis </em>
Mettre plus en valeur : <strong> et </strong>
Liste à puces : <ul> puis </ul>
Liste ordonnée : <ol> puis </ol>

CREER DES LIENS
<a href="https://www.145-micocouliers.fr/">texte du lien</a>
Lien vers le site de la famille
Ceci est un lien "absolu" vers un site externe.
Pour créer un lien relatif, vers une page située dans le même dossier : <a href="Structure de base HTML5.html">texte du lien</a>
lien vers la structure de base d'une page HTML
Pour créer un lien relatif, vers une page ou une image situés dans un autre dossier : <a href="Photos/Olives.jpg">texte du lien</a>
voir les Olives 2021
Pour créer un lien relatif vers une page ou une image situés dans un dossier parent : <a href="../Olives.jpg">texte du lien</a>

Pour créer un lien vers une ancre, il faut utiliser l'attribut id

1 : donner un nom à une ancre avec id : <h2 id="mon ancre">Titre</h2>
2 : pour retrouver l'ancre, ajouter un lien avec a href contenant # : <a href="#mon ancre">clic pour aller à mon ancre</a>

Ancre 1 :Clic vers ancre1
Ancre 2 :Clic vers ancre2
Ancre 3 :Clic vers ancre3

Lorem ipsum dolor sit amet. Quo voluptas culpa in error officia non nesciunt beatae sit voluptas iure ut ratione velit.
Sed tenetur enim vel eius culpa est sint ipsa et consequuntur iste aut temporibus rerum non deserunt quidem? Sed quidem eveniet est molestias dolores sit porro repellat est optio enim! Ut necessitatibus laborum quo consequatur iure et consectetur laudantium.
Rem cupiditate distinctio est repellendus numquam non rerum laborum eum aliquid autem. Vel eaque dolor est repellat laborum et soluta amet.
Rem numquam nisi eos dolore distinctio et dolores molestias ea quia cupiditate ut possimus vero?
Et praesentium sunt qui quos illo vel harum saepe aut voluptas commodi vel quam nemo et voluptas perferendis. Ad dolores nulla est rerum maxime vel repellendus recusandae et commodi itaque ut dolorem facilis ea enim quam aut magnam tenetur.

Ancre1

Ab labore voluptas est beatae consequuntur cum vero quod.
A sunt magnam rem ullam harum qui ipsa error qui consequatur omnis et quia odio sed expedita ratione!

Sed numquam dolores quo repellat quia et nesciunt sint non possimus voluptatum est laboriosam omnis.

Ancre2

Sit error sequi non laudantium quae aut animi porro sit unde consequatur sed labore enim. Qui iste rerum ut neque voluptatem id deleniti deserunt At quod autem nam nulla maxime quo consequuntur animi quo Quis consequatur.

Est molestiae dolorum sit voluptatem ratione ut iure voluptatum non maiores ratione et neque reiciendis eos soluta laudantium.

Qui atque maxime id earum dicta non natus ea rerum sunt! A galisum quia non laborum optio et molestiae repudiandae qui nobis labore quo enim voluptatem et eius enim.
In recusandae enim in commodi enim eum autem dolor eos rerum suscipit.
Qui placeat tenetur qui exercitationem placeat qui pariatur dolor id Quis eius.

33 modi temporibus est impedit voluptas At tempore perferendis ab velit galisum ea repellendus cupiditate.
In veritatis maiores ad aliquid voluptas et dignissimos vero? Eos rerum minus nam neque delectus sed esse sequi est corporis internos aut libero deserunt. Aut deserunt accusantium vel reprehenderit quia id earum aspernatur.
Ut veritatis magni et nesciunt quae quo voluptas maxime. Cum voluptatem consequatur et consequatur unde hic rerum totam!
Ad iste velit aut mollitia recusandae eos quisquam voluptatum qui consequatur dicta in necessitatibus voluptates et eius ducimus.

Et dignissimos obcaecati sed nobis quibusdam ea blanditiis veniam est obcaecati necessitatibus.

Id fugit dolores quo quia veniam aut laudantium temporibus est quia impedit.
Qui perferendis sint et magnam mollitia aut esse atque ut reiciendis soluta et consequatur earum et accusamus quia et commodi eveniet. A eaque voluptatem et sunt ipsum ex explicabo temporibus vel dolorem cumque ut enim assumenda et perferendis rerum id cumque voluptatibus. Est quidem repellat ex necessitatibus quisquam eum fugiat dolorem.

Aut dolor porro ex ipsa sint a sequi animi. Ut vitae quas nam nihil est repellendus quisquam aut praesentium dolorem et impedit placeat aliquid aspernatur.
Sed esse vero qui galisum magnam qui deserunt magni ut voluptates sapiente.

Ancre3

Non iure atque qui maiores repellendus aut nulla asperiores sed fugit odio est repellat asperiores qui nihil dolorem id quasi omnis.

Qui harum omnis et ratione exercitationem At repudiandae mollitia id dolores maxime rem explicabo sint qui ipsum voluptatem.

Pour créer un lien vers une ancre d'une autre page : dans les "", taper le nom de la page, suivi de #, puis du nom de l'ancre.

Ancre autre page :<a href="Site d'apprentissage html et css.html#mon_ancre1">Clic vers ancre1
Ancre autre page (fictive) :Clic vers ancre1 d'une autre page
<

Pour créer un lien qui affiche une info bulle au survol : "title=..."
<p>bonjour, souhaitez vous visiter <a href="https://www.145-micocouliers.fr/"title="il y a de belles photos!"> 145-micocouliers</p>

bonjour, souhaitez vous visiter 145-micocouliers

>