DIRECTIVAS BASICAS HTML
-
Upload
henry-t-tandy -
Category
Education
-
view
2.407 -
download
0
description
Transcript of DIRECTIVAS BASICAS 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
EJEMPLO
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">
EJEMPLO
UTLIZACION , FONDOS, IMÁGENES,VIDEOS.
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“
TABLAS Las tablas son un poderosa herramienta a la hora de mostrar y relacionar cierto tipo de información. Aún cuando muchos sitios son construidos (por su naturaleza) sin usar una simple tabla, existen algunas ocasiones en que el valor de las tablas se vuelve esencial.
CODIGO “TABLE“ “TD“ “TR“