Manual html - primeros pasos
Páginas: 11 (2563 palabras)
Publicado: 23 de noviembre de 2010
MANUAL HTML PERSONALIZADO JUNIOR
HTML: Hyper Text Markup Language. Es el lenguaje con el que se escriben las páginas web. El HTML es un lenguaje de marcas que basa su sintaxis en un elemento de base que llamamos etiqueta.
La etiqueta presenta frecuentemente dos partes:
Una apertura de forma general <etiqueta>
Un cierre de tipo </etiqueta>
PARTES DE UN DOCUMENTO HTML
- Elencabezado delimitado por <head> y <head/> donde colocaremos etiquetas de [índole informativo como por ejemplo el títulos de nuestra página.
- El cuerpo, flanqueado por las etiquetas <body> y </body>, que será donde colocaremos nuestro texto e imágenes delimitados a su vez por otras etiquetas como las que hemos visto.
ETIQUETAS PARA “NEGRITA” Y “PÁRRAFO”
<b>y </b>: definen un texto en negrita.
EJEMPLO:
<b>Esto esta en negrita</b>
El resultado será:
Esto esta en negrita
<p> y </p>: definen un párrafo. Esta introduce un salto y deja una línea en blanco antes de continuar con el resto del documento.
EJEMPLO:
<p>Hola, estamos en el párrafo 1</p>
<p>Ahora hemos cambiado de párrafo</p>El resultado sería:
Hola, estamos en el párrafo 1
Ahora hemos cambiado de párrafo
EJEMPLO DE PRIMERA PÁGINA
<html>
<head><title>Cocina Para Todos</title></head>
<body><p><b>Bienvenido,</b></p><p>Estás en la página <b>Comida para Todos</b>.</p><p>Aquí aprenderás recetas fáciles ydeliciosas.</p></body>
</html>
El ejemplo se puede ver en http://127.0.1.1/Paginas_Junior/prueba1.html
CÓMOCOLOCAR PÁRRAFOS Y SALTOS DE LÍNEA EN PÁGINAS WEB.
<br> de la cual no existe su cierre correspondiente, y sirve para realizar un simple retorno de carro con lo que no dejamos una línea en blanco sino que solo cambiamos de línea.
Atributo: Es un parámetro incluido en elinterior de la etiqueta que ayuda a definir el funcionamiento de la etiqueta de una forma más personal.
Texto alineado a la izquierda:
<p align=left>Texto alineado a la izquierda</p>
Texto alineado al centro:
<p align=center>Texto alineado al centro</p>
Texto alineado a la derecha:
<p align=right>Texto alineado a la derecha</p>
El Ejemplo se puede ver en:http://127.0.1.1/Paginas_Junior/prueba2.html
div align=: Permite alinear cualquier elemento (párrafo o imagen). Se pueden omitir ciertas líneas de <p> con atributos haciendo uso de <div> de manera global.
Así el código:
<p align=”left”>Parrafo1</p>
<p align=”left”>Parrafo1</p>
<p align=”left”>Parrafo1</p>
es equivalente a:
<divalign=”left”>
<p>Parrafo1</p>
<p>Parrafo2</p>
<p>Parrafo3</p>
</div>
ENCABEZADOS
Son etiquetas para definir párrafos especiales, formateados como títulos. En pocas palabas formatean el texto como un titular, para lo cual asignan un tamaño mayor de letra y colocan el texto en negrita.
Ejemplo:
<html>
<head><title>Todos losencabezados</title></head>
<body>
<h1>Encabezado de nivel 1</h1><h2>Encabezado de nivel 2</h2><h3>Encabezado de nivel 3</h3><h4>Encabezado de nivel 4</h4><h5>Encabezado de nivel 5</h5><h6>Encabezado de nivel 6</h6>
</body>
</html>
El Ejemplo se puede ver en:http://127.0.1.1/Paginas_Junior/prueba3.html
FORMATEANDO EL TEXTO
Negrita: <b> y </b>, también es análoga a esta <strong> y </strong>.
Itálica: <i> e </i>, y <em> y </em> aunque la mas usada es la primera.
Subrayado: <u> y </u>.
Subindice: <sub> y </sub>.
Supraindice: <sup> y </sup>.
El Ejemplo de formateo del texto se puede ver en:...
HTML: Hyper Text Markup Language. Es el lenguaje con el que se escriben las páginas web. El HTML es un lenguaje de marcas que basa su sintaxis en un elemento de base que llamamos etiqueta.
La etiqueta presenta frecuentemente dos partes:
Una apertura de forma general <etiqueta>
Un cierre de tipo </etiqueta>
PARTES DE UN DOCUMENTO HTML
- Elencabezado delimitado por <head> y <head/> donde colocaremos etiquetas de [índole informativo como por ejemplo el títulos de nuestra página.
- El cuerpo, flanqueado por las etiquetas <body> y </body>, que será donde colocaremos nuestro texto e imágenes delimitados a su vez por otras etiquetas como las que hemos visto.
ETIQUETAS PARA “NEGRITA” Y “PÁRRAFO”
<b>y </b>: definen un texto en negrita.
EJEMPLO:
<b>Esto esta en negrita</b>
El resultado será:
Esto esta en negrita
<p> y </p>: definen un párrafo. Esta introduce un salto y deja una línea en blanco antes de continuar con el resto del documento.
EJEMPLO:
<p>Hola, estamos en el párrafo 1</p>
<p>Ahora hemos cambiado de párrafo</p>El resultado sería:
Hola, estamos en el párrafo 1
Ahora hemos cambiado de párrafo
EJEMPLO DE PRIMERA PÁGINA
<html>
<head><title>Cocina Para Todos</title></head>
<body><p><b>Bienvenido,</b></p><p>Estás en la página <b>Comida para Todos</b>.</p><p>Aquí aprenderás recetas fáciles ydeliciosas.</p></body>
</html>
El ejemplo se puede ver en http://127.0.1.1/Paginas_Junior/prueba1.html
CÓMOCOLOCAR PÁRRAFOS Y SALTOS DE LÍNEA EN PÁGINAS WEB.
<br> de la cual no existe su cierre correspondiente, y sirve para realizar un simple retorno de carro con lo que no dejamos una línea en blanco sino que solo cambiamos de línea.
Atributo: Es un parámetro incluido en elinterior de la etiqueta que ayuda a definir el funcionamiento de la etiqueta de una forma más personal.
Texto alineado a la izquierda:
<p align=left>Texto alineado a la izquierda</p>
Texto alineado al centro:
<p align=center>Texto alineado al centro</p>
Texto alineado a la derecha:
<p align=right>Texto alineado a la derecha</p>
El Ejemplo se puede ver en:http://127.0.1.1/Paginas_Junior/prueba2.html
div align=: Permite alinear cualquier elemento (párrafo o imagen). Se pueden omitir ciertas líneas de <p> con atributos haciendo uso de <div> de manera global.
Así el código:
<p align=”left”>Parrafo1</p>
<p align=”left”>Parrafo1</p>
<p align=”left”>Parrafo1</p>
es equivalente a:
<divalign=”left”>
<p>Parrafo1</p>
<p>Parrafo2</p>
<p>Parrafo3</p>
</div>
ENCABEZADOS
Son etiquetas para definir párrafos especiales, formateados como títulos. En pocas palabas formatean el texto como un titular, para lo cual asignan un tamaño mayor de letra y colocan el texto en negrita.
Ejemplo:
<html>
<head><title>Todos losencabezados</title></head>
<body>
<h1>Encabezado de nivel 1</h1><h2>Encabezado de nivel 2</h2><h3>Encabezado de nivel 3</h3><h4>Encabezado de nivel 4</h4><h5>Encabezado de nivel 5</h5><h6>Encabezado de nivel 6</h6>
</body>
</html>
El Ejemplo se puede ver en:http://127.0.1.1/Paginas_Junior/prueba3.html
FORMATEANDO EL TEXTO
Negrita: <b> y </b>, también es análoga a esta <strong> y </strong>.
Itálica: <i> e </i>, y <em> y </em> aunque la mas usada es la primera.
Subrayado: <u> y </u>.
Subindice: <sub> y </sub>.
Supraindice: <sup> y </sup>.
El Ejemplo de formateo del texto se puede ver en:...
Leer documento completo
Regístrate para leer el documento completo.