Tutorial

TUTORIAL
Comenzaremos habriendo el bloc de notas. Como ya sabemos toda pagina web en html comienza y termina con las etiquetas <html> </html> Asi que el codigo de nuestra primera pagina sera. <html> hola gente </html> Ya sabemos que para que el navegador lo abra como pagina debemos guardarlo con el nombre terminado en .html, ejemplo:uno.html como se puede ver abajo genera la siguiente pagina
Bien ahora vamos a agregar dos etiquetas mas que son <head> con su etiqueta de cierre </head> y <body> con su etiqueta de cierre </body> La estructura general de una pagina tiene la siguiente forma <html> <head> codigo </head> <body> codigo y contenido que mostrara la pagina </body> </html> Entre las etiquetas <head> y </head> podemos poner informacion que no se vera en la pagina y el titulo de la pagina. Y entre las etiquetas <body> y </body> pondremos el contenido que mostrara nuestra paginaf
Y algo mas habia dicho que entre las etiquetas <head> y </head> se podia poner el titulo de la pagina, este titulo debe ir entre estas etiquetas <title> y </title> Ejemplo sea nuestro nuevo codigo. <html> <head> <title> primera pagina </title> </head> <body> Hola gente bienvenida a la pagina oficial de prueba </body> </html> genera la siguiente pagina cuya unica diferencia con la anterior es el titulo que aparece en la pestaa
Encabezados, en html tenemos seis tamaos de letras para distinguir titulos y subtilos del texto que pondremos. etc Las etiquetas para cambiar el tamao de los titulos o de las oraciones son seis, <h1>,<h2>,<h3>,<h4>,<h5> y <h6> cada una con sus respectivas etiquetas de cierre. Siendo el tamao mas grande el <h1> y decreciendo hasta <h6> Otra cosa mas como vimos en los ejemplos anteriores cuando ponemos un texto la pagina lo alinea por defecto a la izquierda. Pero si escribimos dicho texto entre las etiquetas <center> y </center> la oraciones quedaran en el centro o medio. Veamos el siguiente codigo <html> <head> <title> primera pagina </title> </head> <body> <center> Hola gente bienvenida a la pagina oficial de prueba <h1>encabezado 1</h1> <h2>encabezado 2</h2> <h3>encabezado 3</h3> <h4>encabezado 4</h4> <h5>encabezado 5</h5> <h6>encabezado 6</h6> </center> </body> </html>
Veremos algunas etiquetas para cambiar la forma de los textos. y pone en negritas las palabras entre ellas y pone en cursivas las palabras entre ellas <strike> y </strike> pone palabras tachadas <big> y </big> aumenta el tamao de las palabras entre ellas respecto del tamao de las palabra anteriores a las etiquetas. <small> y </small> disminuye el tamao de las palabras entre ellas respecto del tamao de las palabras anteriores a la etiqueta. <sub> y </sub> pone subindices <sup> y </sup> pone superindices y subralla las palabras entre estas etiquetas Por ultimo veremos la etiqueta <font>, que con su atributo "size" sirve para modificarle el tamao del texto
Su uso es asi, el numero asignado a size puede variar del 1 al 7 <font size=5> texto </font> Sea el codigo <html> <head> <title> primera pagina </title> </head> <body> <center> Hola gente bienvenida a la pagina oficial de prueba <h1>encabezado 1</h1> <h2>encabezado 2</h2> <h3>encabezado 3</h3> <h4>encabezado 4</h4> <h5>encabezado 5</h5> <h6>encabezado 6</h6> </center> <p align=left> Este es un parrafo de varias lineas [br /]
Esta es la segunda linea del parrafo[br /] y esta es la tercera linea </p> <p align=center> este parrafo de varias lineas tambien,[br /] esta en el centro[br /] o el medio de la pagina </p> <p align=right> Este otro parrafo aparecer en la derecha de la pagina[br /] y juntos mostraran la forma en que cambia[br /] la posicin del prrafo el atributo align </p> esta oracion aparecera en negritas[br /] esta otra aparecera en cursiva[br /] <strike>estas palabras apareceran tachadas</strike>[br /] por aqui hay una palabra mas <big>grande</big> y por aca hay una palabra mas <small>pequea</small>[br /] esta oracion aparecera subrayada [br /]

Tutorial

Cargado por

Información del documento

Derechos de autor

Formatos disponibles

Compartir este documento

Compartir o incrustar documentos

Opciones para compartir

¿Le pareció útil este documento?

¿Este contenido es inapropiado?

Copyright:

Formatos disponibles

Tutorial

Cargado por

Copyright:

Formatos disponibles

TUTORIAL

También podría gustarte