Para Dra Schaeffer. Clase: lab de lenguajes de progra. V1 Jueves
Etiquetas
El lenguaje HTML se basa en elementos a los que llamamos etiqueta. La etiqueta se utiliza dos partes:
Una etiqueta llamada de apertura su sintaxis es la siguiente: <etiqueta>
Y una etiqueta llamada de cierre, sintaxis: </ etiqueta>
La instrucción que se incluya dentro de la etiqueta modificara lo que se encuentre dentro de las etiquetas de apertura y cierre.
Etiquetas
Un documento HTML debe iniciar con la etiqueta <html> y finalizar con </html>
<title> y </title> se utilizan para definir el titulo de la página.
<body> y </body> se utilizan para el texto que vamos a colocar.
<!-comentario-> Para comentarios en el código
<p> y </p> indica un nuevo párrafo
<b> y </b> definen un texto en negrita.
<i> y </i> texto en cursiva
<u> y </u> texto subrayado
<p> y </p> definen un párrafo.
<head> y </head> se utilizan para definir el encabezado de la página.
<h1> a <h6> se utilizan para dar importancia a los encabezados según sea su numero h1, h2…
<table> y </table> define una tabla
<tr> y </tr> define una fila de una tabla
<td> y </td> para columnas de una tabla
<p align=" "> y </p> alinear un párrafo. En las comillas se escribe left, right, center; según se desee
<div> y </div> Marca divisiones donde se definirá el mismo formato.
<sup> y </sup> Para supraíndices
<sub> y </sub> Para subíndices
<font size=4> y </font> Para tamaño de letra. Existen 7 niveles de tamaño que van desde 1 a 7
<font face=” “> y </font> Tipo de letra. En las comillas en escribe el tipo de letra
<br> o </br> Salto de línea
<body background=".jpg"> Para establecer una imagen como fondo. En las comillas se escribe el nombre de la imagen junto con su extencion.
<img src=".gif" width=178 height=180 alt="Obra de K. Haring"> No lleva etiqueta de cierre. En las comillas se escribe el nombre de la imagen con su extensión. Width indica el ancho y height el alto en pixeles y alt indica el nombre de la imagen
<bgcolor=”#FFFFFF”> Establece color
Crear una lista
Lista no numerada
<ul>
<li>primer elemento de la lista</li>
<li>segundo elemento de la lista</li>
<li>tercer elemento de la lista</li>
</ul> cierra lista
Lista numerada
lista numerada:
<ol>
<li>primer elemento de la lista</li>
<li>segundo elemento de la lista</li>
</ol> cierra lista.
Por último les dejo una lista de colores, su código en hexadecimal, que es el que se utiliza al programa en html
Colores en Hexadecimal
Blanco = #FFFFFF
Rojo = #FF0000
Verde = #00FF00
Azul = #0000FF
Amarillo = #FFFF00
Negro = #000000
Gris = #C0C0C0
Plata = #E6E8FA
Rosa = #FF8080
Celeste = #80FFFF
Morado = #8000FF
Naranja = #FF8000
Te pongo tres puntos, aunque el HTML no es un lenguaje de programación. Esta entrada sería más que adecuada para el lab de progra web, pero es un poco raro para el lab de lenguajes :P
ReplyDelete