HTML

REPUBLICA BOLIVARIANA DE VENEZUELA
UNIVERSIDAD NOR-ORIENTAL GRAN MARISCAL DE AYACUCHO

CATEDRA: ELECTIVA TCNICA
CARRERA: ING. INFORMATICA
SECCION: 1S
HTML
Profeso:
Mascia Vicenzo
Autores:
Egurrola Wilcar C.I: 18.768.334
Kairouz Charlybel C.I: 18.514.497
Zamora Gabriela C.I: 21.248.107
Fecha: Guayana, Septiembre del 2014.

NDICE
ndice
Introduccin
Desarrollo
Qu es HTML?
Etiquetas de HTML bsicas
Etiqueta Body
Headings
Imagen 1
Prrafos
Imagen 2
Comentarios
Salto de Lnea
Imagen 3
Trazar un Lnea
Imagen 4
4
4
5
5
5
5
6
6
6
6
Otras Etiquetas
Etiquetas de formato lgico

Insercin de lneas (rulers)
Etiqueta <FONT> >/FONT>
Imagen 5
Etiqueta de imgenes
6
7
7
7
8
Caracteres Especiales
ISO 8859-1 Smbolos

ISO 8859-1 Caracteres
Otros caracteres especiales que soporta HTML
8
9
10
Formularios
11
Conclusiones
13
Preguntas
14
Bibliografa
15
INTRODUCCIN
En presente trabajo tratara de lo que es HTML y sus diversas herramientas,
HTML es el lenguaje bsico de casi todo el contenido web. La mayor parte de lo que ves
en la pantalla de tu navegador est escrita, fundamentalmente, usando HTML.
Especficamente, HTML es el lenguaje con el que se escribe la estructura y la semntica
del contenido de un documento web. HTML se cre en un principio con objetivos
divulgativos. No se pens que la web llegara a ser un rea de ocio con carcter
multimedia, de modo que, el HTML se cre sin dar respuesta a todos los posibles usos
que se le iba a dar y a todos los colectivos de gente que lo utilizaran en un futuro. Sin
embargo, pese a esta deficiente planificacin, si que se han ido incorporando
modificaciones con el tiempo, estos son los estndares del HTML.
DESARROLLO
Qu es HTML?
HTML es la Lengua materna de tu navegador, HyperText Markup language
(Lenguaje de Marcas HiperTexto).
Es el lenguaje que se emplea para el desarrollo de pginas web, est compuesto
por una serie de etiquetas que el usuario (navegador) interpreta y da forma en pantalla.
Dispone de etiquetas para imgenes, hipervnculos que nos permiten dirigirnos a otras
pginas, saltos de lneas, listas, tablas.
El lenguaje HTML est definido por lo que se llama etiquetas, que se encuentran
entre los smbolos < y >, de la siguiente forma: <etiqueta>. El contenido de los
documentos est definido entre estas etiquetas, mismas que tienen una representacin
para indicar su lmite, de la siguiente forma: <etiqueta>Contenido</etiqueta>.
Etiquetas HTML Bsicas

Todo archivo HTML comienza siempre con la etiqueta <HTML> y finaliza con la
etiqueta </HTML>. La estructura de una pgina est compuesta bsicamente por dos
secciones: el encabezado (header) y el cuerpo (body), delimitados por las etiquetas:
<head>, </head> y <body>, </body>.
La etiqueta <BODY>
El uso adecuado de la etiqueta <body>, que por supuesto tiene atributos,
permite entre otras cosas cambiar o estableces el color del texto un color o una imagen
de fondo y los colores de los enlaces que tendr la pagina.
Por ejemplo:
<body background = Nombre de la imagen Bgcolor = color del fondo Text=
color del texto Link = color enlace vlink= color enlace v alink =color enlace
a> </body>
Headings
<h1> Nos da el tipo de letra ms grande. <h1> al ser usado como titulo de una
pgina web, es de suma importancia ya que es una de los parmetros que google y
dems buscadores tiene en cuenta a la hora de indexar un sitio web. <h6> Nos da el tipo
de letra ms pequeo.
1. Ejemplo y uso de la etiqueta Heading.
Prrafos
Los prrafos se definen con la etiqueta <p>
2. Ejemplo y uso de la etiqueta para los prrafos.

