• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
HTML
 

HTML

on

  • 561 views

HyperText Markup Language («lenguaje de marcas de hipertexto»), hace referencia al lenguaje de marcado para la elaboración de páginas web. Es un estándar que, en sus diferentes versiones

HyperText Markup Language («lenguaje de marcas de hipertexto»), hace referencia al lenguaje de marcado para la elaboración de páginas web. Es un estándar que, en sus diferentes versiones

Statistics

Views

Total Views
561
Views on SlideShare
561
Embed Views
0

Actions

Likes
0
Downloads
16
Comments
0

0 Embeds 0

No embeds

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    HTML HTML Presentation Transcript

    • HTML Por Yamil Lambert
    • HTML HyperText Markup Language  Lenguaje de marcado para la elaboración de páginas web.  Es un estándar que, en sus diferentes versiones, define una estructura básica y un código (denominado código HTML) para la definición de contenido de una página web, como texto, imágenes, etc.  Es un estándar a cargo de la W3C 
    • Marcas esenciales El contenido de una pagina Web debe estar rodeado por las marcas <html> y </html>  Estas marcas le dicen al navegador Web que el contenido es una pagina HTML.  Las marcas <head> y </head> tienen información sobre la pagina.Las marcas <title> y </title> muestran el titulo de la pagina.  Entre las marcas <body>y </body> se encuentra todo el contenido visible. 
    • Estructura Básica <html> <head> <title>Mi Primera Página</title> </head> <body> <p>ejemplo1</p> </body> </html>
    • Texto, Cabeceras, Formato <h1> a <h6>: encabezados o títulos del documento con diferente relevancia.  <p> bloques de párrafos.  <br> Retorno de carro o enter.  <pre> texto PREformated  Atributo Aling, Center, justify, left y right  <blockquote> Sangría. 
    • Negrita, Cursiva, Subrayado y Tachado <b>: texto en negrita. Se recomienda usar la etiqueta <strong>).  <i>: texto en cursiva. Se recomienda usar la etiqueta <em>).  <s>: texto tachado. Se recomienda usar la etiqueta <del>).  <u>: texto subrayado.  <center> centrar bloques. 
    • La tilde, Eñe y los caracteres especiales  Entidad Numerada o entidad numerada: ◦ Formato: &Entidad; ◦ Formato: &#Num; Tildes: &aacute; La letra Ñ: &ntilde; &nbsp; espacio en blanco. &pound; signo de libra. &copy; signo de derecho de autor. &reg; Marca Registrada. Otros: &yen; &lt; &gt;  http://aprendiendoweb.com/caracteres-especiales       
    • Listas <ul> Listas NO Ordenas.  <ol> Listas Ordenadas.  <li> Elemento de lista.  <dl> <dt> <dd>, Listas de definición para términos o conceptos.  Considerar el anidamiento de listas. 
    • La Marca <FONT> Face, tipo de letra, considerar tipografías estándares.  Size, tamaño de la letra, puede estar comprendido entre 1 y 7 (mayor dimensión cuanto más cercano al 7)  Color, color de la letra en nombre o en valor HEX. 
    • Colores RGB (en inglés Red, Green, Blue, en español rojo, verde y azul) es la composición del color en términos de la intensidad de los colores primarios de la luz.  Atributo bgcolor="#Color"  El sistema numérico hexadecimal 
    • Enlaces Para crear un enlace es necesario utilizar la etiqueta de ancla <a> junto con el atributo href, que establecerá la dirección URL a la que apunta el enlace.  Atributos: title y target.  Rutas relativas y rutas absolutas para el atributa href. «../»  Enlaces Externos, locales, Recursos y Anclas  Enlaces de correo: mailto 
    • Imágenes <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".  Imagen como enlace: <a href=”enlace”><img src="imagen” /></a>. 
    • Tablas <table>: define una tabla.  <tr>: fila de una tabla.  <td>: celda de una tabla (debe estar dentro de una fila).  Atributos de Table: width, height, border, cellpadding, cell spacing, background.  En las celdas: rowspan, colspan, bgcolor. 
    • CSS Cascading Style Sheets  Lenguaje de hojas de estilos usado para describir la presentación semántica (el aspecto y formato) de un documento escrito en lenguaje de marcas.  Su aplicación más común es dar estilo a páginas webs escritas en lenguaje HTML y XHTML.  Definir dentro del elemento <head> 
    • CSS <style> Para definir un estilo que será usado con el atributo class; se debe especificar type="text/css".  Para definir estilo con nombre:  <style type="text/css"> .NombredelEstilo{ }  Para redefinir estilo en marcas HTML: <style type="text/css"> h1 { }  Atributos a nivel de texto: font-family, font-size y
    • CSS con archivos externos <link> para enlazar a un archivo extrnbo  Atributos :  ◦ href="Archivo.css" ◦ rel="stylesheet" ◦ type="text/css" Archivo externo se recomiendo empezar con @charset "utf-8 ";  Defina los estilos directamente con nombre empezando con ". " o con una marca a redefinir. 
    • Formularios      Nos permiten dentro de una página Web solicitar información al visitante y procesarla. La marca que define uno es <form>. Atributos : action, method Sentencias de Entrada <INPUT>, Atributos type: ◦ text, number, password, tel, date, email, time, url  Principal Atributo donde se almacena los datos es «Value»
    • HTML5  <Audio> permite reproducción de audio sin necesidad de complementos mp3/ogg/wav. ◦ Propiedades: src, autoplay, loop, controls.  <video> permite reproducción de video sin necesidad de complementos mp4/ogv/ webm. ◦ Propiedades: src, poster, autoplay, loop, controls, type, codecs,