Codigo html
- 1. UNIVERSIDAD REGIONAL AUTÓNOMA DELOS ANDES UNIANDES IBARRA MARCELO PASPUEZAN 9no TURISMO COMERCIO ELECTRÓNICO
- 2. 1.- HTML Es un lenguaje universal que funciona con cualquier plataforma: Windows, Unix, Macintosh, OS, etc y con cualquier navegador El documento HTML tiene instrucciones para el browser que lo va a reproducir, las cuales se denominan etiquetas y van entre guiones (<>) Existen editores de HTML, generando etiquetas desde una interfaz, mas o menos parecida al de procesador de texto IMPORTANTE TENER EN CUENTA EN LA PAGINA WEB: 1. Consultar el código de fuente o código madre 2. Empezar a diseñar paginas sencillas 3. Comprender el lenguaje HTML (heading, cellspacing, etc.) 4. Para insertar códigos mas complejos es necesario dominar el HTML básico
- 3. 2.- ESQUEMA MÍNIMO DE UN DOCUMENTO HTML Siempre comienza con la etiqueta <HTML> Las etiquetas son pareadas <…> Y </…> indica el fin de la acción Tiene dos partes: <HEAD>= encabezado <BODY>= cuerpo del documento Para la pagina tenga un titulo hay que introducir una etiqueta <TITLE>…</TITLE> Además existen los tags <BODY>…</BODY>
- 4. 3.- EL TEXTO BÁSICO DE UN DOCUMENTO HTML 3.1.- ETIQUETA BÁSICA La etiqueta fuente es <FONT>…</FONT> Para el tipo de la fuente escogida es Arial: <FONT FACE="Arial">...</FONT>. Para el color de la fuente con la etiqueta <FONT COLOR="?">...</FONT>.
- 5. Los valores hexadecimales de los tres colores 1.Rojo: color:#ff0000; 2.Verde: color:#00ff00; 3.Azul: color:#0000ff; Los mismos colores, expresados con los valores RGB 1.Rojo: color:rgb(255,0,0); 2.Verde: color:rgb(0,255,0); 3.Azul: color:rgb(0,0,255);
- 6. Especificar el tamaño de fuente <FONT SIZE="?">...</FONT> El tamaño y el color <FONT FACE="Arial" COLOR="#0000FF" SIZE="5">...</FONT>. Espacios entre palabras <BR>
- 7. 3.2 .- Etiquetas de formato de caracteres Etiqueta <B>, <STRONG>...</STRONG>. Etiqueta <I> <EM>...</EM>. <FONT FACE="Courier"><B><I>...</I></B></FONT>
- 8. 3.3 Otras etiquetas de caracteres 1.La etiqueta <PRE>...</PRE> indica que el texto afectado está preformateado, de modo que el navegador sí tiene en cuenta todos los espacios y saltos de línea definidos en la pantalla. 2.La etiqueta <BLINK>...</BLINK> indica texto parpadeante. Sólo funciona con Netscape. 3.La etiqueta <S>...</S> genera texto tachado. 4.La etiqueta <TT>...</TT> genera texto similar al de una máquina de escribir (fuente courier de paso fijo). 5.La etiqueta <BIG>...</BIG> aumenta el tamaño de letra (equivale a <FONT SIZE="+1">). 6.La etiqueta <SMALL>...</SMALL> disminuye el tamaño de letra (equivale a <FONT SIZE="-1">).
- 9. 4.- LOS PÁRRAFOS DE UN DOCUMENTO HTML Otra etiqueta que afecta a la alineación de los párrafos es <BLOCKQUOTE>...<BLOCKQUOTE>, que introduce una doble sangría, derecha e izquierda.
- 10. 4.2.- Los títulos Los títulos pueden estar ordenados jerárquicamente por medio de la etiqueta <Hn>...</Hn>, donde n = 1 a 6. Después de un título es un nuevo párrafo (<P>),
- 11. 4.3 Las listas Los documentos HTML permiten dos tipos de listas: Listas no ordenadas (bullet list): su etiqueta principal es <UL>...</UL>. Listas ordenadas o numeradas (numbered list): su etiqueta principal es <OL>...</OL>. Listas de definiciones (definition list): su etiqueta principal es <DL>...</DL>
- 12. 4.4 La rayas horizontales El tamaño: la etiqueta <HR> introduce una raya que ocupa todo el ancho de la pantalla. Pueden especificarse distintas anchuras añadiendo el valor deseado, expresado en pixeles (<HR width="n">) o en términos porcentuales (<HR width="n%">).9 La alineación: cuando una raya ocupa sólo una parte de la pantalla, puede especificarse su alineación por medio de las etiquetas habituales: <HR align="left"> < HR align="center"> < HR align="right"> La altura: se expresa en píxeles por medio de la etiqueta <HR size="n">. Puede adoptar el valor 0 (la raya más fina). El color, por medio del párametro habitual: <HR color="?">. El sombreado: la raya posee habitualmente un pequeño efecto de sombreado, que puede eliminarse con la etiqueta <HR noshade
- 13. 5 LOS ENLACES DE UN DOCUMENTO HTML 5.1. LOS ENLACES EXTERNOS La WWW, es decir, las páginas web o documentos HTML. La etiqueta correspondiente es: <A HREF="http://servidor/camino.../fichero">...</A> El correo electrónico. La etiqueta correspondiente es: <A HREF="mailto:usuario@servidor">...</A> La transferencia de ficheros (servidores FTP). La etiqueta correspondiente es: <A HREF="ftp://servidor/camino.../fichero">...</A>
- 14. 5.2.- LAS ANCLAS El procedimiento de enlace es doble: 1.Establecer el punto de anclaje en el lugar del documento que vaya a ser el destino del enlace. Su etiqueta es <A NAME=nombre>...</A>. 2. Enlazar los caracteres deseados con el ancla anterior. Su etiqueta es <A HREF=#nombre>...</A>. Algunas observaciones sobre las anclas: 1.El nombre del ancla es arbitrario, pero lo lógico es que guarde alguna relación con el destino, especialmente cuando hay muchas en un mismo documento.