Julio 26 del 2016

0 comentarios

Continuación html.

Este día se hizo una evaluación práctica, la evaluación fue en parejas ya que todos los alumnos publicaron su blog.

La evaluación consistió en crear una carpeta con los nombres de la pareja, y luego crear un archivo en el que se debía hacer una tabla con las características dadas por el profesor, y en cada celda de la tabla, se deben colocar diferentes etiquetas. La evaluación se resolvía así:

<html>
<head><title>Evaluación</title></head>
<body bgcolor="#00FF00" text="#FFF">

<table width="70%" border="1">
<tr>
<td><b>Nicolas Toledo</b></td>
<td><img src="direccionimagen.extensión" width="32px" height="32px"> </td>
<td><ul><li>1>/li><li>2>/li><li>3>/li></ul></td>
</tr>

<tr>
<td><u>Juan Patino</u></td>
<td><marquee direction="up">COINSDA</marquee></td>
<td><font color="#F00"><b>9B</b></font></td>
</tr>

<tr>
<td><hr></td>
<td><marquee direction="down">PC - 155</marquee></td>
<td><font color="#000"><b><h3>Luis Enrique Lizcano</h3></b></font></td>
</tr>

</table>
</body>
</html>

En la clase también se resolvieron algunas dudas que tenían los estudiantes con respecto a los problemas de html que trataron de hacer.

A continuación, un ejercicio en html practicando el fondo de la página que hice:

<html>
<head>
<TITLE>Fondos</TITLE>
</head>
<body background="fondo.gif">
<center>
<font face="arial" size="+2">Fondos</font>
<hr width=200>
</center>
<P align="center">Este es el primer párrafo. Está centrado y escrito en la letra por defecto del navegador. Algunas palabras estan en <B>negrita</B>, y otras en <I>cursiva.</I></P>
</body>
</html>










Publicar un comentario

Julio 19 del 2016

0 comentarios

MÁS ETIQUETAS DE HTML




En html existen demasiadas etiquetas, hoy pondré algunas que no enseñe en mi anterior publicación.

<marquee> Es una etiqueta para darle movimiento a un texto o imagen </marquee>

   Esta etiqueta se puede complementar con: 

<marquee behavior="alternate">TEXTO</marquee> Para que el texto o imagen "rebote".

<marquee behavior="slide">TEXTO</marquee> Cuando el texto o imagen llegue al final se detenga.

<marquee width="porcentaje">TEXTO</marquee> Texto o imagen empieza desde otro lugar.
                     EJ= "50%"                                             (Para entenderlo mejor, probarlo)

<marquee direction="up">TEXTO></marquee> El texto o imágen va hacia la dirección dada.
                                "down" 
                                 "left"
                                 "right"

<body bgcolor="#FF00FF"></body>  Colocar un color de fondo
                      (Se usan códigos de colores)

<body text="#FF0000">TEXTO</body> Cambiar el color de la letra

<body background="dirección de imagen.extensión"></body> Colocar imagen de fondo
                          EJ= "mis_imagenes/imagen.jpg"

<a href="http://www.direccionweb.com">Texto</a> Ir a un enlace
       EJ="http://www.google.com"

<blockquote>se utiliza para designar una cita de texto larga(en forma de bloque).</blockquote>

<cite> Es utilizado para escribir el autor de una cita </cite>

<span> Envuelve solo texto y da un estilo único </span>

<div>Envuelve bloques de elementos, no solo texto </div>

Las etiquetas span y div deben complementarse con más elementos.




Publicar un comentario

Julio 12 del 2016

0 comentarios

HTML

Html o hypertext markup language ( lenguaje de marcas de hipertexto) es el lenguaje en el que se utiliza para hacer paginas web, en el cual se puede hacer la estructura y contenido de la pagina, o tambien agregar imagenes a base de un texto.

Esta página está hecha con html, si le das click derecho en un área en donde no haya ningún elemento y luego click en ver código fuente, todo eso que aparece, es el código html de la página.

El código html puede ser escrito en un bloc de notas u otros programas que se pueden instalar como lo son, por ejemplo: sublime text o atom.

En html se trabaja con etiquetas y hay 2 tipos, las etiquetas cerradas y las abiertas

Ejemplos de etiquetas:

Cerradas: <title></title>
Como se puede ver, son las etiquetas que se deben cerrar y para cerrarlas hay que colocar "/" después del "<"

Abiertas: <img src="imagen.jpg">

Nota: Para guardar un archivo html se debe guardar un archivo que se llame index.html y luego los siguientes si se pueden llamar como sea, pero sin tener espacios, mayúsculas, ni caracteres especiales.

Algunas de las etiquetas básicas en el lenguaje de html son:

</html> Esta es la etiqueta de inicio y de fin (es importante siempre ponerla) </html>

<head> Información técnica para el navegador </head>

<title> Para poner un titulo a tu pagina web </title>

<body> Es la parte visible de la página web </body>

<h1> Se puede poner la letra de un tamaño grande </h1> también hay h2 , 3, 4, 5, 6 (siendo 6 la letra más pequeña)

<p>  Se usa dentro de body para escribir un párrafo </p>

<img src="ruta de la imagen.extención"> ejemplo: <img src="tigre.jpg>

Existen muchas más etiquetas, pero estas son algunas de las más básicas.

Video sobre html: "https://www.youtube.com/watch?v=av_PL4_jz1I"

¿Qué significan las siglas HTML?




Publicar un comentario