Comentarios
La etiqueta  se utiliza para insertar un comentario dentro del cdigo que
estamos escribiendo. El mismo es ignorado por el navegador al momento de leerlo. Los
comentarios nos sirven para explicar mejor el cdigo y son de gran ayuda en el momento
que necesitemos editarlo.
Por ejemplo:

Salto de lnea
El salto de lnea est definido con la etiqueta <br>. Es utilizado cuando queremos
cortar una lnea sin necesidad de terminar con el prrafo. La etiqueta <br> obliga a saltar
de lnea dondequiera que la ubiquemos.
3. Ejemplo y uso del salto de lnea.
Trazar una lnea
La etiqueta <hr> nos permite trazar una lnea horizontal como las que separan las
distintas secciones de este tutorial. La etiqueta <hr> no tiene cierre.
4. Ejemplo y uso del trazo de una lnea

Otras Etiquetas
Etiquetas de formato lgico
Salida
Etiquetas requeridas
La siguiente es una cita.
La siguiente es <CITE>una
cita</CITE>.>
Representa un listado de
computadora.
<CODE>Representa un listado
de computadora.</CODE>
Una secuencia de caracteres literales.
Una secuencia de<SAMP>

caracteres literales.</SAMP>
Nota:
Esta es una cita de algn texto.
Nota: <BLOCKQUOTE> Esta es

una cita de algún
texto.</BLOCKQUOTE>
La siguiente es una definicin.
La siguiente es <DFN>una
definición.</DFN>
El siguiente texto est enfatizado.
El siguiente <EM> texto </EM>

está enfatizado.
Caracteres de teclado.
<KBD>Caracteres de teclado.</KBD>
El siguiente texto est fuertemente enfatizado.
El siguiente <STRONG> texto

</STRONG> está fuertemente
enfatizado.
El siguiente nombre es una variable de programa.
El siguiente <VAR> nombre </VAR>
es una variable de programa.
Insercin de lneas (rulers)
Salida
Etiquetas requeridas
Fin de la parte anterior.

Nueva parte.
Solo 40% de ancho.
Nueva parte.
Alto del ruler = 10.
Nueva parte.
Fin de la parte anterior.

<HR> Nueva parte.
Solo 40% de ancho.
<HR WIDTH=40%> Nueva
parte.
Alto del ruler = 10.
<HR SIZE=10> Nueva parte.
Etiqueta <FONT> >/FONT>
Esta etiqueta permite controlar tres atributos del texto que se encuentre encerrado
entre ellas, su tamao (SIZE), su color (COLOR) y el tipo de fuente (FACE).
Sintaxis:
<FONT SIZE=X COLOR= color FACE=Nombre de la fuente> Texto </FONT>
5. Cdigo de los colores
Por ejemplo:
<FONT SIZE=6 COLOR= blue FACE=arial> Texto </FONT>
<FONT SIZE=8 COLOR= #800000 FACE=comic sans ms> Texto

</FONT>
<FONT SIZE=10 COLOR= red FACE=stencil> Texto </FONT>
Etiqueta de imgenes
Para insertar imgenes lo nico que se necesita conocer es la ruta y nombre del
archivo que lo contiene. La etiqueta <IMG> junto con su atributo SRC=ruta y/o nombre
del archivo permite mostrar una imagen:
<IMG SRC=logo.png>
Caracteres Especiales
ISO 8859-1 Smbolos

Resultad
o
Descripcin
Espacio de "no ruptura".
Signo de exclamacin abierta.
Signo de centavo.
Signo de libra esterlina.
Signo monetario.
Signo del yen.
Barra vertical partida.
Signo de seccin.
Diresis.
Signo de derecho de copia.
Indicador ordinal femenino.
Signo de comillas francesas de
apertura.
Signo de negacin.
Guin separador de slabas.
Signo de marca registrada.
Macrn.
Signo de grado.
Signo de ms-menos.
Superndice dos.
Superndice tres.
Acento agudo.
Signo de micro.
Signo de caldern.
Nombre
Nmero

¡
¢
£
¤
¥
¦
§
¨
©
ª
«

