Ya sabemos que en HTML para mostrar algún contenido en una página web se usan etiquetas, y la mayoría de los elementos tienen una etiqueta de inicio y otra de cierre.
Para comenzar un archivo html el cual será nuestra página web, debemos comenzar con la etiqueta <html> y finaliza con </html>, pero para entender mejor esto veamos un ejemplo sencillo de como comenzar una página web.
Las etiquetas utilizadas son:
<html> para colocar todos los elementos que estarán en nuestra página web.
<title> se usa para darle un titulo a esa página en especifico y este aparecerá en la barra de titulo del navegador o en su defecto en la pestaña del navegador.
<body> encierra el contenido de la página, como imágenes, vínculos, texto, entre otros.
<h1> es un estilo de encabezado.
<p> nos sirve para colocar texto en forma de párrafo.
Este ejemplo se vería así en Firefox:
Los navegadores tienen estilos predefinidos para la mayoría de las etiquetas, como las de párrafos, encabezados, imágenes, enlaces, listas, tablas, etcétera.
Veamos diferentes encabezados y como se mostrarían en el navegador:
<i></i> - Texto en cursiva
<u></u> - Texto subrayado
<strike></strike> - Texto tachado
<td> - Columna de la tabla
<tr> - Fila de la tabla
<th> - Celda en forma de título
<caption> - Se usa para poner título a la tabla
<td colspan="3"> - Combinar columnas
<td rowspan="3"> - Combinar filas
Veamos un ejemplo y su visualización en esta publicación:
Enlaces: Signos en HTML | Convertir caracteres especiales a entidades HTML
Para comenzar un archivo html el cual será nuestra página web, debemos comenzar con la etiqueta <html> y finaliza con </html>, pero para entender mejor esto veamos un ejemplo sencillo de como comenzar una página web.
<html> <head> <title>Ejemplo</title> </head> <body> <h1>Encabezado</h1> <p>Un texto</p> </body> </html>
Las etiquetas utilizadas son:
<html> para colocar todos los elementos que estarán en nuestra página web.
<title> se usa para darle un titulo a esa página en especifico y este aparecerá en la barra de titulo del navegador o en su defecto en la pestaña del navegador.
<body> encierra el contenido de la página, como imágenes, vínculos, texto, entre otros.
<h1> es un estilo de encabezado.
<p> nos sirve para colocar texto en forma de párrafo.
Este ejemplo se vería así en Firefox:
Los navegadores tienen estilos predefinidos para la mayoría de las etiquetas, como las de párrafos, encabezados, imágenes, enlaces, listas, tablas, etcétera.
Veamos diferentes encabezados y como se mostrarían en el navegador:
<h1>Encabezado 1</h1> <h2>Encabezado 2</h2> <h3>Encabezado 3</h3> <h4>Encabezado 4</h4> <h5>Encabezado 5</h5> <h6>Encabezado 6</h6>
Formato a texto:
<b></b> - Texto en negritas<i></i> - Texto en cursiva
<u></u> - Texto subrayado
<strike></strike> - Texto tachado
Tablas:
<table> - Inicio de una tabla<td> - Columna de la tabla
<tr> - Fila de la tabla
<th> - Celda en forma de título
<caption> - Se usa para poner título a la tabla
<td colspan="3"> - Combinar columnas
<td rowspan="3"> - Combinar filas
Insertar imágenes:
<img scr="url_de_la_imagen" />Veamos un ejemplo y su visualización en esta publicación:
<img src="http://usuarios.multimania.es/ ramon/img_logore.png" alt="Ejemplo"/>
Insertar vínculos:
<a href="url_de_la_pagina">Texto mostrado</a>Los ejemplos de visualización que mejor que los mostrados enseguida.
Enlaces: Signos en HTML | Convertir caracteres especiales a entidades HTML
Bien, siete puntos para el lab.
ResponderEliminar