Conceptos Basicos de Html
Descargar como PPTX, PDF0 recomendaciones984 vistas
Este documento proporciona una introducción al lenguaje HTML y las partes principales que componen un sitio web, incluyendo el encabezado, cuerpo y pie de página. Explica que HTML utiliza etiquetas para dar formato al contenido y que el encabezado contiene la información del título e metadatos, mientras que el cuerpo incluye el contenido principal y elementos de formato de texto. Además, describe los elementos básicos de formularios como inputs, selects y tablas.
Conceptos Basicos de Html
- 1. DISEÑO WEB (HTML) PROGRAMACIÓN AVANZADA II
- 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>