Introducción HTML: Lenguaje de Marcas de Hipertexto

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: á
La letra Ñ: ñ
  espacio en blanco.
£ signo de libra.
© signo de derecho de autor.
® Marca Registrada.
Otros: ¥ < >



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,

Introducción HTML: Lenguaje de Marcas de Hipertexto

Recomendados

Recomendados

Más contenido relacionado

La actualidad más candente

La actualidad más candente (19)

Destacado

Destacado (20)

Similar a Introducción HTML: Lenguaje de Marcas de Hipertexto

Similar a Introducción HTML: Lenguaje de Marcas de Hipertexto (20)

Más de Yamil Lambert

Más de Yamil Lambert (13)

Último

Último (20)

Introducción HTML: Lenguaje de Marcas de Hipertexto