¡
¢
£
¤
¥
¦
§
¨
©
ª
«
¬

®
¯
°
±
²
³
´
µ
¶
¬

®
¯
°
±
²
³
´
µ
¶
Punto centrado.
Cedilla.
Superndice 1.
Indicador ordinal masculino.
Signo de comillas francesas de cierre.
Fraccin vulgar de un cuarto.
Fraccin vulgar de un medio.
Fraccin vulgar de tres cuartos.
Signo de interrogacin abierta.
Signo de multiplicacin.
Signo de divisin.
·
¸
¹
º
»
¼
½
¾
¿
×
÷
·
¸
¹
º
»
¼
½
¾
¿
×
÷
ISO 8859-1 Caracteres
Resultad
o
Descripcin
A mayscula con acento grave.
A mayscula con acento agudo.
A mayscula con circunflejo.
A mayscula con tilde.
A mayscula con diresis.
A mayscula con crculo encima.
AE mayscula.
C mayscula con cedilla.
E mayscula con acento grave.
E mayscula con acento agudo.
E mayscula con circunflejo.
E mayscula con diresis.
I mayscula con acento grave.
I mayscula con acento agudo.
I mayscula con circunflejo.
I mayscula con diresis.
ETH mayscula.
N mayscula con tilde.
O mayscula con acento grave.
O mayscula con acento agudo.
O mayscula con circunflejo.
O mayscula con tilde.
O mayscula con diresis.
O mayscula con barra inclinada.
U mayscula con acento grave.
U mayscula con acento agudo.
U mayscula con circunflejo.
U mayscula con diresis.
Y mayscula con acento agudo.
Thorn mayscula.
S aguda alemana.
a minscula con acento grave.
a minscula con acento agudo.
a minscula con circunflejo.
a minscula con tilde.
a minscula con diresis.
a minscula con crculo encima.
ae minscula.
c minscula con cedilla.
e minscula con acento grave.
e minscula con acento agudo.
e minscula con circunflejo.
Nombre
À
Á
Â
Ã
Ä
Å
Æ
Ç
È
É
Ê
Ë
Ì
Í
Î
Ï
Ð
Ñ
Ò
Ó
Ô
Õ
Ö
Ø
Ù
Ú
Û
Ü
Ý
Þ
ß
à
á
â
ã
ä
å
æ
ç
è
é
ê
Nmero
À
Á
Â
Ã
Ä
Å
Æ
Ç
È
É
Ê
Ë
Ì
Í
Î
Ï
Ð
Ñ
Ò
Ó
Ô
Õ
Ö
Ø
Ù
Ú
Û
Ü
Ý
Þ
ß
à
á
â
ã
ä
å
æ
ç
è
é
ê
e minscula con diresis.

i minscula con acento grave.
i minscula con acento agudo.
i minscula con circunflejo.
i minscula con diresis.
eth minscula.
n minscula con tilde.
o minscula con acento grave.
o minscula con acento agudo.
o minscula con circunflejo.
o minscula con tilde.
o minscula con diresis.
o minscula con barra inclinada.
u minscula con acento grave.
u minscula con acento agudo.
u minscula con circunflejo.
u minscula con diresis.
y minscula con acento agudo.
thorn minscula.
y minscula con diresis.
ë
ì
í
î
ï
ð
ñ
ò
ó
ô
õ
ö
ø
ù
ú
û
ü
ý
þ
ÿ
ë
ì
í
î
ï
ð
ñ
ò
ó
ô
õ
ö
ø
ù
ú
û
ü
ý
þ
ÿ
Otros caracteres especiales que soporta HTML

