HTML es un lenguaje de marcas para crear páginas web. El documento explica los objetivos y elementos básicos de HTML como etiquetas, atributos, cabeceras y estructura básica de una página. También describe herramientas para escribir HTML y cómo presentar texto, imágenes, enlaces e incluir otras funciones como tablas, formularios y multimedia.
¿Qué es un Página web?
¿Qué es un HTML?
SIGUENOS EN :) :
➤ FACEBOOK :
https://www.facebook.com/Dise%C3%B1o-...
➤ BLOGGER:
http://dwujfsc2018.blogspot.com/2018/...
➤ YOUTUBE :
https://www.youtube.com/watch?v=2awq_BT4Oko&feature=youtu.be
¿Qué es un Página web?
¿Qué es un HTML?
SIGUENOS EN :) :
➤ FACEBOOK :
https://www.facebook.com/Dise%C3%B1o-...
➤ BLOGGER:
http://dwujfsc2018.blogspot.com/2018/...
➤ YOUTUBE :
https://www.youtube.com/watch?v=2awq_BT4Oko&feature=youtu.be
Si bien los hospitales conjuntan a profesionales de salud que atienden a la población, existe un equipo de organización, coordinación y administración que permite que los cuidados clínicos se otorguen de manera constante y sin obstáculos.
Mario García Baltazar, director del área de Tecnología (TI) del Hospital Victoria La Salle, relató la manera en la que el departamento que él lidera, apoyado en Cirrus y Estela, brinda servicio a los clientes internos de la institución e impulsa una experiencia positiva en el paciente.
Conoce el Hospital Victoria La Salle
Ubicado en Ciudad Victoria, Tamaulipas, México
Inició operaciones en el 2016
Forma parte del Consorcio Mexicanos de Hospitales
Hospital de segundo nivel
21 habitaciones para estancia
31 camas censables
13 camillas
2 quirófanos
+174 integrantes en su plantilla
+120 equipos médicos de alta tecnología
+900 pacientes atendidos
Servicios de +20 especialidades
Módulos utilizados de Cirrus
HIS
EHR
ERP
Estela - Business Intelligence
2. OBJETIVOS
• Conocer los fundamentos de HTML
• Escribir HTML usando un editor sencillo
• Escribir HTML usando otra herramienta
• Conocer las marcas HTML
• Visualizar el HTML en un navegador
3. HTML
HTML es un lenguaje de marcas, sencillo, pensado
para el intercambio de información en la WWW.
Se trata de una "Definición de Tipo de Documento
(DTD)" SGML (Standard Generalised Markup
Language) que contiene un juego de marcas con las
que se identifican gran parte de los elementos que se
encuentran en los documentos electrónicos típicos.
7. Estructura General
<!DOCTYPE HTML PUBLIC “version html”>
<HTML>
<HEAD>
<TITLE> Titulo de mi Página</TITLE>
...... Información opcional .....
</HEAD>
<BODY>
.... el texto del documento con marcas....
</BODY>
</HTML>
Cabecera
Cuerpo
8. Reglas Generales
• Los documentos son estructurados
• Nombres de elementos o atributos no sensibles a
mayúsculas
• Valores de atributos pueden ser sensibles a mayúsculas
• Nombres de elementos no pueden contener espacios
• Usar comillas para valores de atributos
• El browser destruye e ignora caracteres de espacio
• No es un WYSIWYG
9. Reglas Generales
• Puede contener comentarios
<!- Comentario ->
• Anidamiento estricto (bien formado)
• Ignora elementos desconocidos
• Ignora atributos desconocidos
• Los browsers suelen ser permisivos
10. Herramientas para escribir HTML
• Conversores: son programas con otra función que la
de la programación Web pero que permiten convertir
a HTML
Son ejemplos de conversores Microsoft Word
™,Quark XPress™ y PageMaker™
11. Herramientas para escribir HTML
• Asistentes: ayudan a crear el código HTML e incluyen
plantillas de código prefabricadas, por ejemplo:
HotDog™ (Win), HomeSite™(Win),HTML Editor™
(Mac), Quanta™ (Linux, KDE) o Bluefish™ (Linux,
GNOME).
12. Herramientas para escribir HTML
• Editores WYSIWYG (What You See Is What You Get, lo
que ves es lo que obtienes): estos editores permiten
crear páginas web sin escribir código HTML como si se
tratase de un programa de dibujo por ordenador.
Algunos ejemplos de este tipo de editores son
Macromedia Dreamweaver™, HotMetal™ o Microsoft
Frontpage™
13. Elemento HTML
Nombre de
La Etiqueta Nombre del
atributo Valor del
atributo
Atributo Contenido
Etiqueta
Final
Elemento HTML
<H1 ALIGN=“LEFT”> Encabezado de Ejemplo </H1>
Etiqueta de Inicio
14. Documento HTML con cabecera
<html>
<head>
Elementos de la cabecera
</head>
... Resto de código de la página ...
</html>
15. Documento HTML con título
<html>
<head>
<title>Mi primera página WEB</title>
</head>
</html>
16. Documento HTML con contenido
<html>
<head>
<title>Mi primera página WEB</title>
</head>
<body>
Hola a todos, como han deducido por el titulo esta es la
primera pagina web que hago, espero que les
guste. Seguiré mejorando.
</body>
</html>
17. Documento HTML con encabezados
<h1>Encabezado 1</h1>
<h2>Encabezado 2</h2>
<h3>Encabezado 3</h3>
<h4>Encabezado 4</h4>
<h5>Encabezado 5</h5>
<h6>Encabezado 6</h6>
18. Uso de etiquetas HTML
• <HR>
Dibujo de líneas horizontales
• <BR>
Escritura de contenido sin tener en cuenta espacios en
blanco
•
• <P>
Escritura de párrafos
• Comentarios <!-- Esto es un comentario -->
19. Presentación de texto en HTML
• Alineamiento align "center", "left" y "right"
• Espaciado <br>
• Tipo de letra
<B>, <I>, <TT>, <STRIKE>, <BIG>, <SMALL>, <SUB>, <U>
<SUP>, <SUB>, <STRONG>, <EM>, <CODE>, <SAMP>, <VAR>
<CITE>, <DFN>, <PRE>
• Tamaño de letra <FONT SIZE="">
• Color de letra <FONT COLOR="#RRGGBB">
20. Presentación de texto en HTML
• Escritura de caracteres del alfabeto español
á, é, í, ó, ú, ñ Á, É, Í, Ó, Ú, Ñ
• Escritura de caracteres especiales
<, >, &, "
&#nnn;
21. Presentación de texto en HTML
• Listas
– Numerada u ordenada <OL> <LI>
– No ordenada <UL> <LI>
– Listas de glosario o de definición <DL> <LI>
– Menús <MENU> <LI>
– Listas de directorio <DIR> <LI>
• Tablas <TABLE>, <TR>, <TH>, <TD>
22. Imágenes en HTML
<img src=“image001.gif">
• <IMG>
• La imagen tiene que estar en un archivo separado
• Ejemplos de tipo de archivo: BMP, GIF, JPEG, XPM,
XBM, PNG, TIFF,
23. Enlaces hipertexto en HTML
• Página en otro directorio: dir/subdir/arch
• Uso de anclas:
<a name="nombreAncla">Comienzo</a>
• Referencia externa:
<a href="http://www.sitio.com/ancla_en#S">Texto sensible</a>
24. Apariencia de una página
• Color de fondo <body bgcolor="#RRGGBB">
• Imágenes de fondo <body background="fondo1.jpg">
• Imágenes y texto
<h2> <img src=“dibujo.gif">Texto …</h2>
• Imagen de enlace
<a href="index.htm">
<img src="img/izda.gif">
</a>
25. Otras facilidades en HTML
• Uso de frames
• Videos
• Sonido
• Multimedia
<A HREF=“archivo_multimedia">
Un archivo multimedia
</A>
26. Otras facilidades en HTML
• Plug-ins
• Cookies
• Applets
• Formularios
• Botones de acción
• Botones de Selección
• Cajas de selección
• Cajas de texto multilínea