SlideShare una empresa de Scribd logo
1 de 10
HTML
Se encarga de
desarrollar una
descripción sobre
los contenidos que
aparecen como
textos y sobre su
estructura,
complementando
dicho texto con
diversos objetos
(como fotografías,
animaciones, etc).
Marcas Básicas
<html> </html>
<head> </head>
<title> </title>
<head> </head>
meta
<meta name> <meta name>
<body>
</body></body>
Propiedades de la
pagina
<body>
<body bycolor= “#xxyyzz”>
<body text=“#xxyyzz”>
<body link=“#xxyyzz”>
<body vlink=“#xxyyzz”>
<body alink>”#xxyyzz”>
<body background=“imagen.gif”>
<body
bycolor=“#xxyyzz”text=
“#xxyyzz”
link=“#xxyyzz”
vlink”#xxyyzz”
alink=“#xxyyzz”
Formato
de texto
<b> </b>
<i> </i>
<u> </u>
<front size=“x”>
<front
color=“#xxyyzz”>
<front face=“arial”>
<blink>
Formato de párrafo
<p>
<pr>
<br>
<blockquote> </blockquote>
<center>
<p align=center> <p aling=left> <p align=right>
Creación de listas
<ul>
<li> primer elemento de la lista </li>
<li> segundo elemento de la lista</li>
<li> tercer elemento de la lista</li>
</ul>cierra lista
lista
<ol>
<li> primer elemento de la lista</li>
<li>segundo elemento de la lista </li>
</ol> cierra lista
Lista de glosario
<dl>
<dt> termino que se va a definir </dt>
<dd> definición del termino</dt>
</dl>cierre lista
Líneas horizontales
separadas
<hr> linea horizontal
<hr width=“x%”>
<hr width=x> anchura
de la línea en
porcentaje
<hr size=x> altura de la línea
en pixeles
<hr align= center>
<hr aliign =left> <hr align=rignt>
<hr noshade> línea sin
efecto de sombre
Imáge
nes
´<img
src=“dirección de
la imagen”
<<img..border=“x”>
<img..height=“xx”
width=“yy”>
<img..alt=“texto
explicativo”>
<img..align=“botto
m”
<img..align=“middl
e”>
<img..align=“top”>
<img..align=“right”>
<img..hspace=x>
<img..vspace=y
tablas
<table>..</table>
<table width=“xx%”>
<no lleva el simbolo%>
<table height=“xx”>
<table border=“x”>
<table cellspacing=“x”>
<table
cellpadding=“x”>
<tr>..<tr>
<td..<td>
<table width=“100%”
height=“200” border=“I
!cellspacing=“3”cellpadding=“
5”
Creaciones
<a href=http://www.servidor.com/directorio/pagina.html>enunciado
delenlace</a>
<a href=mailto:direccion de mal>
<a name=“marcador”>
<a href=“#marcador”>
<a href=“direccion pagina#marcador”>
Dentro del a href
Target=_blank
Target=“_top”

Más contenido relacionado

Destacado

Ejercicios gimp david atanes martinez 4ºb
Ejercicios gimp david atanes martinez 4ºbEjercicios gimp david atanes martinez 4ºb
Ejercicios gimp david atanes martinez 4ºbDavidAtanes
 
Cartaescritaenel2070 epa
Cartaescritaenel2070 epaCartaescritaenel2070 epa
Cartaescritaenel2070 eparjmch12
 
Por qué debes escogernos para vender tu propiedad
Por qué debes escogernos para vender tu propiedadPor qué debes escogernos para vender tu propiedad
Por qué debes escogernos para vender tu propiedadInmobiliaria San Fernando
 
Trabajo final tics
Trabajo final ticsTrabajo final tics
Trabajo final ticssusu1973
 
Fernanda cárcamo
Fernanda cárcamoFernanda cárcamo
Fernanda cárcamoFernnannda7
 
Acontecimiento historico m ildred granadillo
Acontecimiento historico m ildred granadilloAcontecimiento historico m ildred granadillo
Acontecimiento historico m ildred granadillogranadillo123
 
Proceso productivo del yogurt
Proceso productivo del yogurtProceso productivo del yogurt
Proceso productivo del yogurtconstanzavasquez
 
Pretérito indefinido 2014 vf
Pretérito indefinido 2014 vfPretérito indefinido 2014 vf
Pretérito indefinido 2014 vfJDFVF
 
Presentación1
Presentación1Presentación1
Presentación1pineda001
 
Presentación personal
Presentación personalPresentación personal
Presentación personaljessica1104
 
Dejar al m presentacion yael s. i
Dejar al m presentacion yael s. iDejar al m presentacion yael s. i
Dejar al m presentacion yael s. iscrubus
 
Mapas conceptuales pablo_contreras
Mapas conceptuales pablo_contrerasMapas conceptuales pablo_contreras
Mapas conceptuales pablo_contrerasPablo Contreras
 
Relación áurea. Divina proporción.
Relación áurea. Divina proporción.Relación áurea. Divina proporción.
Relación áurea. Divina proporción.Yami Castro
 
Exposicion de-tablas-dinamicas sabrina y génesis
Exposicion de-tablas-dinamicas sabrina y génesisExposicion de-tablas-dinamicas sabrina y génesis
Exposicion de-tablas-dinamicas sabrina y génesisGenesis Pincay
 
COMUNICACIÓN Y FUNCIONES DEL LENGUAJE
COMUNICACIÓN Y FUNCIONES DEL LENGUAJECOMUNICACIÓN Y FUNCIONES DEL LENGUAJE
COMUNICACIÓN Y FUNCIONES DEL LENGUAJENayely Ailio
 
