Académique Documents
Professionnel Documents
Culture Documents
Todo documento hecho en HTML5 comienza con una declaracioó n de queó tipo de
documento es…
<html>
<link> link a otra página fuera del documento
Semantic markup es usar los elementos para lo que son, vale decir, el de texto para
texto, el de imagen para imagen, etc… Esto le ayuda a los buscadores a ser más
eficientes igual que a los usuarios. También ayuda para que sea más rápido y eficiente
el mantenimiento de la página.
Introducir texto.
Hay 3 tags buenos para introducir grandes porciones de texto, estos son:
• ∞ <p>
• ∞ <span>
• ∞ <div>
<p> y <div> usan todo el largo de la página… <span> permite poner cosas al lado.
Introducir espacios.
<br> funciona como un “enter”
<!doctype html>
<html>
Las páginas tienen varios elementos que llamados Tags. Entre ellos están.
<a> Anchor hace un link a otra sección o página del mismo documento.
<img> imagen
<!doctype html>
<html>
<head>
<title>mi primera página</title>
</head>
<body>
<div>soy amabile<<h1>primer título</h1>
<div>soy amabile</div>
<br>
<br>
<br>
<br>
<h2>segundo título</h2>
<span>muy amabile</span>
</body>
</html>
Insertar comentarios.
Sirven para ordenar el código, no se ven en la página solo en el código.
Los comentarios son de acceso público a si que NUNCA deben incluir información
persona o confidencial.
Comienzan con <!—y se cierran con -->
<!doctype html>
<html>
<head>
<title>mi primera página</title>
</head>
<body>/div>
</body>
</html>
Esta sería una página que de título tendría “mi primera página” y lo que se mostraría
en la página misma sería “soy amabile”
Tablas.
<!doctype html>
<html>
<head>
<title>mi primera página</title>
</head>
<body>
<h1>tabla 1</h1>
<head>
<title>mi primera página</title>
</head>
<body>
<h1>primer título</h1>
<div>soy amabile</div>
<br>
<br>
<br>
<br>
<table>
<tr>
<td>código de aeropuerto</td>
<td>ciudad</td>
</tr>
<tr>
<td>CWA</td>
<td>central Wisconsin</td>
</tr>
<tr>
<td>ORD</td>
<td>Chicago O’hare</td>
</tr>
<tr>
<table border=”1”>
<tr>
<td>código de aeropuerto</td>
<td>ciudad</td>
</tr>
<tr>
<td>CWA</td>
<td>central Wisconsin</td>
</tr>
<tr>
<td>ORD</td>
<td>Chicago O’hare</td>
</tr>
<tr>
<td>LHR</td>
<td>London Heathrow</td>
</tr>
</table>
</body>
</html>
<img>
0. ¥ Para agregar imágenes. No necesita cerrarlo pq no tiene
contenido propio, solo hace referencia a otro contenido del root. envuelve el
documento (no es realmente una seccioó n). Comienza con <html> y cierra
con </html>
<!doctype html>
<html>
<head>
<title>mi primera página</title>
</head>
<body>
<h1>tabla 1</h1>
muestra en la pestanñ a del browser. Para que sea un buen title debe ser descriptivo
de la paó gina como tambieó n de la seccioó n. Ej. “orquesta wasabi oficial” y en la
seccioó n banda es “banda ⎮ orquesta wasabi oficial”. Esto es lo que usa google para
definir si una
</html>
<!doctype html>
DEBE comenzar con este comando que le dice al browser que es un archivo HTML
Las declaraciones en html siempre estaó n encerradas en < y >, y tiene un inicio y un
final
Estructura
Los documentos html tienen una estructura que le permite al browser entenderlo,
los 3 componentes principales son:
• ∞ Root Element. Es el que envuelve el documento (no es
realmente una seccioó n). Comienza con <html> y cierra con </html>