Resultado
Descripcin
OE Mayscula.
oe minscula.
Y mayscula con diresis.
Acento circunflejo.
Tilde.
Guin corto.
Guin largo.
Comilla simple izquierda.
Comilla simple derecha.
Comilla simple inferior.
Comillas doble izquierda.
Comillas doble derecha.
Comillas doble inferior.
Daga.
Daga doble.
Elipsis horizontal.
Signo de por mil.
Signo izquierdo de una cita.
Signo derecho de una cita.
Euro.
Marca registrada.
Nombre
&OElig;
&oelig;
&Yuml;
&circ;
&tilde;
–
—
‘
’
&sbquo;
“
”
&bdquo;
&dagger;
&Dagger;
…
&permil;
&lsaquo;
&rsaquo;
€
™
Nmero
Œ
œ
Ÿ
ˆ
˜
–
—
‘
’
‚
“
”
„
†
‡
…
‰
‹
›
€
™
Formularios
Los formularios son posiblemente la herramienta ms utilizada en Internet para
obtener datos e informacin acerca de la gente que navega nuestro sitio. La idea de los
formularios es recolectar informacin online en la interaccin con el usuario y luego
ejecutar una determinada accin con la misma, que podra ser por ejemplo, quizs el
10
caso ms utilizado, un formulario de venta que el usuario completa y luego es enviado

va email al vendedor en forma encriptada.
Los formularios ms sencillos se pueden crear utilizando solamente dos
etiquetas: <form> y <input>. Si se considera el formulario que muestra la siguiente
imagen:
Formulario sencillo definido con las etiquetas form e input. El cdigo HTML
necesario para definir el formulario anterior se muestra a continuacin:
<html>
<head><title>Ejemplo de formulario sencillo</title></head>
<body>
<h3>Formulario muy sencillo</h3>
<form action="http://www.librosweb.es/maneja_formulario.php"
method="post">
Escribe tu nombre:
<input type="text" name="nombre" value="" />
<br/>
<input type="submit" value="Enviar" />
</form>
</body>
</html>
La etiqueta <form> encierra todos los contenidos del formulario (botones,
cuadros de texto, listas desplegables) y la etiqueta <input> permite definir varios tipos
diferentes de elementos (botones y cuadros de texto).
11
La mayora de formularios utilizan slo los atributos action y method. El

atributo action indica la URL de la aplicacin del servidor que se encarga de procesar
los datos introducidos por los usuarios. Esta aplicacin tambin se encarga de generar la
respuesta que muestra el navegador.
El atributo method establece la forma en la que se envan los datos del
formulario al servidor. Este atributo hace referencia al mtodo HTTP, por lo que no es
algo propio de HTML. Los dos valores que se utilizan en los formularios
son GET y POST.
De
esta
forma,
casi
todos
los
formularios
incluyen
el
atributo method="get" o el atributo method="post".
12
CONCLUSIONES
Conclusin por Wilcar Egurrola.
Adems de los muchos estilos y capacidades de presentacin que nos ofrece
HTML para estructurar el documento en s, disponemos de varias directivas que nos
permiten definir relaciones entre diferentes documentos y estructurar todo un conjunto de
documentos para crear una unidad lgica. La facilidad para definir este tipo de enlaces
es una de las razones de la potencia y versatilidad de HTML. Por la similitud de
tratamiento que tienen los enlaces y los grficos.
Los enlaces en HTML se expresan rodeando con la directiva <a> el objeto (que
puede ser un fragmento de texto o un grfico) que vaya a servir como anclaje para el
enlace. Por ejemplo, si marcamos con <a> un grfico, cuando en el documento final se
pulse con el ratn sobre dicho grfico saltaremos al objeto referenciado en el enlace: otro
documento, un vdeo musical, o un servidor de informacin meteorolgica.
Conclusin por Charlybel Kairouz
Conclusin por Gabriela Zamora
Podemos decir por lo tanto que el HTML es el lenguaje usado por los
navegadores para mostrar las pginas webs al usuario, siendo hoy en da la interface
ms extendida en la red. Sin HTML, no existira el Internet que hoy conocemos, si no se
hubiera inventado, seguiramos con el aburrido FTP (Protocolo de Transferencia de
Ficheros) mandndonos o bajando archivos que a veces ni sabamos lo que eran, sin
tener la posibilidad de visualizarlo antes.
Ahora por medio de una pgina llena de colores y botones por la cual se puede
navegar, se puede tener acceso a bastante informacin y archivos. El lenguaje de HTML
abri una puerta al mundo permitindoles a las personas expresar sus ideas por medio
de pginas y mostrrselas a todas las personas de todos los pases
13
PREGUNTAS
1. Cules son los nuevos elementos que nos brinda html5?
ARTICLE: Especifica un artculo, es decir, una unidad de contenido.

