Muestra Examen

Etiquetas de tablas, enlaces y atributos.

Tablas con Colspan y Rowspan

Es la forma de fusionar celdas en una tabla.
rowspan: Indica el número de filas que ocupará la celda. Por defecto ocupa una sola fila.
colspan: Indica el número de columnas que ocupará la celda. Por defecto ocupa una sola columna.
De esta forma si ponemos <td colspan="2">, quiere decir que la celda actual se extiende en el ancho de dos celdas.
Algo parecido ocurre si ponemos <td rowspan="3">, la celda ocupará en alto de 3 celdas normales.

Usando imágenes

• Img= etiqueta de llamado de imagen.
• Src= Este atributo es obligatorio e indica el nombre del archivo de imagen (entre comillas) o la URL que se va a representar.
• Align= Permite controlar la alineación de una imagen con respecto a una línea de texto adyacente o a otras imágenes en esa línea.
• Alt= Entre comillas podremos escribir un texto que suplantara a esta imagen si no se carga o mientras se carga o cuando,  pasamos el ratón por encima.
• Width= Este atributo significa el ancho de la imagen.
• Height=Significa el alto de la imagen.
• Border= El ancho del borde que rodea la imagen.

Ejemplo: <img src="/graficos/bebe1.jpg" width=140 height=210 border=0 alt="Un bebé">

&nbsp; es el código para escribir un espacio.
Html no reconoce más que un solo espacio entre caracteres. Si quieres poner 5 espacios entre dos palabras no hace caso. Sólo muestra el primero y el resto los ignora. Así si se quiere forzar esos espacios se hace usando & nbsp; para cada espacio que se quiera añadir.
nota adicional: nbsp = non-breaking space

Promoción 2011 nuevo Blog

Visita este enlace http://sjbpromo2011.blogspot.com/

Colores Hexadecimales

Sistema Hexadecimal
Sistema numérico en base 16, esto significa que contiene 16 símbolos únicos para representar datos: los números del 0 al 9 y las letras de la A a la F.
Este sistema es útil porque puede representar cada byte (8 bits) con dos dígitos hexadecimales consecutivos. Ejemplo: 99, 91, 6D.

RGB
RGB (Red, Green, Blue). En video se refiere al tratamiento de la señal dividida en los tres colores básicos Rojo, Verde y Azul. Proporciona mayor calidad y reproducción más fiel del color.

Paleta de Colores RGB
Cada color estará representado por un grupo de seis dígitos en hexadecimal, precedidos por un signo numérico, como por ejemplo #FFFFFF. Existen 216 colores para web. Éstos son los colores que se muestran de la misma forma en Microsoft Internet Explorer, Mozilla, Opera, Safari, tanto en Windows como en Macintosh. También podemos personalizar nuestros propios colores, modificando los valores de cada uno de los dígitos que forman parte del número hexadecimal.

Existe otra forma de representar algunos colores, sin la necesidad de utilizar números en hexadecimal. Estos colores pueden representarse por su nombre, y son los siguientes:

A continuación se muestran los 216 colores para web.

Elabora una paleta de colores con el Block de Notas

ETIQUETAS DE TEXTOS II

Comentarios.

Si queremos introducir texto que sirva de recordatorio de lo que hicimos o dejamos de hacer o para dar explicaciones a otras personas que pueden acceder al código pero que no queremos que se visualicen en pantalla empleamos la etiqueta <!-- para el comienzo y la etiqueta --> para el final del comentario.

Ejemplo:

Análisis

Break

Para que el salto de línea se incorpore hay que hacerlo con la etiqueta <br> del inglés break, romper. Esta etiqueta no tiene cierre

Sangrado.

Se realizan con la etiqueta <blockquote> de apertura y su correspondiente de cierre. Aumentan, también, el interlineado, por eso se emplean para hacer una cita textual. Se puede utilizar más de una etiqueta si deseamos un sangrado mayor.

Listas no numeradas.

Comienza el listado con la etiqueta <ul> (unordered list) y su final con la etiqueta de cierre </ul>. Cada objeto que forma la lista va precedido de la etiqueta <li> (list item) etiqueta de cierre </li>

Listas numeradas.

Comienza el listado con la etiqueta <ol> (ordered list) y su final con la etiqueta </ol>. Cada objeto que forma la lista va precedido, igual que en las anteriores de la etiqueta <li> cierre </li>

ETIQUETAS DE PÁGINA Y TEXTO

Etiqueta	Cierre	Atributo	Explicación
PÁGINA
<html>	</html>		Apertura y cierre del código.
<head>	</head>		Cabecera del documento.
<title>	</title>		Establece el nombre del documento. Dentro de <head>
<body>	</body>		Parte visible en pantalla del documento.
		background	Para colocar una imagen de fondo.
		bgcolor	Para establecer un color de fondo.
		alink	Modifica el color del vínculo cuando está activado.
		link	Modifica el color del vínculo antes de estar activado.
		vlink	Modifica el color del vínculo cuando ya ha sido visitado.
