SlideShare ist ein Scribd-Unternehmen logo
1 von 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”

Weitere ähnliche Inhalte

Andere mochten auch

Herramientas digitales
Herramientas digitalesHerramientas digitales
Herramientas digitales
abi1919
 
El callao y sus manifestaciones culturales
El callao y sus manifestaciones culturalesEl callao y sus manifestaciones culturales
El callao y sus manifestaciones culturales
nuriaalvarado
 
Simbolos patrios del perú
Simbolos patrios del perúSimbolos patrios del perú
Simbolos patrios del perú
daiell100
 
Informativa memoria rom ram
Informativa memoria rom ramInformativa memoria rom ram
Informativa memoria rom ram
Jorge Tenezaca
 
Sistemas operativosSistemas Operativos
Sistemas operativosSistemas OperativosSistemas operativosSistemas Operativos
Sistemas operativosSistemas Operativos
jesus perez perez
 
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
Gordiita Beiiap
 
Syllabus Informática I 2014
Syllabus Informática I  2014Syllabus Informática I  2014
Syllabus Informática I 2014
PakiiTa Serrano
 

Andere mochten auch (20)

MaricruzCorrales-Estrategiasdeaprendizaje
MaricruzCorrales-EstrategiasdeaprendizajeMaricruzCorrales-Estrategiasdeaprendizaje
MaricruzCorrales-Estrategiasdeaprendizaje
 
Herramientas digitales
Herramientas digitalesHerramientas digitales
Herramientas digitales
 
Reto 5€ y 2H: En el centro de sevilla
Reto 5€ y 2H: En el centro de sevillaReto 5€ y 2H: En el centro de sevilla
Reto 5€ y 2H: En el centro de sevilla
 
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
 
Energías renovables
Energías renovablesEnergías renovables
Energías renovables
 
El callao y sus manifestaciones culturales
El callao y sus manifestaciones culturalesEl callao y sus manifestaciones culturales
El callao y sus manifestaciones culturales
 
Simbolos patrios del perú
Simbolos patrios del perúSimbolos patrios del perú
Simbolos patrios del perú
 
Licuadora
LicuadoraLicuadora
Licuadora
 
Seminario Mercado TIC: tendencias y escenarios 2016
Seminario Mercado TIC: tendencias y escenarios 2016Seminario Mercado TIC: tendencias y escenarios 2016
Seminario Mercado TIC: tendencias y escenarios 2016
 
Informativa memoria rom ram
Informativa memoria rom ramInformativa memoria rom ram
Informativa memoria rom ram
 
Proyecto tecnologico
Proyecto tecnologicoProyecto tecnologico
Proyecto tecnologico
 
Los niños en el mundo
Los niños en el mundoLos niños en el mundo
Los niños en el mundo
 
Informatica Educativa 2013
Informatica Educativa 2013Informatica Educativa 2013
Informatica Educativa 2013
 
Sistemas operativosSistemas Operativos
Sistemas operativosSistemas OperativosSistemas operativosSistemas Operativos
Sistemas operativosSistemas Operativos
 
Diseño grupo 207102-142
Diseño grupo 207102-142Diseño grupo 207102-142
Diseño grupo 207102-142
 
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
 
Ensayo simce 4
Ensayo simce 4 Ensayo simce 4
Ensayo simce 4
 
1 141 179_93_1308
1 141 179_93_13081 141 179_93_1308
1 141 179_93_1308
 
Syllabus Informática I 2014
Syllabus Informática I  2014Syllabus Informática I  2014
Syllabus Informática I 2014
 
Portafolio
PortafolioPortafolio
Portafolio
 

Ähnlich wie Html

Nuevas etiquetas en html5
Nuevas etiquetas en html5Nuevas etiquetas en html5
Nuevas etiquetas en html5
Oscar Naranjo
 
Colegio nacional nicolas esguerra (1)
Colegio nacional nicolas esguerra (1)Colegio nacional nicolas esguerra (1)
Colegio nacional nicolas esguerra (1)
Nicolas Tavera
 

Ähnlich wie 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