Presentacion html
-
Upload
henry-t-tandy -
Category
Education
-
view
172 -
download
0
Transcript of Presentacion html
Universidad Central del EcuadorFacultad de filosofia,letras y ciencias de la educacion
Carrera: Informática
Tema: Manual Práctico en html
Magister: Omar Pérez
Nombre: Henry Tandazo
Carrera: 6to semestre
USO DE LAS PRINCIPALES DIRECTIVAS TITULO EN LA PAG WEB
<html>”Inicia de la pagina web”<head> “Encabezado”<title>MI PRIMERA PAG WEB</title> “Titulo de la Ventana”</head>
<body> <p><b>Bienvenido,</b></p> “Utilización de instrucciones”<p>Estás en la página <b>Pagina Web</b>.</p>
<p>p> </body> </html>
ESTRUCURA PRINCIPAL
ENCABEZADO
CUERPO
introducir un texto alineado a la izquierda escribiríamos: <p align="left">Texto alineado a la izquierda</p> El resultado seria:
Texto alineado a la izquierda
Para una justificación al centro: <p align="center">Texto alineado al centro</p> que daría:
Texto alineado al centro
Para justificar a la derecha: <p align="right">Texto alineado a la derecha</p> cuyo efecto seria:
Texto alineado a la derecha
UTILIZACION DEL TEXTO.ALINEACION DEL TEXTO
UTLIZACION DE ENCABEZADOS La etiqueta en concreto es la <h1>, para los encabezados más
grandes, <h2> para los de segundo nivel y así hasta <h6> que es el encabezado más pequeño.
EJEMPLO
<html> <head> <title>Todos los encabezados</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>
UTLIZACION DEL MARQUECODIGO
“MARQUEE “<MARQUEE> Texto que se desplaza </MARQUEE>>
DIRECTION= Establece en que dirección se mueve el contenido del bloque en la pantalla. Puede tener dos valores: LEFT izquierda (por defecto) RIGHT derecha
<MARQUEE DIRECTION=LEFT> Texto que se desplaza </MARQUEE>
COLOCACION DE NEGRITA,CURSIVA,SUBRAYADO EN EL
TEXTOCODIGO “B
“<b>Texto en negrita</b>
CODIGO “I “<i>Texto en itálica</i>
SUBRAYADO “U “<U>Texto en itálica</U>
NOMBRE, TAMAÑO Y COLOR DE LETRAAtributo FONT
<font face="Comic Sans MS,arial,verdana">Este texto</font>
<font size=4>Este texto es más grande</font> >
<font color="red">Este texto está en rojo</font>
CODIGO “LETRA “CODIGO
“TAMAÑO “CODIGO “COLOR “
UTLIZACION , FONDOS, IMÁGENES,,SONIDO,VIDEOS.
<body background="fondo.jpg">
CODIGO “FONDO DE PANTALLA“
CODIGO “ IMAGEN“
<img src="img1.gif" width="28" height="21" alt="Tamaño original" border="3">
CODIGO “VIDEOS“
<BGSOUND SRC="imagine.mid" LOOP=INFINITE>
CODIGO “SONIDO“
<EMBED SRC="imagine.mid" AUTOSTART=true LOOP=true VOLUME="80" WIDTH="0" HEIGHT="0">
LISTAS ORDENADASCODIGO “UL“
<ul> <li>Argentina <li>Perú <li>Chile </ul>
El resultado: Países del mundo-Argentina -Perú -Chile
RESULTADO“
<p>Reglas de comportamiento en el trabajo</p> <ol> <li>El jefe siempre tiene la razón <li>En caso de duda aplicar regla 1 </ol>
CODIGO “OL“
Reglas de comportamiento en el trabajoEl jefe siempre tiene la razón En caso de duda aplicar regla 1
RESULTADO“
CODIGO “OL TYPE“
<p>Ordenamos por numeros</p> <ol type="1"> <li>Elemento 1 <li> Elemento 2 </ol>
Ordenamos por numeros romanos empezando por el 10I. Elemento x II Elemento xi
RESULTADO“
CODIGO “UL LISTAS“
<p>Ciudades del mundo</p> <ul> <li>Argentina <ol> <li>Buenos Aires <li>Bariloche </ol> <li>Uruguay <ol> <li>Montevideo <li>Punta del Este </ol> </ul>
Ciudades del mundo1,Argentina
1.1Buenos Aires 1.2Bariloche
2Uruguay 2.1Montevideo 2.2Punta del Este
RESULTADO“