Autoevaluacion
1) Reconozco el lenguaje de hipertexto (HTML)
si lo reconozco porque cuando veo el código fuente de una pagina web puedo distinguir la estructura del código html que empieza justamente a si y sigue con < head>,<title>... etc.
2) Puedo explicar la estructura de una pagina web?
La estructura básica de una página web es la siguiente:
<html>
<title>
<head></head>
<body>
</body>
</html>
<head></head>
<body>
</body>
</html>
Se empieza a programar con la etiqueta <html> luego le pones titulo en la o con la etiqueta <title> y luego esta la etiqueta <head> que es la cabecera y continuamos con el <body> que es el cuerpo osea que dentro de el body empesaras a dar forma a la pagina y terminaras con </html>
3) En un supuesto practico puedo describir los siguientes elementos tags, enlaces, lista ordenada, lista no ordenada, imagen, formulario tabla en html?
Los tags, a veces llamados "etiquetas" en español, son los "comando" que los programas navegadores leen e interpretan para armar y dar forma a las páginas de Internet.
Todos los tags de HTML empiezan con el carácter < y terminan con el carácter >. Dentro de ellos va toda la información del tag, empezando por el nombre. Por ejemplo, el tag HTML (que probablemente sea el más básico de todos) se escribe de la siguiente manera: <html>
Los enlaces, links o vínculos, son los elementos más característicos de un hipertexto ya que a ellos se debe la posibilidad de de conectar la información. El World Web Consortium en Hypertext Terms, define un enlace como:
"Una relación entre dos anclas (anchors), guardadas en la misma o diferente base de datos".
Las listas ordenadas son casi idénticas a las listas no ordenadas, salvo que en este caso los elementos relacionados se muestran siguiendo un orden determinado. Cuando se crea por ejemplo una lista con las instrucciones de un producto, es importante el orden en el que se realiza cada paso.
El siguiente código HTML muestra un ejemplo sencillo de lista ordenada:
<html> <head><title>Ejemplo de etiqueta OL</title></head> <body> <h1>Instrucciones</h1> <ol> <li>Enchufar correctamente</li> <li>Comprobar conexiones</li> <li>Encender el aparato</li> </ol> </body> </html>
Las listas no ordenadas son las más sencillas y las que más se utilizan. Una lista no ordenada es un conjunto de elementos relacionados entre sí pero para los que no se indica un orden o secuencia determinados.
El siguiente código HTML muestra un ejemplo sencillo de lista no ordenada:
<html> <head><title>Ejemplo de etiqueta UL</title></head> <body> <h1>Menú</h1> <ul>
<li>Inicio</li> <li>Noticias</li> <li>Artículos</li> <li>Contacto</li> </ul> </body> </html>
Como agregar una imagen en html
Una de las primeras cosas que debemos aprender del HTML es la etiqueta <img> que funciona para colocar imágenes dentro de una página web.
Para poner una imagen utilizamos el siguiente código:
<img src="imagenHTML.jpg">
Como agregar un formulario en html
Los formularios interactivos permiten a los autores de páginas Web poner elementos interactivos en sus páginas, por ejemplo, para recibir mensajes de sus lectores, de forma similar a las cartas de respuestas que se encuentra en algunas revistas.
estos códigos a continuación son de un formulario.
<FORM method=post action="cgi-bin/script.pl"> Registro de un usuario <TABLE BORDER=0> <TR> <TD>Apellido</TD> <TD> <INPUT type=text name="apellido"> </TD> </TR> <TR> <TD>Nombre</TD> <TD> <INPUT type=text name="nombre"> </TD> </TR> <TR> <TD>Género</TD> <TD> Hombre: Mujer: <INPUT type=radio name="género" value="M"> <br>Mujer: <INPUT type=radio name="género" value="F"> </TD> </TR> <TR> <TD>Ocupación</TD> <TD> <SELECT name="ocupación"> <OPTION VALUE="profesor">Profesor</OPTION> <OPTION VALUE="estudiante">Estudiante</OPTION> <OPTION VALUE="ingeniero">Ingeniero</OPTION> <OPTION VALUE="jubilado">Jubilado</OPTION> <OPTION VALUE="otro">Otro</OPTION> </SELECT> </TD> </TR> <TR> <TD>Comentarios</TD> <TD> <TEXTAREA rows="3" name="comentarios"> Escriba aquí sus comentarios</TEXTAREA> Enviar </TD> </TR> <TR> <TD COLSPAN=2> <INPUT type="submit" value="Enviar"> </TD> </TR> </TABLE> </FORM>
Esto es lo que aparece en la pantalla:
4) Sin ayuda de una 2da persona puedo realizar lo siguiente aplicar formato aúna pg web, alineación de testo, cambio de color o imagen?
Si puedo porque tengo el código de imagen y la barra de formato
códigos de la imagen <img src="imagenHTML.jpg">
Barra de formato
ETIQUETA
|
USO
|
OBSERVACIONES
|
<b>…</b>
|
Poner texto en negrita
| Puede ser sustituido por CSS. |
<strong>…</strong>
|
Poner texto en negrita
| Puede ser sustituido por CSS. |
<i>…</i>
|
Poner texto en cursiva
| Puede ser sustituido por CSS. |
<em>…</em>
|
Poner texto en cursiva
| Puede ser sustituido por CSS. |
<u>…</u>
|
Poner texto subrayado
|
Deprecated. Sustituir por CSS.
|
<small>…</small>
|
Poner texto más pequeño
| Puede ser sustituido por CSS. |
<big>…</big>
|
Poner texto más grande
| Puede ser sustituido por CSS. |
<sub>…</sub>
|
Poner texto subíndice
| Puede ser sustituido por CSS. |
<sup>…</sup>
|
Poner texto superíndice
| Puede ser sustituido por CSS. |
<strike>…</strike>
|
Poner texto como tachado
|
Deprecated. Sustituir por CSS.
|
<s>…</s>
|
Poner texto como tachado
|
Deprecated. Sustituir por CSS.
|
<del>…</del>
|
Poner texto como tachado
| Puede ser sustituido por CSS. |
5) De un formulario de html puedo identificar los siguientes códigos, caja de texto, botón de chequeo, radio buton?
Se distinguen 3 tipos de campos de texto en función de la longitud y de la seguridad que necesite emplearse:
1.- Cuadro de texto (<input type="text" name="nombre-del-campo" value="valor por defecto">)
2.- Cuadro texto de contraseña (<input type="password" name="nombre-del-campo">)
3.- Área de texto (<textarea name="nombre-del-campo" cols="XX" rows="XX"> Texto que se incluirá por defecto </textarea>
6) puedo corregir los posibles errores que surgen en una pg web sin ayuda?
posible mente si tengo todo a mi disposición.
Enlaces de información
URL del artículo: http://www.ejemplode.com/17-html/81-ejemplo_de_como_colocar_imagenes_con_html.html
Leer completo: ejemplos de Cómo colocar imágenes con HTML
No hay comentarios.:
Publicar un comentario