Administracion de las tenologias de la informacion
Administracion de las tenologias de la informacionAdministracion de las tenologias de la informacion
Administracion de las tenologias de la informacionGordiita Beiiap
 

Destacado (20)

Ejercicios gimp david atanes martinez 4ºb
Ejercicios gimp david atanes martinez 4ºbEjercicios gimp david atanes martinez 4ºb
Ejercicios gimp david atanes martinez 4ºb
 
Cartaescritaenel2070 epa
Cartaescritaenel2070 epaCartaescritaenel2070 epa
Cartaescritaenel2070 epa
 
Por qué debes escogernos para vender tu propiedad
Por qué debes escogernos para vender tu propiedadPor qué debes escogernos para vender tu propiedad
Por qué debes escogernos para vender tu propiedad
 
Trabajo final tics
Trabajo final ticsTrabajo final tics
Trabajo final tics
 
Proyecto IAVA Blog Z22
Proyecto IAVA Blog Z22 Proyecto IAVA Blog Z22
Proyecto IAVA Blog Z22
 
Mercado comun del sur
Mercado comun del surMercado comun del sur
Mercado comun del sur
 
Fernanda cárcamo
Fernanda cárcamoFernanda cárcamo
Fernanda cárcamo
 
Acontecimiento historico m ildred granadillo
Acontecimiento historico m ildred granadilloAcontecimiento historico m ildred granadillo
Acontecimiento historico m ildred granadillo
 
San diego
San diegoSan diego
San diego
 
Proceso productivo del yogurt
Proceso productivo del yogurtProceso productivo del yogurt
Proceso productivo del yogurt
 
Pretérito indefinido 2014 vf
Pretérito indefinido 2014 vfPretérito indefinido 2014 vf
Pretérito indefinido 2014 vf
 
Presentación1
Presentación1Presentación1
Presentación1
 
Presentación personal
Presentación personalPresentación personal
Presentación personal
 
Dejar al m presentacion yael s. i
Dejar al m presentacion yael s. iDejar al m presentacion yael s. i
Dejar al m presentacion yael s. i
 
1
11
1
 
Mapas conceptuales pablo_contreras
Mapas conceptuales pablo_contrerasMapas conceptuales pablo_contreras
Mapas conceptuales pablo_contreras
 
Relación áurea. Divina proporción.
Relación áurea. Divina proporción.Relación áurea. Divina proporción.
Relación áurea. Divina proporción.
 
Exposicion de-tablas-dinamicas sabrina y génesis
Exposicion de-tablas-dinamicas sabrina y génesisExposicion de-tablas-dinamicas sabrina y génesis
Exposicion de-tablas-dinamicas sabrina y génesis
 
COMUNICACIÓN Y FUNCIONES DEL LENGUAJE
COMUNICACIÓN Y FUNCIONES DEL LENGUAJECOMUNICACIÓN Y FUNCIONES DEL LENGUAJE
COMUNICACIÓN Y FUNCIONES DEL LENGUAJE
 
Administracion de las tenologias de la informacion
Administracion de las tenologias de la informacionAdministracion de las tenologias de la informacion
Administracion de las tenologias de la informacion
 

Similar a Html (20)

Html basico
Html basicoHtml basico
Html basico
 
Etiqueta de hatml 1
Etiqueta de hatml 1Etiqueta de hatml 1
Etiqueta de hatml 1
 
Html
HtmlHtml
Html
 
Imágenes en HTML
Imágenes en HTMLImágenes en HTML
Imágenes en HTML
 
Nuevas etiquetas en html5
Nuevas etiquetas en html5Nuevas etiquetas en html5
Nuevas etiquetas en html5
 
HTML.pdf
HTML.pdfHTML.pdf
HTML.pdf
 
Codigo html
Codigo htmlCodigo html
Codigo html
 
Estructura semantica Html5.pptx
Estructura semantica Html5.pptxEstructura semantica Html5.pptx
Estructura semantica Html5.pptx
 
ETIQUETAS DE HTML
ETIQUETAS DE HTMLETIQUETAS DE HTML
ETIQUETAS DE HTML
 
DEBER N°2 blog blogger blogspot
DEBER N°2 blog blogger blogspotDEBER N°2 blog blogger blogspot
DEBER N°2 blog blogger blogspot
 
Trabajo jose 2
Trabajo jose 2Trabajo jose 2
Trabajo jose 2
 
Etiquetas head y body
Etiquetas head y bodyEtiquetas head y body
Etiquetas head y body
 
Más Mujeres en SEO Clase 2 - Paula Alvarez
Más Mujeres en SEO Clase 2 - Paula AlvarezMás Mujeres en SEO Clase 2 - Paula Alvarez
Más Mujeres en SEO Clase 2 - Paula Alvarez
 
Nuevas etiquetas en html5
Nuevas etiquetas en html5Nuevas etiquetas en html5
Nuevas etiquetas en html5
 
Colegio nacional nicolas esguerra (1)
Colegio nacional nicolas esguerra (1)Colegio nacional nicolas esguerra (1)
Colegio nacional nicolas esguerra (1)
 
Etiquetas HTML
Etiquetas HTMLEtiquetas HTML
Etiquetas HTML
 
Pagina Web I
Pagina Web IPagina Web I
Pagina Web I
 
Estudiantes
EstudiantesEstudiantes
Estudiantes
 
Trabajo jose
Trabajo joseTrabajo jose
Trabajo jose
 
Tarea 2 de programación avanzada
Tarea  2 de programación avanzada Tarea  2 de programación avanzada
Tarea 2 de programación avanzada
 

Html