AHTMLpararevis

HTML
Estructura
Los documentos html tienen una estructura que le permite al browser entenderlo,
 para todo el documento. Puede ser muy extensiva y abarca cosas como el
idioma, si usa otros programas, etc. No es lo que se ve en la página misma,
es información “tras bambalinas”.
o Es muy importante que en el HEAD se encuentre el title que es lo
que se muestra en la pestaña del browser. Para que sea un buen title
debe ser descriptivo de la página como también de la sección. Ej.
“orquesta wasabi oficial” y en la sección banda es “banda ⎮
orquesta wasabi oficial”. Esto es lo que usa google para definir si una
página es relevante en su motor de búsqueda con un límite de 66
caracteres.
El head comienza con <head> y termina con </head>
 mbalinas”.
 Es muy importanmbalinas”.
Es muy importan
 Body. La sección body es “la página”, donde está toda la información visible
(excepto el title), las imágenes, la tipografía, colores, etc.
Abre con <body> y cierra con </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”
Tags
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.
<div> sección  es una sección de la página como Headlines, menú, etc.
<img> imagen
<link> link a otra página fuera del documento
<p> paragraf  un cuadro de texto
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>
Para poner Headings se usa <h1>, <h2>, hasta <h6>
<p> y <div> usan todo el largo de la página… <span> permite poner cosas al lado.
<title>mi primera página</title>

</head>
<body>
<h1>tabla 1</h1>
<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>
Un ejemplo de un documento HTML es.
<!doctype html>
<html>
<head>
</head>
<body>
 mas, etc. No es lo que se ve en la página misma, es información “tras
bambalinas”.
que se muestra en la pestaña del
o que es lo que se muestra en la pestaña del browser. Para que sea un
buen title debe ser descriptivo de la página como también de la
sección. Ej. “orquesta wasabi oficial” y en la sección banda es “banda
⎮ orquesta wasabi oficial”. Esto es lo que usa google para definir si una
caracteres.
 mbalinas”.
 Es muy importanmbalinasmas, etc. No es lo que se ve en la página misma,
caracteres.
 mbalinas”.
Es muy importanmbalinas
 mas, etc. No es lo que se ve en la página misma, es información “tras

bambalinas”.
caracteres.
 mbalinas”.
Es muy importanmbalinas
<div>soy amabile</div>
</body>
<tr>
<td>LHR</td>
<td>London Heathrow</td>
</tr>
</table>
</body>
</html>
al agregarle el border=”1” se le agrega un Atributo a la función, esto define de mejor

forma como se va a comportar.
<img>
Para agregar imágenes. No necesita cerrarlo pq no tiene contenido propio, solo hace
referencia a otro contenido del root.
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>
</head>
<body>
<h1>primer título</h1>
<br>
<br>
<br>
<br>

<h2>segundo título</
Un ejemplo de un documento HTML es.
<!doctype html>
<html>
<head>
</head>
<body>
h2>
<span>muy amabile</span>
</body>
</html>
Tablas.
<!doctype html>
<html>
Introducir espacios.
<br> funciona como un “enter”
<!doctype html>
<html>
<head>
</head>
<body>
<br>
<br>
<
<head>
</head>
<body>
<h1>tabla 1</h1>
<table>
<tr>
<td>ciudad</td>
</tr>
<tr>
<td>CWA</td>
</tr>
<tr>
<td>ORD</td>
</tr>
<tr>
<td>LHR</td>
</tr>
</table>
</body>
</html>
para agregar bordes a la tabla
<!doctype html>
<html>
<head>
<!doctype html>
<html>
<head>
</head>
<body>
<br>
<br>
<
<head>
</head>
<body>
<h1>tabla 1</h1>
<table>
<tr>
<td>ciudad</td>
</tr>
<tr>
<td>CWA</td>
</tr>
<tr>
<td>ORD</td>
o <td>Chicago O’hare</td> browser. Para que sea un buen
title debe ser descriptivo de la página como también de la sección. Ej.
caracteres.
 mbalinas”.
 Es muy importanmbalinasmas, etc. No es lo que se ve en la página misma,
