Embedded Files
Què és?
Què és?
Aquest llenguatge es basa en etiquetes, codi on dins de cada es poden posar més o escriure el contingut de la web.
Podent ser del tipus d'obrir i tancar com els exemples o com veureu més endavant (img) de només "obrir".
Etiquetes bàsiques
Etiquetes bàsiques
<!DOCTYPE html>
Per inicialitzar el codi d'html
<html> </html>
Per dir on és l’inici i el final del codi
<head> </head>
per inicialitzar el cos del text
<title/> <title/>
Per escriure el títol al cercador de la pàgina web
<body> </body>
Per dir tot el que apareixerà a la pàgina web
<div> </div>
Per agrupar els textos en la pàgina web
<h1> </h1>
Per escriure un títol del text
<h2> </h2>
Per escriure un altre títol al text, però més petit que h1. (Així fins a h6)
<p> </p>
Per escriure un paràgraf
<ul> </ul>
Per iniciar una llista no ordenada.
<li> </li>
Per escriure els elements d’una llista
<ol> </ol>
Per iniciar una llista ordenada
<em> </em>
Per posar en cursiva el text
<strong> </strong>
Per posar en negreta el text
<br>
Per fer un salt de línia dins del mateix paràgraf (<p>)
<hr>
Fa una línia per separar el text.
Altres elements
Altres elements
Imatges: Per afegir una imatge es posa la seguen etiqueta <img scr = ' direcció de l'imatge'>
Enllaços <a href="direcció web"> text enllaçat</a>
Podent ser
Absoluts; redirigeixen cap a una web externa
Relatius; on redirigeix dins d'una pàgina de la mateixa carpeta de la web.
Relatiu a l'arrel; com el d'abans, però redirigeix a un element d'una altra carpeta de la web.
Per poder anar a una altra carpeta abans de la direcció s'escriu carpeta/ i si es vol sortir d'una ../
Com a extra, dins del primer <a> es pot posar target="_blank" perquè s'obri en una nova pestanya.
Activitats per començar a programar webs:
Page updated
Report abuse