Html

16
Zamora Santamaria Sebastián “HTML” Manejo de aplicaciones por medios digitales Prof.: Abraham Hernández 1

Transcript of Html

Page 1: Html

1

Zamora Santamaria Sebastián“HTML”

Manejo de aplicaciones por medios digitales

Prof.: Abraham HernándezGrupo 208

Conalep Tlalpan 1

Page 2: Html

2

Índice:¿Que es HTML?...............................3Estructura principal de HTML…….4Etiquetas principales de HTML..5-6Hojas de estilo .css……………………….7

Ejemplos de HTML..……………….8-15

Conclusión..……………………………….16

Page 3: Html

3

¿Qué es HTML?El HTML, Hyper Text Markup Language

(Lenguaje de marcación de Hipertexto) es el lenguaje de marcas de texto utilizado normalmente en la www (World Wide Web). Fue creado en 1986 por el físico nuclear Tim Berners-Lee; el cual tomo dos herramientas preexistentes: El concepto de Hipertexto (Conocido también como link o ancla) el cual permite conectar dos elementos entre si y el SGML (Lenguaje Estándar de Marcación General) el cual sirve para colocar etiquetas o marcas en un texto que indique como debe verse.

Page 4: Html

4

Estructura principal de HTML<html><head><title> Titulo </title></head><body>

</body><html>________________________________________________Nota: todas las etiquetas que se abran

deberán de ser cerradas con un “/”

Page 5: Html

5

Etiquetas principales de HTMLBgcolor: Esta es colocada dentro de la

etiqueta body, es para dar un fondo de color a nuestra pagina

Background: Esta es colocada en la etiqueta body, es para poner de fondo una imagen a nuestra pagina

Text: Esta igual se pone en la etiqueta body, nos sirve para poner de un color nuestro texto de nuestra pagina

Center: Se pone el inicio y el final de un texto que queramos centrar

A href: se pone para poner una referencia o un enlace directo

Img src: Esta nos sirve para poner una imagen

Page 6: Html

6

Etiquetas principales de HTMLTable: Nos sirve para poner una tabla en

nuestra paginaTr: Se pone dentro de table para decirnos en

donde comienza una filaTd: Se pone dentro de table para decirnos en

donde comienza una columnaColspan: Se pone dentro de td y nos sirve

para unir dos columnasRowspan: Se pone dentro de td y nos sirve

para unir dos filas

Page 7: Html

7

Hojas de estilo .cssCSS es una especificación desarrollada por el

W3C (World Wide Web Consortium) para permitir la separación de los contenidos de los documentos escritos en HTML, XML, XHTML, SVG, o XUL de la presentacin del documento con las hojas de estilo, incluyendo elementos tales como los colores, fondos, márgenes, bordes, tipos de letra..., modificando as la apariencia de una página web de una forma más sencilla, permitiendo a los desarrolladores controlar el estilo y formato de sus documentos.

Page 8: Html

8

Ejemplos de HTMLHtml con bgcolor, text y center:<html><head><title> 208 </title></head><body bgcolor="#c0c0c0" text="#ffffff"> <center>Zamora Santamaria Sebastian</center></body></html>

Queda de la siguiente forma:

Page 9: Html

9

Page 10: Html

10

Html con background, text y center:<html><head><title> 208 </title></head><body background="Freddie Mercury.JPG"

text="#ffffff"> <center>Zamora Santamaria

Sebastian</center></body></html>

Queda de la siguiente forma:

Page 11: Html

11

Page 12: Html

12

Html con a href y img src:<html> <head> <title> 208 </title> </head> <body> <center>Zamora Santamaria

Sebastian</center> <a

href="javascript.html">Javascript</a><p> <img src="FreddieMercury.jpg"> </body> </html>Queda de la siguiente forma:

Page 13: Html

13

Page 14: Html

14

Html con table, tr, td, colspan y rowspan:<html><head><title> Tabla </title></head><body><table width=10% border=1 cellspacing=10><tr><td colspan=2><center>1</center></td></tr><tr><td rowspan=2><center>3</center</td><td>4</td></tr><tr><td>6</td></tr></body></html>Queda de la siguiente forma:

Page 15: Html

15

Page 16: Html

16

ConclusiónSin el lenguaje HTML el internet no

seria lo que conocemos hoy en día, la mayoría de todas las paginas que usamos día tras día están escritas en lenguaje HTML, es muy importante para un informático saber utilizar este lenguaje, ya que un informático lo usara a través de sus estudios y sus trabajos que ejecute.