<!--	-->		Añadir un comentario no visible.
<hr>			Línea de separación horizontal.
		align	Alineación de la línea.
		noshade	Sin efecto tridimensional.
		size	Grosor de la línea.
		width	Anchura de la línea.
TEXTOS
<b>	</b>		Texto en negrita.
<i>	</i>		Cursiva
<u>	</u>		Subrayado
<p>	</p>		Párrafo nuevo.
<blockquote>	</blockquote>		Sangrado.
<font>	</font>		Fuente.
		size	Tamaño de la fuente.
		color	Color
		face	Tipo de letra.
<br>			Salto de línea.
<caption>	</caption>		Establece el título de una tabla. Dentro de <table>.
<center>	<center>		Centra en horizontal.
<dd>			La definición del término. Dentro de <dl>
<dl>	</dl>		Listado de términos y sus definiciones.
<dt>	</dt>		Término para ser definido. Dentro de <dl>
<h1>	</h1>		Encabezado de primer orden.Hay otros 5: <h2><h3><h4><h5><h6>
<ol>	</ol>		Lista numerada de objetos.
<ul>	</ul>		Lista no numerada de objetos.
<li>			Componente de una lista. Dentro de <ul> o de <ol>
<sub>	</sub>		Subíndice.
<sup>	</sup>		Superíndice.

 

Práctica:

Copia el contenido pégalo en el block de notas y agrega las etiquetas correspondientes para cambiar los colores por párrafo como sigue: 

Párrafo 1 Rojo

Párrafo 2 Verde 

Párrafo 3 Azul  (así sucesivamente)

La mentira

Para algunos, mentir se ha convertido en un estilo de vida.

Sin advertirlo, han creado una red tan compleja de información falsa, que ya no saben como escapar del enredo y hallar la verdad.

Es probable que la mentira produzca cierta fascinación en los niños.

Además de aprender a evitar los regaños, pueden construir un mundo fantástico a su tamaño y engatusar a los demás.

Y de allí puede surgir un inocente "jugar a engañar" que, al ver las ganancias potenciales, se convierte en hábito.

Con la mentira podemos llamar la atención y producir admiración.

Su posición es clara e implacable: la mentira como un instrumento para obtener ganancias secundarias.

También mentimos para huir de las obligaciones asumidas.

A veces, pareciera no existir antídoto contra esta tentación.

Las mentiras frecuentes pueden originar, al menos, dos problemas de consideración.

El primero, cuando se vuelve costumbre y se repite mecánica y sistemáticamente, sin mucho sentido: embaucar por embaucar.

Y el segundo, cuando llegamos a creernos el cuento y a confundir verdad con una artimaña.

No sólo terminamos siendo víctimas de nuestro propio invento, sino que además somos víctimas felices.

¿Qué pasaría si desde hoy, sin excusas ni amagues, decidiéramos mostrarnos como en verdad somos y asumiéramos el riesgo de hacernos públicamente responsables de nuestras acciones, pensamientos y afectos?

Lenguaje HTML

HTML, siglas de HyperText Markup Language (Lenguaje de Marcado de Hipertexto), es el lenguaje de marcado predominante para la elaboración de páginas web. Es usado para describir la estructura y el contenido en forma de texto, así como para complementar el texto con objetos tales como imágenes. HTML se escribe en forma de "etiquetas", rodeadas por corchetes angulares (<,>). HTML también puede describir, hasta un cierto punto, la apariencia de un documento, y puede incluir un script (por ejemplo Javascript), el cual puede afectar el comportamiento de navegadores web y otros procesadores de HTML.

La estructura de una etiqueta HTML es la siguiente:

La estructura básica de una página web es la siguiente:

Una estructura HTML se inicia con la etiqueta <html> y finaliza con </html>. Todo lo que esté en medio será la página web. Dentro de <html></html> se encuentran 2 partes diferenciadas. La primera <head></head> es la cabecera de la página. Aquí se incluira cierta información que no es directamente el contenido de la página. Aquí se pone el título de la página, los metadatos, estilos, código javascript. La primera que se suele estudiar es <title></title>, que indica el título de la página (lo que el navegador pone en la parte superior izquierda).

La segunda parte es <body></body>. Aquí va propiamente el contenido de la página: fotos, párrafos, formularios, etc. Por ejemplo:

Observa el título en la parte superior izquierda de la página. Además, dentro de <body></body> distinguimos varias etiquetas:
<br> => Indica salto de línea. En HTML un salto de línea normal (púlsando la tecla Enter) no produce un salto de línea en el resultado. Es necesario escribir <br> (u otra etiqueta similar).
<p></p> => Indica comienzo y fin de párrafo.
<i></i> => cursiva.

Tabla ASCII extendida