Web viewSi no conoce el nombre de colores en ingles o el código hexadecimal puede visitar la...
6
Clases 15 y 16 de Febrero del 2014 Como usar dropbox Instalar notepad ++ Estructura basica del HTML <HTML> <HEAD> </HEAD> <BODY> </BODY> </HTML> Etiqueta:<title></title> Esta etiqueta coloca un titulo en la pestaña del navegador. Etiqueta <BODY> Se puede utilizar atributos en este comando y se deben de escribir después del comando pero dentro del símbolo >, se pueden colocar los atributos que se quieran solo colocando un espacio entre ellos, el orden no importa, los colores se pueden expresar por su nombre en inglés o mediante código RGB (Red, Green, Blue) en hexadecimal (0-F) se expresa con dos
Transcript of Web viewSi no conoce el nombre de colores en ingles o el código hexadecimal puede visitar la...
Clases 15 y 16 de Febrero del 2014
Como usar dropbox Instalar notepad ++ Estructura basica del HTML
<HTML><HEAD></HEAD><BODY></BODY></HTML>
Etiqueta:<title></title>Esta etiqueta coloca un titulo en la pestaña del navegador.
Etiqueta <BODY>Se puede utilizar atributos en este comando y se deben de escribir después del comando pero dentro del símbolo >, se pueden colocar los atributos que se quieran solo colocando un espacio entre ellos, el orden no importa, los colores se pueden expresar por su nombre en inglés o mediante código RGB (Red, Green, Blue) en hexadecimal (0-F)
se expresa con dos dígitos de cada color #000000, ejemplo:
En el ejemplo anterior se colocaron 2 atributos en el comando <BODY>, el primero significa que el color de fondo sea amarillo expresado por su nombre en inglés y el segundo que el color del texto dentro del cuerpo sea azul expresado en hexadecimal. Enseguida se enlistas los atributos de la etiqueta <BODY>
Nota: cuando un atributo contiene texto se debe expresar entre comillas y cuando tiene números se expresa sin comillas. Si no conoce el nombre de colores en ingles o el código hexadecimal puede visitar la siguiente pagina y copiar los códigos: http://www.usuarios.sion.com/pauluk/coloreshtml.htm
Caracteres especiales en HTMLAl realizar los textos en Html para cada formato que le deseamos dar tenemos que utilizar un comando, para ello también para los caracteres especiales como los acentos en la vocales o la ñ, Ñ, se tiene que utilizar comandos, se muestra una tabla de caracteres con sus comandos a continuación, al utilizar el comando cabe señalar que se debe quitar el carácter especial incorrecto ya que el comando lo coloca de manera adecuada.
Ejemplo:
Observar cómo se coloco el acento en la "a" en la palabra página y el acento en la "e" en el nombre de José.
Etiqueta <br>Esta etiqueta se utiliza para brincar renglón, es una de las etiquetas que no lleva cierre debido a que por sí sola se expresa su función, no podemos decir brinca renglón de aquí hasta aquí. Ejemplo:
Observar en el ejemplo anterior como se colocaron 2 brincos de renglón (pasar 2 renglones) antes del nombre y otro más en el grupo.
Etiqueta <hr>Esta etiqueta coloca una línea horizontal, y también es de las etiquetas o comandos que no llevan cierre, posee algunos atributos expresados a continuación.
Ejemplo:
Observar cómo se coloco el atributo de anchura en la línea horizontal y se expreso en porcentaje, esto es lo más correcto debido a que no sabemos qué tamaño tienen las resoluciones de las computadoras que verán nuestras páginas de esa manera realiza el ajusta sin importar sus dimensiones debido a que lo toma en porcentaje de la medida.
Encabezados <H1> </H1>, <H2></H2>, <H3></H3>, <H4></H4>, <H5></H5>, <H6></H6>Estas etiquetas colocan títulos o encabezados similares a los que se pueden realizar en Microsoft Word, el numero de encabezado utilizado sea mayor el texto será de menor tamaño, por ejemplo el encabezado <H1></H1> es de mayor tamaño del texto y el encabezado <H6></H6>, será el texto de menor tamaño. Ejemplo:
Observar cómo se colocaron títulos en el nombre de la escuela y en el grupo, el primero tiene el título con el texto más grande y el segundo el titulo con el texto más pequeño.
Etiqueta <CENTER></CENTER>Esta etiqueta realiza un centrado a lo que se le coloque. NOTA: todos los ejemplos por el momento hay que ejecutarlos en el navegador IE (Internet Explorer) ya que algunos comandos solo funcionan en este navegador, después se explicara cuales son los comandos que solo funcionan en ciertos navegadores, si no encuentran un error y no se ve igual que los ejemplos es por la situación anterior. Ejemplo:
Observar como en el ejemplo anterior se coloco el comando <CENTER> en todo el texto que contiene el cuerpo de la pagina.
NOTA: Siempre que se guarda un archivo recordar que se tiene que guardar como tipo Hyper Text Mark-up Languaje y la extensión que debe contener dicho archivo es .html, así también se debe recordar que para poder visualizar el código de HTML se tiene que dar clic derecho sobre el archivo y seleccionar editar con notepad++, siempre que se le da doble clic al archivo, este se abrirá con el navegador y no dejara ver su código debido a que es una página web, si por alguna razón no se visualiza y se solo su código es porque fue grabado mal, y si su visualización no es la correcta es porque existe un error en el código, recordar que se debe de colocar tal cual y en programación no existe margen de error.
