HTML, Editores HTML, Servidores Locales

Slides:



Advertisements
Presentaciones similares
HTML (Historia) Rogelio Ferreira Escutia. 2 HTML, septiembre 2010 ¿Qué es? HTML, siglas de HyperText Markup Language.
Advertisements

¿QUÉ ES HTML? Hipertext Markup Language. Lenguaje de ordenador.
Repaso desde HTML a XHTML
HTML, XHTML, CSS y JavaScript Centro de Periodismo Digital Luis Fernando González Fernández.
SESIÓN 3 APRENDIENDO HTML.
Internet y la Web social: Diseño de páginas web
Ing. GISCARD MARQUEZ VALVERDE.
HTML/CSS Marcas básicas.
Capacitación de Herramientas para el Desarrollo WEB Modulo IV- HTML,Historia y Elementos del Lenguaje Parte I Sesión #2 María Paz Coloma M.
DOCENTE: Ing. Eddye Sánchez Castillo
Hypertext Markup Language HTML
HTML HyperText Markup Language (Lenguaje de Marcas de Hipertexto)
HTML II Etiquetas en el Cuerpo (BODY) Imágenes - Links Formularios Introducción a CSS Introducción a Javascript Introducción a PHP.
Unidad didáctica 6 Diseño de páginas Web.
ETIQUETAS. Importante Que es una Etiqueta: Son elementos que tienen dos propiedades básicas: atributos y contenidose crea de esta forma, Se cierra de.
Es un conjunto o serie de etiquetas incluidas en archivos de texto que definen la estructura de un documento WWW. Los navegadores WWW leen estos archivos.
Hypertext Markup Language HTML. OBJETIVOS Conocer los fundamentos de HTML Escribir HTML usando un editor sencillo Conocer las marcas HTML Visualizar el.
CODIGO HTML HTML, siglas de HyperText Markup Language
Diseño y desarrollo de Páginas Web Tecnología IES Pablo Serrano 2010 – 2011 Ignacio Elorriaga.
Que es un navegador de Internet. Un navegador web o de Internet, es un programa que permite visualizar la información que contiene una página web (que.
Karina Quispe. Multiplataforma Simple Esta en todos lados No es mas que simple texto Libre.
Web y Multimedia II Integrantes: Piero Álvarez Mayra Atience Jhonney Bermeo Johanna Cabrera Gabriela Cango.
USB-Ingeniería de Sistemas Programación en Internet Agosto 2015 Introducción al Html.
HTML.
Páginas web Una página web es un documento visible en la World Wide Web mediante un navegador. Tipos de web EstáticasDinámicas Un sitio web es un conjunto.
INTRODUCCIÓN HTML. QUE ES HTML El HTML (Hyper Text Markup Language) es el lenguaje con el que se escriben las páginas web. HTML es un lenguaje de hipertexto.
Las tablas nos permite representar y ordenar cualquier elemento de nuestra presentación en diferentes filas y columnas de modo que podamos resumir grandes.
HTML Básico. Temas a desarrollar  ¿Qué es HTML?  Estructura de un documento HTML  Comentarios  Títulos  Cabeceras  Párrafos  Salto de línea  Fuentes.
Principios, teoría y práctica sobre los conceptos de HTML básicos.
Hojas de Estilo en Cascada CSS RAFAEL MOURGLIA. CSS son las siglas de Cascade Style Sheet que traducido significa hojas de estilo en cascada. Las hojas.
HTM L (Hyper Text Markup Language). ¿Qué es HTML? Es el lenguaje que permite escribir texto de forma estructurada, y que está compuesto por etiquetas,
HTML.
HERRAMIENTAS DE INFORMATICA
Como crear una pagina web
Como crear una pagina web
LENGUAJES DE CODIGO PARA DISEÑO DIGITAL
CÓDIGO HTML PRESENTADO POR: JHERSON FERNANDO TRUJILLO RUBIO
HTML Informática.
HTML Formato al texto.
Introducción al HTML CORUNIVERSITEC Multimedia y Web
HTML.
UNIDAD I: INTRODUCCIÓN AL DISEÑO WEB.
Ricardo Ferrís Castell
Tema 4 Lenguaje HTML Parte 1.
COLORES, FONDOS Y FUENTES CON CSS
Como elaborar una página HTML
Camila Barney Osorio 1101 j.m.
13 Clase/ 5 de noviembre 2015/ Jueves --Exposiciones -Estructura del Cuerpo HTML 5 -CCS --Maquetación en Dreanweaver.
Parte 3. HTML.
Lenguajes de programación
Francisco de Jesus Guerrero Mata Ing. Sistemas Computacionales
HTML HTML es un lenguaje de marcado que se utiliza para el desarrollo de páginas de Internet. Se trata de la sigla que corresponde a HyperText Markup.
Parte 2.
HTML. El lenguaje de marcas de hipertexto
* Puedes hacer dos grupos de participantes. Por ejemplo, el grupo A y el grupo B. Te recomiendo que ellos mismos elijan un nombre de equipo divertido.
Implementación y administración de sitios web 2013
Creación de contenidos Web-HTML
HTML HyperText Markup Language (Lenguaje de Marcas de Hipertexto)
HTML5 es la nueva versión del lenguaje de marcado que se usa para estructurar páginas web, que actualmente todavía sigue en su evolución, gracias a él.
Hypertext Markup Language HTML. HTML HTML es un lenguaje de marcas, sencillo, pensado para el intercambio de información en la WWW. Se trata de una "Definición.
INFORMATICA. Vamos a hablar de...HTML Conceptos del lenguaje Estructura para documentos Herramientas usadas para crear documentos Buenas prácticas.
Lenguajes del lado del cliente
HTML.
HTML.
Curso Creación Pàginas Web
HTML HyperText Markup Language (Lenguaje de Marcas de Hipertexto)
Teletraducción Servicio Web Wide World y servicio FTP
Historia del HTML y de Internet Tim Berners-Lee creó la primera versión del lenguaje HTML en 1989, junto con su equipo también desarrollaron el protocolo.
2 ¿Qué es ? El HTML5 (HyperText Markup Language) es la quinta revisión del lenguaje de marcas de hipertexto de la World Wide Web. Esta nueva versión pretende.
Guía Básica de HTML.
Transcripción de la presentación:

HTML, Editores HTML, Servidores Locales Clase 0 HTML, Editores HTML, Servidores Locales Ing. Gustavo Rojas

HTML HyperText Markup Language (lenguaje de marcas de hipertexto)  Estándar que sirve de referencia del software que conecta con la elaboración de páginas web en sus diferentes versiones  Estándar a cargo del World Wide Web Consortium (W3C) o Consorcio WWW

Los elementos son la estructura básica de HTML Los elementos son la estructura básica de HTML. Los elementos tienen dos propiedades básicas: atributos y contenido. Cada atributo y contenido tiene ciertas restricciones para que se considere válido al documento HTML. Algunos elementos, tales como <br>, no tienen contenido ni llevan una etiqueta de cierre.

<html>: define el inicio del documento HTML, le indica al navegador que lo que viene a continuación debe ser interpretado como código HTML. Esto es así de facto, ya que en teoría lo que define el tipo de documento es el DOCTYPE, que significa la palabra justo tras DOCTYPE el tag de raíz. <script>: incrusta un script en una web, o llama a uno mediante src="url del script". Se recomienda incluir el tipo MIME en el atributo type, en el caso de JavaScript text/javascript. <head>: define la cabecera del documento HTML; esta cabecera suele contener información sobre el documento que no se muestra directamente al usuario como, por ejemplo, el título de la ventana del navegador. Dentro de la cabecera <head> es posible encontrar: <title>: define el título de la página. Por lo general, el título aparece en la barra de título encima de la ventana. <link>: para vincular el sitio a hojas de estilo o iconos. Por ejemplo:<link rel="stylesheet" href="/style.css" type="text/css">. <style>: para colocar el estilo interno de la página; ya sea usando CSS u otros lenguajes similares. No es necesario colocarlo si se va a vincular a un archivo externo usando la etiqueta <link>. <meta>: para metadatos como la autoría o la licencia, incluso para indicar parámetros http (mediante http-equiv="") cuando no se pueden modificar por no estar disponible la configuración o por dificultades con server-side scripting.

<body>: define el contenido principal o cuerpo del documento <body>: define el contenido principal o cuerpo del documento. Esta es la parte del documento html que se muestra en el navegador; dentro de esta etiqueta pueden definirse propiedades comunes a toda la página, como color de fondo y márgenes. Dentro del cuerpo <body> es posible encontrar numerosas etiquetas. A continuación se indican algunas a modo de ejemplo: <h1> a <h6>: encabezados o títulos del documento con diferente relevancia. <table>: define una tabla. <tr>: fila de una tabla. <td>: celda de una tabla (debe estar dentro de una fila). <a>: hipervínculo o enlace, dentro o fuera del sitio web. Debe definirse el parámetro de pasada por medio del atributo href. Por ejemplo: <a href="http://www.example.com" title="Ejemplo" target="_blank" tabindex="1">Ejemplo</a> <div>: división de la página. Se recomienda, junto con css, en vez de <table> cuando se desea alinear contenido. <img>: imagen. Requiere del atributo src, que indica la ruta en la que se encuentra la imagen. Por ejemplo: <img src="./imágenes/mifoto.jpg" />. Es conveniente, por accesibilidad, poner un atributo alt="texto alternativo". <li><ol><ul>: etiquetas para listas. <b>: texto en negrita (etiqueta desaprobada. Se recomienda usar la etiqueta <strong>). <i>: texto en cursiva (etiqueta desaprobada. Se recomienda usar la etiqueta <em>). <s>: texto tachado (etiqueta desaprobada. Se recomienda usar la etiqueta <del>). <u>: Antes texto subrayado. A partir de HTML 5 define porciones de texto diferenciadas o destacadas del resto, para indicar correcciones por ejemplo (etiqueta desaprobada en HTML 4.01 y redefinida en HTML 5).

Ejemplo de una pagina web simple <!DOCTYPE HTML> <html> <head> <title>Ejemplo1</title> </head> <body> <p>Párrafo de ejemplo</p> </body> </html>

Frameworks web útiles para crear una web Bootstrap Font-awesome Google fonts

Ejemplo 2 <!DOCTYPE html> <html> <head> <style> body { background-color: lightblue; } h1 { color: white; text-align: center; p { font-family: verdana; font-size: 20px; </style> </head> <body> <h1>My First CSS Example</h1> <p>This is a paragraph.</p> </body> </html> Ejemplo 2