1 / 9

HTML

HTML. CSS. &. Introducción. ¿ Qué es HTML? HTML , siglas de HyperText Markup Language («lenguaje de marcado hipertextual »), hace referencia al lenguaje para la elaboración de páginas web.

zoltan
Download Presentation

HTML

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. HTML CSS &

  2. Introducción ¿Qué es HTML? • HTML, siglas de HyperTextMarkupLanguage («lenguaje de marcado hipertextual»), hace referencia al lenguaje para la elaboración de páginas web. • El HTML se escribe en forma de «etiquetas», rodeadas por los signos mayor que y menor que(<, >).

  3. Introducción HTML y CSS • Incluir en una misma página HTML los contenidos, el diseño y la programación complica en exceso su mantenimiento. Normalmente, los contenidos y el diseño de la página web son responsabilidad de diferentes personas, por lo que es conveniente separarlos. • CSS es el mecanismo que permite separar los contenidos definidos mediante HTML y el aspecto que deben presentar esos contenidos.

  4. Características básicas El primer documento HTML • Las páginas HTML se dividen en dos partes: la cabecera y el cuerpo. La cabecera incluye información sobre la propia página, como por ejemplo su título y su idioma. El cuerpo de la página incluye todos sus contenidos, como párrafos de texto e imágenes. • A continuación se muestra el código HTML de una página web muy sencilla:

  5. Características básicas El primer documento HTML

  6. Características básicas El primer documento HTML • Si quieres probar este primer ejemplo, debes hacer lo siguiente: • Abre un editor de archivos de texto (Ejemplo, Bloc de notas). • Digitael código HTML mostrado anteriormente en el archivo que has creado. • Guarda el archivo con el nombre que quieras, pero con la extensión .htm • Después de crear el archivo con el contenido HTML, ya se puede abrir con cualquier navegador para que se muestre con el siguiente aspecto:

  7. Características básicas El primer documento HTML • Si ya estás viendo tu primera página HTML en el navegador, prueba clic en el menú Ver>Código fuente y podrás ver el código HTML de la página que está cargada en el navegador. • Es importante conocer las tres etiquetas principales de un documento HTML: • <html>: indica el comienzo y el final de un documento HTML. En el interior de la etiqueta <html> se definen la cabecera y el cuerpo del documento HTML. • <head>: delimita la cabecera del documento. La cabecera contiene información sobre el propio documento HTML, como por ejemplo su título y el idioma de la página. La etiqueta <title> se utiliza para indicar el título del documento. • <body>: delimita el cuerpo del documento HTML. El cuerpo encierra todos los contenidos que se muestran al usuario (párrafos de texto, imágenes, tablas, etc.)

  8. Características básicas El primer documento HTML

  9. Ejercicio 1 Determinar el código HTML correspondiente a la siguiente página: Pistas: <b> y <del>

More Related