2. HTML
• Es el código basado en estiquetas (tags) que posibilita la creación y edición
de documentos web.
• Utiliza el código ASCII puro que puede teclearse en cualquier editor básico
para posteriormente ser interpretado por un navegador (browser) que
visualiza el resultado en pantalla.
3. PARTES DE UN SITIO WEB: HEADER
• Identificación del Sitio: Especifica denominación de la organización/empresa
dueña del sitio, si es un sitio institucional pueden incorporarse las sub
divisiones de la misma.
• Contiene la metainformación del sitio.
• No debe estar sobrecargado de información: omitir incorporar direcciones,
teléfonos u otros medios de contacto.
• Etiqueta de inicio: <head>
• Etiqueta de Fin: </head>
4. • Dentro del head se pueden especificar etiquetas como:
• <TITLE>…</TITLE>: El contenido de esta etiqueta suele
mostrarse como el título de los resultados de búsqueda (y, por
supuesto, en el navegador del usuario).
• <META />: Las metaetiquetas son un modo perfecto para que los
webmasters faciliten a los motores de búsqueda información
sobre sus sitios. Ej.: Keywords, Description, Robots, etc.
• <script>…</script>: Se utiliza para incluir código que va a ser
ejecutado por el sitio.
5. PARTES DE UN SITIO WEB: BODY
• Es el contenedor de los contenidos. Su función es contener los
elementos que dan forma al documento.
• Se declara después de la etiqueta de cierre </head>.
• Etiqueta de inicio: <body>
• Etiqueta de Fin: </body>
6. ELEMENTOS PARA FORMATEAR TEXTO
• <b>…</b>: Negrita.
• <i>…</i>: Cursiva.
• <u>…</u>: Subrayado.
• <h1>…</h1>: Tamaño de letra. h1…h6.
• <p>…</p>: Especifica un párrafo.
• <div>…</div>: Division. Sirve para crear secciones o agrupar
contenidos.
7. ELEMENTOS DE FORMULARIOS
• <form>…</form>: se utiliza para crear un formulario que le permita al usuario ingresar
datos.
• action: especifica a que archivo se enviaran los datos del formulario
• method: get – post.
• <input />: es usado para crear controles interactivos para formularios basados en la web.
Algunos de los tipos admitidos son checkbox, hidden, file, image, password, radio, reset,
submit y text.
• <select>…</select>: crea una lista desplegable de elementos especificados por las
etiquetas OPTION
• <table>…</table>: Especifica una tabla compuesta por filas <tr>…</tr> y columnas
<td>…</td>
8. PARTES DE UN SITIO WEB: FOOTER
• Se especifica siempre al final del sitio.
• Identifica los medios de contacto, secciones de la página, mapas del
sitio, información de derechos, licencias y copyright.
• Etiqueta de inicio: <footer>
• Etiqueta de Fin: </footer>