SECTION: Es una seccin dentro de un documento.
HEADER: La cabecera de una pgina.
FOOTER: El pie de pgina o informaciones que formen el pie de una
seccin.
ASIDE: Es una parte de la web que muestra contenido accesorio,
generalmente colocado en un panel lateral.

NAV: con el que colocar el navegador principal de una pgina web.
2. Qu es la etiqueta meta viewport?

El Viewport es una de las etiquetas ms representativas de la web mvil, que
nos permite configurar cmo debe interpretar una pgina el navegador web para mviles.
La etiqueta meta viewport fue introducida por Apple en Safari para mviles, para
ayudar a los desarrolladores a mejorar la presentacin de sus aplicaciones web en un
iPhone, iPod Touch o iPad.
14
BIBLIOGRAFA
http://www.aprenderaprogramar.com/index.php?
option=com_content&view=article&id=435:ique-es-y-para-que-sirve-html-el-lenguajemas-importante-para-crear-paginas-webs-html-tags-cu00704b&catid=69:tutorial-basicoprogramador-web-html-desde-cero&Itemid=192 (Qu es HTML?)
http://www.virtualnauta.com/html-etiquetas-basicas - (Etiquetas bsicas)
http://www.ceia.uns.edu.ar/cursos/html/etiquet1.htm - (Otras Etiquetas)
http://es.slideshare.net/AndyQuinteroMacea/etiquetas-bsicas-en-html - (Otra Etiquetas)
http://www.virtualnauta.com/html-caracteres-especiales - (Caracteres Especiales)
http://www.virtualnauta.com/html-guia-de-referencia-caracteres-especiales - (Caracteres
Especiales)
http://librosweb.es/xhtml/capitulo_8/formularios_basicos.html - (Formularios)
15

HTML

Hochgeladen von

Dokumentinformationen

Copyright

Verfügbare Formate

Dieses Dokument teilen

Dokument teilen oder einbetten

Freigabeoptionen

Stufen Sie dieses Dokument als nützlich ein?

Sind diese Inhalte unangemessen?

Copyright:

Verfügbare Formate

HTML

Hochgeladen von

Copyright:

Verfügbare Formate

REPUBLICA BOLIVARIANA DE VENEZUELA

UNIVERSIDAD NOR-ORIENTAL GRAN MARISCAL DE AYACUCHO

Fecha: Guayana, Septiembre del 2014.

Etiquetas de HTML bsicas

Etiquetas de formato lgico

ISO 8859-1 Smbolos

Etiquetas HTML Bsicas

1. Ejemplo y uso de la etiqueta Heading.

Los prrafos se definen con la etiqueta <p>

2. Ejemplo y uso de la etiqueta para los prrafos.

3. Ejemplo y uso del salto de lnea.

Trazar una lnea

4. Ejemplo y uso del trazo de una lnea

Etiquetas de formato lgico

La siguiente es una cita.

Una secuencia de caracteres literales.

Una secuencia de<SAMP>

Nota: <BLOCKQUOTE> Esta es

La siguiente es una definicin.

El siguiente texto est enfatizado.

El siguiente <EM> texto </EM>

El siguiente texto est fuertemente enfatizado.

El siguiente <STRONG> texto

El siguiente nombre es una variable de programa.

El siguiente <VAR> nombre </VAR>

es una variable de programa.

Insercin de lneas (rulers)

Fin de la parte anterior.

Fin de la parte anterior.

Etiqueta <FONT> >/FONT>

5. Cdigo de los colores

<FONT SIZE=8 COLOR= #800000 FACE=comic sans ms> Texto

<FONT SIZE=10 COLOR= red FACE=stencil> Texto </FONT>

ISO 8859-1 Smbolos

ISO 8859-1 Caracteres

e minscula con diresis.

Otros caracteres especiales que soporta HTML

caso ms utilizado, un formulario de venta que el usuario completa y luego es enviado

La mayora de formularios utilizan slo los atributos action y method. El

atributo method="get" o el atributo method="post".

ARTICLE: Especifica un artculo, es decir, una unidad de contenido.

generalmente colocado en un panel lateral.

2. Qu es la etiqueta meta viewport?

Das könnte Ihnen auch gefallen