Upload
jhon-christian-sotelo-nunez
View
27
Download
6
Embed Size (px)
DESCRIPTION
Sesion 02 - HTML y Etiquetas para un mejor desarrollo web en el mundo de la implementacion de paginas web
Citation preview
Prof. Computación e Informática
SOTELO NUÑEZ, Jhon Christian 01
<html> <title>
<head> <body>
Prof. Computación e Informática
SOTELO NUÑEZ, Jhon Christian 02
¿QUÉ ES HTML Y QUE SIGNIFICA?
HyperText Markup Language [Lenguaje de
marca de Hipertexto].
Es un estándar que sirve de referencia para la
elaboración de páginas web en sus diferentes
versiones, define una estructura básica y un
código (denominado HTML) para la definición
de contenido de una página web, como texto,
imágenes, videos, entre otros.
Prof. Computación e Informática
SOTELO NUÑEZ, Jhon Christian 03
¿CUÁLES SON LAS VERSIONES DEL HTML?
HTML fue desarrollado originalmente por Tim
Bernes-Lee pero debido al rápido crecimiento
de la web, surgió la necesidad de crear un
estándar para que tanto los programadores
como los navegadores pudieran basarse en
unas mismas normas para escribir HTML. Cada
versión de HTML establece unas normas
respecto a cuáles son las etiquetas válidas y
cómo se deben escribir.
Prof. Computación e Informática
SOTELO NUÑEZ, Jhon Christian 04
¿CUÁLES SON LAS VERSIONES DEL HTML?
Los estándares oficiales HTML son el HTML 2.0,
el HTML 3.2, el HTML 4.0 y el HTML 4.01,
aunque actualmente se trabaja en el HTML 5. El
HTLM 5 ya está empezando a ser usado
aunque todavía no es una especificación oficial.
El XHTML, una forma más avanzada del HTML
que se suponía iba a sustituir a éste, va a
quedar integrado dentro del HTML 5.
Prof. Computación e Informática
SOTELO NUÑEZ, Jhon Christian 05
EVOLUCION DEL HTML
HTML 2.0
1995, Es el primer estándar oficial HTML, no soportaba tablas.
HTML 3.2
1997, se incorporaron los últimos avances de la página web, uso de Java y texto que fluye alrededor de las imágenes
HTML 4.01
1999, se centró en el desarrollo del estándar XHTML, y dio paso al desarrollo del HTML5 en el mes de marzo 2007.
HTML5
Fecha de liberación de los estándares 2014/2015 para HTML5, 2016 para HTML5.1 y 2019 para HTML5.2
Prof. Computación e Informática
SOTELO NUÑEZ, Jhon Christian 06
ESTRUCTURA BÁSICA DEL UNA PÁGINA HTML
<HTML>
<HEAD>
<TITLE>Título de Página Web
</TITLE>
</HEAD>
<BODY>
Cuerpo de la Página
</BODY>
</HTML>
Prof. Computación e Informática
SOTELO NUÑEZ, Jhon Christian 07
ELEMENTOS DEL HTML
Prof. Computación e Informática
SOTELO NUÑEZ, Jhon Christian 08
CABECERA DEL DOCUMENTO HEAD
La cabecera es la sección comprendida entre
<head> y </head>. En ella se debe
encontrar, obligatoriamente, el título (entre
las etiquetas <Title> y </Title>)
El título de la página debe describir su
contenido por ejemplo: <Title>Computación
e Informática I</Title>
Prof. Computación e Informática
SOTELO NUÑEZ, Jhon Christian 09
CABECERA DEL DOCUMENTO HEAD
Además de la etiqueta Title, dentro de esta sección de
cabecera se suelen incluir otras etiquetas. Observar la
siguiente tabla:
Etiqueta cabecera Función ¿Es Obligatorio?
<title> Título del documento HTML Si
<base> Define ruta de acceso No
<link> Define archivo vinculado No
<meta> Define metadatos como descripción y palabra clave
No
<script> Delimita scripts incluidos No
<style> Delimita definición de estilos No
Prof. Computación e Informática
SOTELO NUÑEZ, Jhon Christian 10
CABECERA DEL DOCUMENTO HEAD
Además de la etiqueta Title, dentro de esta sección de
cabecera se suelen incluir otras etiquetas. Observar la
siguiente tabla:
Etiqueta cabecera Función ¿Es Obligatorio?
<title> Título del documento HTML Si
<link> Define archivo vinculado No
<meta> Define metadatos como descripción y palabra clave
No
<script> Delimita scripts incluidos No
<style> Delimita definición de estilos No
Prof. Computación e Informática
SOTELO NUÑEZ, Jhon Christian 11
ETIQUETA <TITLE></TITLE>
Prof. Computación e Informática
SOTELO NUÑEZ, Jhon Christian 12
ETIQUETA <Link>
Prof. Computación e Informática
SOTELO NUÑEZ, Jhon Christian 13
ETIQUETA <Link>
Prof. Computación e Informática
SOTELO NUÑEZ, Jhon Christian 14
ETIQUETA <meta>Los metadatos son datos (información) sobre los datos.
Los metadatos pueden ser utilizados por los navegadores (cómo mostrar
contenido o recarga de la página), los motores de búsqueda (palabras
clave), o otros servicios web.
Prof. Computación e Informática
SOTELO NUÑEZ, Jhon Christian 15
ETIQUETA <meta> - EJEMPLOS:
Prof. Computación e Informática
SOTELO NUÑEZ, Jhon Christian 16
ETIQUETA <script>La etiqueta <script> se utiliza para definir un script del lado del cliente, tales
como JavaScript.
Los usos más comunes de JavaScript son la manipulación de imágenes,
validación de formularios, y los cambios dinámicos de contenido.
Prof. Computación e Informática
SOTELO NUÑEZ, Jhon Christian 17
ETIQUETA <Style>La etiqueta <style> se utiliza para definir información de estilo para un documento
HTML.
Dentro del elemento <style> especifica cómo los elementos HTML deben representar
en un explorador.
Cada documento HTML puede contener varias etiquetas <style>.
Prof. Computación e Informática
SOTELO NUÑEZ, Jhon Christian 18
ETIQUETA <Style>La etiqueta <style> se utiliza para definir información de estilo para un documento
HTML.
Dentro del elemento <style> especifica cómo los elementos HTML deben representar
en un explorador.
Cada documento HTML puede contener varias etiquetas <style>.
Prof. Computación e Informática
SOTELO NUÑEZ, Jhon Christian 19
CUERPO DEL BODY
El elemento <body> contiene todo el contenido de un
documento HTML, como texto, hipervínculos, imágenes,
tablas, listas, etc.
Prof. Computación e Informática
SOTELO NUÑEZ, Jhon Christian 20
ATRIBUTOS DEL BODY
Prof. Computación e Informática
SOTELO NUÑEZ, Jhon Christian 21
ETIQUETA <P> </P>
Prof. Computación e Informática
SOTELO NUÑEZ, Jhon Christian 22
ETIQUETA <EM> <STRONG>
La etiqueta <em> marca un texto indicando que su importancia es
mayor que la del resto del texto.
La etiqueta <strong> indica que un determinado texto es de la
mayor importancia dentro de la página. Ejemplo:
Prof. Computación e Informática
SOTELO NUÑEZ, Jhon Christian 23
Prof. Computación e Informática
SOTELO NUÑEZ, Jhon Christian 24
ETIQUETA <BLOCKQUOTE>
Se emplea para indicar que el texto que encierra es una cita
textual de otro texto externo
Prof. Computación e Informática
SOTELO NUÑEZ, Jhon Christian 25
ETIQUETA <ACRONYM>
Se emplea para marcar las siglas o acrónimos del texto y
proporcionar el significado de esas siglas
Prof. Computación e Informática
SOTELO NUÑEZ, Jhon Christian 26