Es muy importante que en el HEAD se encuentre el title
</tr>
<tr>
<td>LHR</td>
</tr>
</table>
Tags
<
<img> imagen
Introducir texto.
 <p>
 <span>
 <div>

</head>
<body>
<h1>tabla 1</h1>
<tr>
<td>ciudad</td>
</tr>
<tr>
<td>CWA</td>
</tr>
<tr>
Tags
<img> imagen
Introducir texto.
 <p>
 <span>
 <div>

</head>
<body>
<h1>tabla 1</h1>
<head>
</head>
<body>
<h1>tabla 1</h1>
<table>
<
<head>
</head>
<body>
<h1>tabla 1</h1>
<table>
<
<head>
</head>
<body>
<h1>tabla 1</h1>
<table>
<
<head>
</head>
<body>
<h1>tabla 1</h1>
<table>
<head>
</head>
<body>
<h1>tabla 1</h1>
<table>
<
<head>
</head>
<body>
<h1>tabla 1</h1>
<table>
<
<head>
</head>
<body>
<h1>tabla 1</h1>
<table>
<
<head>
</head>
<body>
<h1>tabla 1</h1>
<table>
<tr>
<td>ciudad</td>
</tr>
<tr>
<td>CWA</td>
</tr>
<tr>
Tags
<img> imagen
Introducir texto.
 <p>
 <span>
 <div>

</head>
<body>
<h1>tabla 1</h1>
<tr>
<td>ciudad</td>
</tr>
<tr>
<td>CWA</td>
</tr>
<head>
<!doctype html>
<html>
<head>
</head>
<body>
<br>
<br>
<
<head>
</head>
<body>
<h1>tabla 1</h1>
<table>
<tr>
<td>ciudad</td>
</tr>
<tr>
<td>CWA</td>
</tr>
<tr>
<td>ORD</td>
</tr>
<tr>
<td>LHR</td>
</tr>
</table>
</body>
</html>
<!doctype html>
<html>
<head>
<!doctype html>
<html>
<head>
</head>
<body>
<tr>
</body>
</html>
<!doctype html>
<html>
<tr>
</body>
</html>
<!doctype html>
<html>
<br>
<br>
<
<head>
</head>
<body>
<h1>tabla 1</h1>
<table>
<tr>
<td>ciudad</td>
</tr>
<tr>
<td>CWA</td>
</tr>
<tr>
<td>ORD</td>
</tr>
<tr>
<td>LHR</td>
</tr>
</table>
</body>
</html>
<!doctype html>
<html>
<head>

AHTMLpararevis

Uploaded by

Document Information

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

AHTMLpararevis

Uploaded by

Copyright:

Available Formats

HTML

<div> sección  es una sección de la página como Headlines, menú, etc.

<p> paragraf  un cuadro de texto

Para poner Headings se usa <h1>, <h2>, hasta <h6>

<title>mi primera página</title>

Un ejemplo de un documento HTML es.

 mas, etc. No es lo que se ve en la página misma, es información “tras

al agregarle el border=”1” se le agrega un Atributo a la función, esto define de mejor

Un ejemplo de un documento HTML es.

para agregar bordes a la tabla

<link> link a otra página fuera del documento

<p> paragraf  un cuadro de texto

Para poner Headings se usa <h1>, <h2>, hasta <h6>

<title>mi primera página</title>

<div> sección  es una sección de la página como Headlines, menú, etc.

<link> link a otra página fuera del documento

<p> paragraf  un cuadro de texto

Para poner Headings se usa <h1>, <h2>, hasta <h6>

<title>mi primera página</title>

<div> sección  es una sección de la página como Headlines, menú, etc.

<div> sección  es una sección de la página como Headlines, menú, etc.

<link> link a otra página fuera del documento

<p> paragraf  un cuadro de texto

Para poner Headings se usa <h1>, <h2>, hasta <h6>

<title>mi primera página</title>

para agregar bordes a la tabla

para agregar bordes a la tabla

para agregar bordes a la tabla

para agregar bordes a la tabla

You might also like