Conceptos Basicos de Html
-
Upload
nestor-fabian-koch -
Category
Education
-
view
712 -
download
0
Transcript of Conceptos Basicos de Html
![Page 1: Conceptos Basicos de Html](https://reader038.fdocumento.com/reader038/viewer/2022110108/58d070601a28abc9788b4e61/html5/thumbnails/1.jpg)
DISEÑO WEB (HTML)PROGRAMACIÓN AVANZADA II
![Page 2: Conceptos Basicos de Html](https://reader038.fdocumento.com/reader038/viewer/2022110108/58d070601a28abc9788b4e61/html5/thumbnails/2.jpg)
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.
![Page 3: Conceptos Basicos de Html](https://reader038.fdocumento.com/reader038/viewer/2022110108/58d070601a28abc9788b4e61/html5/thumbnails/3.jpg)
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>
![Page 4: Conceptos Basicos de Html](https://reader038.fdocumento.com/reader038/viewer/2022110108/58d070601a28abc9788b4e61/html5/thumbnails/4.jpg)
• 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.
![Page 5: Conceptos Basicos de Html](https://reader038.fdocumento.com/reader038/viewer/2022110108/58d070601a28abc9788b4e61/html5/thumbnails/5.jpg)
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>
![Page 6: Conceptos Basicos de Html](https://reader038.fdocumento.com/reader038/viewer/2022110108/58d070601a28abc9788b4e61/html5/thumbnails/6.jpg)
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.
![Page 7: Conceptos Basicos de Html](https://reader038.fdocumento.com/reader038/viewer/2022110108/58d070601a28abc9788b4e61/html5/thumbnails/7.jpg)
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>
![Page 8: Conceptos Basicos de Html](https://reader038.fdocumento.com/reader038/viewer/2022110108/58d070601a28abc9788b4e61/html5/thumbnails/8.jpg)
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>