«etiquetas», rodeadas por               corchetes angulares (<,>)MIME: Multipurpose Internet Mail          Extensions     ...
HTML Tags (Etiquetas HTML), Tim Berners-Lee en 1991  Boceto Hypertext Markup Language de Berners-Lee y Dan Connolly, el cu...
El W3C (World Wide Web Consortiun) es un consorcio internacional dondeOrganizaciones miembro, Personal Full-time y el públ...
El lenguaje HTML puede ser creado y editado   con cualquier editor de textos básico, como  puede ser Gedit en Linux, el Bl...
Algunos tipos de Elementos:Estructurales:Describen el propósito del texto y no denotan ningún formato específico. Por eje...
Toda página web empieza con laetiqueta <HTML> dentro de la cualse almacena todo el código de lapágina web.Las instruccione...
A continuación se ubica el <HEAD>, ocabecera, dentro de la cual se ubica el título de la página web, este es reconocido, e...
El <Body> permite almacenar todo el código que necesitas para insertar tablas, párrafos,imágenes, colores, enlaces, y demá...
PASO 1.Abrir el editor de texto sin formato (bloc de notas)
PASO 2.Iniciar la estructura de la página web con el código HTML
PASO 3.Ubicate dentro de las instrucciones <html> y abre una nueva instrucción: <head>,no olvides cerrarla </head>.
PASO 4.Dentro de las instrucciones <head> ubicamos una nueva: <title> la cualestablecerá el título de la página, no olvide...
PASO 5.Abre la instrucción <body> dentro de esta irá todo el cuerpo de la página web, sololo que se enuentre aquí se pordr...
PASO 6.Ubícate dentro de la instrucción <body> para incluir un titulo a tu página, hazlo con lainstrucción <h1> que sirve ...
PASO 7.Aun dentro de la instrucción <body> agrega párrafos con la instrucción <p>, noolvides cerrarla </p>
GUARDAR LA PÁGINA WEBHaz clic en Archivo, Guardar Como: Index.htmlporque es una página de inicio, y escogesenTipo de docum...
PASO 8.Le hace falta un color de fondo ¿verdad?Utiliza la instrucción Bgcolor, añade al<body> asi como se muestra en la im...
expo html
expo html
expo html
expo html
expo html
expo html
expo html
expo html
expo html
expo html
expo html
expo html
expo html
expo html
expo html
expo html
expo html
expo html
expo html
expo html
expo html
expo html
expo html
expo html
expo html
expo html
expo html
expo html
expo html
expo html
expo html
expo html
Próxima SlideShare
Cargando en…5
×

expo html

138 visualizaciones

Publicado el

Publicado en: Educación
0 comentarios
0 recomendaciones
Estadísticas
Notas
  • Sé el primero en comentar

  • Sé el primero en recomendar esto

Sin descargas
Visualizaciones
Visualizaciones totales
138
En SlideShare
0
De insertados
0
Número de insertados
19
Acciones
Compartido
0
Descargas
1
Comentarios
0
Recomendaciones
0
Insertados 0
No insertados

No hay notas en la diapositiva.

expo html

  1. 1. «etiquetas», rodeadas por corchetes angulares (<,>)MIME: Multipurpose Internet Mail Extensions [Lenguaje de Marcado de Hipertexto ]
  2. 2. HTML Tags (Etiquetas HTML), Tim Berners-Lee en 1991 Boceto Hypertext Markup Language de Berners-Lee y Dan Connolly, el cual incluía una Definición de Tipo de Documento SGML para definir la gramáticaIETF Internet EngineeringTaskForce (Grupo Especial sobreIngeniería de Internet1 ) SGML son las siglas de Standard Generalized Markup Language o "Estándar de Lenguaje de Marcado Generalizado"
  3. 3. El W3C (World Wide Web Consortiun) es un consorcio internacional dondeOrganizaciones miembro, Personal Full-time y el público en general trabajan para desarrollar Estándares Web. La misión del W3C es la de maximizar el potencial de la WWW desarrollando protocolos y guías que aseguren el crecimiento futuro de la Web.
  4. 4. El lenguaje HTML puede ser creado y editado con cualquier editor de textos básico, como puede ser Gedit en Linux, el Bloc de notas de Windows, o cualquier otro editor que admita texto sin formato como GNU Emacs, MicrosoftWordpad, TextPad, Vim, Notepad++, entre otros.
  5. 5. Algunos tipos de Elementos:Estructurales:Describen el propósito del texto y no denotan ningún formato específico. Por ejemplo:<h1>Curso HTML</h1>Presentacion:Describen la apariencia del texto, independientemente de su función. Por ejemplo:<b>Curso HTML</b> Los elementos de presentación se encuentran obsoletos desde laaparición del CSS.HiperTexto:Relaciona una parte del documento a otros documentos.Por ejemplo:<a href=“http://www.cema.edu.ar”>Universidad del Cema</a>
  6. 6. Toda página web empieza con laetiqueta <HTML> dentro de la cualse almacena todo el código de lapágina web.Las instrucciones HTML debenabrirse con los operadores < > ycerrarse con </ >.
  7. 7. A continuación se ubica el <HEAD>, ocabecera, dentro de la cual se ubica el título de la página web, este es reconocido, en una de sus pestañas, por el navegador que permite visualizarla.
  8. 8. El <Body> permite almacenar todo el código que necesitas para insertar tablas, párrafos,imágenes, colores, enlaces, y demás recursos que necesite tu página web, lo que se encuentre aquí se visualizará en pantalla. Todas las instrucciones que abras (<body>) necesitaran cerrarse (</body>)
  9. 9. PASO 1.Abrir el editor de texto sin formato (bloc de notas)
  10. 10. PASO 2.Iniciar la estructura de la página web con el código HTML
  11. 11. PASO 3.Ubicate dentro de las instrucciones <html> y abre una nueva instrucción: <head>,no olvides cerrarla </head>.
  12. 12. PASO 4.Dentro de las instrucciones <head> ubicamos una nueva: <title> la cualestablecerá el título de la página, no olvides cerrarla </title>
  13. 13. PASO 5.Abre la instrucción <body> dentro de esta irá todo el cuerpo de la página web, sololo que se enuentre aquí se pordra visualizar en pantalla, no olvides cerrarla </body>
  14. 14. PASO 6.Ubícate dentro de la instrucción <body> para incluir un titulo a tu página, hazlo con lainstrucción <h1> que sirve para agregar encabezados, no olvides cerrar la instrucción</h1>.Dentro de ellas puedes escribir un título
  15. 15. PASO 7.Aun dentro de la instrucción <body> agrega párrafos con la instrucción <p>, noolvides cerrarla </p>
  16. 16. GUARDAR LA PÁGINA WEBHaz clic en Archivo, Guardar Como: Index.htmlporque es una página de inicio, y escogesenTipo de documento: Todos losarchivos.Ubica el archivo en el escritorio paraque sea de facil acceso.¡Y a Guardar y ejecutarnuestra página web!Si ubicaste el archivo en el escritorio de tucomputador, solo debes ir allí y hacer dobleclic en el archivo, el cual tendrá un icono con laimagen de tu navegador.
  17. 17. PASO 8.Le hace falta un color de fondo ¿verdad?Utiliza la instrucción Bgcolor, añade al<body> asi como se muestra en la imagen.El color debe escribirse en ingles o hexadecimal(es el color codificado en letras y números)

×