SlideShare una empresa de Scribd logo
UNIVERSIDAD ESTATAL DE BOLIVAR
CAEDIS LAS NAVES
Asignatura:
Herramientas de la Gestión Web I
Tutor:
Lic. Marcelo Baño
Integrantes:
Guicela Ocampo, Jenny Andachi
Ciclo:
7mo Informática educativa
SIGUIENTE
QUE ES HTML.
• Es el lenguaje con el que se
escriben las páginas web. Las
páginas web pueden ser vistas
por el usuario mediante un tipo
de aplicación llamada navegador.
Podemos decir por lo tanto que el
HTML es el lenguaje usado por
los navegadores para mostrar las
páginas webs al usuario, siendo
hoy en día la interface más
extendida en la red.
ESTRUCTURA Y ETIQUETAS
Las etiquetas se escriben entre < > y (la mayoría) tienen
la etiqueta de cierre < / >, que es la misma etiqueta solo
que con la barra / después de <. Lo que está entre las
dos etiquetas recibe el efecto.
¿Para qué una etiqueta de cierre?, bueno es para limitar
nuestra etiqueta, o sea, como no queremos que todo este
subrayado (por ejemplo) donde ya no queremos que sea
así escribimos el cierre. La etiqueta <u> y su etiqueta
de cierre, </u>, indica subrayar un texto.
Ejemplo:
<u> Texto subrayado </u> Texto Normal, el resultado
es:
Texto subrayado Texto Normal
SIGUIENTE
ESTRUCTURA Y ETIQUETAS
ETIQUETAS FUNCION
<html> empezar con la etiqueta principal
<head> El encabezado, que es el título de la página
<title> para el titulo
<body> Para el contenido de la pagina
<u> Texto subrayado
<b> indica texto en negrita
<p> dejar una línea de separación
ESTILOS DE PARRAFO
<br> deja una linea de espacio
<hr> colocar una línea para separar
size tamaño
color El color
width el ancho
ESTILOS DE FUENTES
<BLINK> Texto intermitente
<VAR> Texto grande
<STRIKE> Texto tachado
Atributos de BODY
<body bgcolor="#00CCFF"> para poner un color fijo de la página
<body background="fondo.jpg"> Coloca una imágen de fondo de la página
<a> hace que un texto se convierta en enlace
Las partes del documento:
<html>
<head> <title> Título de mi
página </title> </head>
<body>
Aquí
va el contenido de mi
página
</body> </html>
Nota: Te recomiendo no usar espacios, mayúsculas o caracteres especiales (# $ % °)
en el nombre de tu archivo, para evitar problemas de lectura con el navegador.
Podrías utilizar guiones ( - ) o guiones bajos ( _ ) para reemplazar a los espacios y
nombrar a tu archivo algo así: pagina_1.html
EJEMPLO
Mi primer página
El código es este:
<html>
<head>
<title>Música</title>
</head>
<body>
<p><b>Bienvenido,</b></p>
<p>Estas en la mejor página.</p>
<p>La mejor música solo aquí.</p>
</body>
</html>
DISEÑO DE LA Pg.
WEB
LA PAGINAS WEB
EL HIPERTEXTO es una tecnología que organiza una base de información en
bloques distintos de contenidos, conectados a través de una serie de enlaces cuya
activación o selección provoca la recuperación de información
Se representan el estilo secuencial, el estilo jerárquico, el estilo reticulado y el
hipermedio.
Recomendaciones:
• Es recomendable usar el Bloc de notas que
viene con windows, u otro editor de textos
sencillo. Hay que tener cuidado con algunos
editores más complejos como Wordpad o
Microsoft Word, pues colocan su propio código
especial al guardar las páginas y HTML es
únicamente texto plano, con lo que podremos
tener problemas.
• Utiliza siempre la misma extensión en tus
archivos HTML. Eso evitará que te confundas
al escribir los nombres de tus archivos unas
veces con .htm y otras con .html. Si trabajas
con un equipo en un proyecto todavía más
importante que os pongáis todos de acuerdo en
la extensión.
SIGUIENTE
Como crear paginas web en  html
Como crear paginas web en  html

Más contenido relacionado

La actualidad más candente

Html 3° medio
Html 3°  medioHtml 3°  medio
Html 3° medio
Elizabeth Galaz
 
MANUAL PARA CREAR PÁGINAS WEB CON HTML
MANUAL PARA CREAR PÁGINAS WEB CON HTMLMANUAL PARA CREAR PÁGINAS WEB CON HTML
MANUAL PARA CREAR PÁGINAS WEB CON HTML
Jesus Elber Valencia Perea
 
Colegio nicolas esguerra
Colegio nicolas esguerraColegio nicolas esguerra
Colegio nicolas esguerra
cristianavalenciar
 
Ddsw s1 ref
Ddsw s1 refDdsw s1 ref
Ddsw s1 ref
Jessenia Realpe
 
Tarea sesion3.html
Tarea sesion3.htmlTarea sesion3.html
Tarea sesion3.html
Almar5
 
2 pagina web
2 pagina web2 pagina web
2 pagina web
hfjdshfjdshfj
 
Elementos básicos y estructura de una página web
Elementos básicos y estructura de una página webElementos básicos y estructura de una página web
Elementos básicos y estructura de una página web
adri9610
 
Pagina web con doctype
Pagina web con doctypePagina web con doctype
Pagina web con doctype
Sonia Fernanda Idrobo Idrobo
 
2° pagina web html5
2° pagina web html52° pagina web html5
2° pagina web html5
Sonia Fernanda Idrobo Idrobo
 
Pagina a html
Pagina a htmlPagina a html
Pagina a html
taniamabel
 
Unidad educativa municipal quitumbe
Unidad educativa municipal quitumbeUnidad educativa municipal quitumbe
Unidad educativa municipal quitumbe
Teban Jácome
 
Código HTML
Código HTMLCódigo HTML
Código HTML
Tatiana Trujillo
 
Etiquetas básicas de html
Etiquetas básicas de htmlEtiquetas básicas de html
Etiquetas básicas de html
nicolas esguerra
 
Colegio nacional nicolás esguerra
Colegio nacional nicolás esguerraColegio nacional nicolás esguerra
Colegio nacional nicolás esguerra
alejanbejarano
 
Elisseth parte 2
Elisseth parte 2Elisseth parte 2
Elisseth parte 2
lis-1988
 
Creacion Paginas Web
Creacion Paginas WebCreacion Paginas Web
Creacion Paginas Web
Evelin Claudia
 
Creación de una página web básica
Creación de una página web básicaCreación de una página web básica
Creación de una página web básica
Jesús Barrón
 

La actualidad más candente (17)

Html 3° medio
Html 3°  medioHtml 3°  medio
Html 3° medio
 
MANUAL PARA CREAR PÁGINAS WEB CON HTML
MANUAL PARA CREAR PÁGINAS WEB CON HTMLMANUAL PARA CREAR PÁGINAS WEB CON HTML
MANUAL PARA CREAR PÁGINAS WEB CON HTML
 
Colegio nicolas esguerra
Colegio nicolas esguerraColegio nicolas esguerra
Colegio nicolas esguerra
 
Ddsw s1 ref
Ddsw s1 refDdsw s1 ref
Ddsw s1 ref
 
Tarea sesion3.html
Tarea sesion3.htmlTarea sesion3.html
Tarea sesion3.html
 
2 pagina web
2 pagina web2 pagina web
2 pagina web
 
Elementos básicos y estructura de una página web
Elementos básicos y estructura de una página webElementos básicos y estructura de una página web
Elementos básicos y estructura de una página web
 
Pagina web con doctype
Pagina web con doctypePagina web con doctype
Pagina web con doctype
 
2° pagina web html5
2° pagina web html52° pagina web html5
2° pagina web html5
 
Pagina a html
Pagina a htmlPagina a html
Pagina a html
 
Unidad educativa municipal quitumbe
Unidad educativa municipal quitumbeUnidad educativa municipal quitumbe
Unidad educativa municipal quitumbe
 
Código HTML
Código HTMLCódigo HTML
Código HTML
 
Etiquetas básicas de html
Etiquetas básicas de htmlEtiquetas básicas de html
Etiquetas básicas de html
 
Colegio nacional nicolás esguerra
Colegio nacional nicolás esguerraColegio nacional nicolás esguerra
Colegio nacional nicolás esguerra
 
Elisseth parte 2
Elisseth parte 2Elisseth parte 2
Elisseth parte 2
 
Creacion Paginas Web
Creacion Paginas WebCreacion Paginas Web
Creacion Paginas Web
 
Creación de una página web básica
Creación de una página web básicaCreación de una página web básica
Creación de una página web básica
 

Similar a Como crear paginas web en html

Manual html
Manual htmlManual html
Manual html
Marcos Rozze
 
Html
HtmlHtml
Html
HtmlHtml
Guia de html 3 y 4 periodo
Guia de html 3 y 4  periodoGuia de html 3 y 4  periodo
Guia de html 3 y 4 periodo
Macepla822
 
Manual de-html
Manual de-htmlManual de-html
Manual de-html
UPT "JOSÉ FELIX RIBAS"
 
Html
HtmlHtml
Html
UEB
 
Html111
Html111Html111
Html111
pelusa0104
 
Guia de repaso html11
Guia de repaso html11Guia de repaso html11
Guia de repaso html11
María C. Plata
 
Lenguaje de programación de páginas web
Lenguaje de programación de páginas webLenguaje de programación de páginas web
Lenguaje de programación de páginas web
albafa1995
 
Html doc. descargado (reparado)
Html doc. descargado (reparado)Html doc. descargado (reparado)
Html doc. descargado (reparado)
GEEKS - Ventas y Servicios
 
Descripción de la sintaxis con la que se trabaja en el lenguaje html
Descripción de la sintaxis con la que se trabaja en el lenguaje htmlDescripción de la sintaxis con la que se trabaja en el lenguaje html
Descripción de la sintaxis con la que se trabaja en el lenguaje html
joraloca
 
Practicas html
Practicas htmlPracticas html
Practicas html
Paula López Burgos
 
Clase 1
Clase 1Clase 1
Clase 1
sinaibucio
 
PAGINA WEB paucar inga lidia
PAGINA WEB paucar inga lidiaPAGINA WEB paucar inga lidia
PAGINA WEB paucar inga lidia
WILDER VILCAHUAMAN
 
Texto del html
Texto del htmlTexto del html
Texto del html
IST Unitek Arequipa
 
Lenguaje html para colegio
Lenguaje html para colegioLenguaje html para colegio
Lenguaje html para colegio
Joel Pinedo
 
Crear paginas web
Crear paginas webCrear paginas web
Crear paginas web
Carlos Rincon
 
Clase 2 Desarrollo Web
Clase 2 Desarrollo Web Clase 2 Desarrollo Web
Clase 2 Desarrollo Web
Planeta Digital 360
 
Codigos HTML...paginas web
Codigos HTML...paginas webCodigos HTML...paginas web
Codigos HTML...paginas web
ABel Palma
 
Html
HtmlHtml

Similar a Como crear paginas web en html (20)

Manual html
Manual htmlManual html
Manual html
 
Html
HtmlHtml
Html
 
Html
HtmlHtml
Html
 
Guia de html 3 y 4 periodo
Guia de html 3 y 4  periodoGuia de html 3 y 4  periodo
Guia de html 3 y 4 periodo
 
Manual de-html
Manual de-htmlManual de-html
Manual de-html
 
Html
HtmlHtml
Html
 
Html111
Html111Html111
Html111
 
Guia de repaso html11
Guia de repaso html11Guia de repaso html11
Guia de repaso html11
 
Lenguaje de programación de páginas web
Lenguaje de programación de páginas webLenguaje de programación de páginas web
Lenguaje de programación de páginas web
 
Html doc. descargado (reparado)
Html doc. descargado (reparado)Html doc. descargado (reparado)
Html doc. descargado (reparado)
 
Descripción de la sintaxis con la que se trabaja en el lenguaje html
Descripción de la sintaxis con la que se trabaja en el lenguaje htmlDescripción de la sintaxis con la que se trabaja en el lenguaje html
Descripción de la sintaxis con la que se trabaja en el lenguaje html
 
Practicas html
Practicas htmlPracticas html
Practicas html
 
Clase 1
Clase 1Clase 1
Clase 1
 
PAGINA WEB paucar inga lidia
PAGINA WEB paucar inga lidiaPAGINA WEB paucar inga lidia
PAGINA WEB paucar inga lidia
 
Texto del html
Texto del htmlTexto del html
Texto del html
 
Lenguaje html para colegio
Lenguaje html para colegioLenguaje html para colegio
Lenguaje html para colegio
 
Crear paginas web
Crear paginas webCrear paginas web
Crear paginas web
 
Clase 2 Desarrollo Web
Clase 2 Desarrollo Web Clase 2 Desarrollo Web
Clase 2 Desarrollo Web
 
Codigos HTML...paginas web
Codigos HTML...paginas webCodigos HTML...paginas web
Codigos HTML...paginas web
 
Html
HtmlHtml
Html
 

Como crear paginas web en html

  • 1. UNIVERSIDAD ESTATAL DE BOLIVAR CAEDIS LAS NAVES Asignatura: Herramientas de la Gestión Web I Tutor: Lic. Marcelo Baño Integrantes: Guicela Ocampo, Jenny Andachi Ciclo: 7mo Informática educativa SIGUIENTE
  • 2.
  • 3. QUE ES HTML. • Es el lenguaje con el que se escriben las páginas web. Las páginas web pueden ser vistas por el usuario mediante un tipo de aplicación llamada navegador. Podemos decir por lo tanto que el HTML es el lenguaje usado por los navegadores para mostrar las páginas webs al usuario, siendo hoy en día la interface más extendida en la red.
  • 4. ESTRUCTURA Y ETIQUETAS Las etiquetas se escriben entre < > y (la mayoría) tienen la etiqueta de cierre < / >, que es la misma etiqueta solo que con la barra / después de <. Lo que está entre las dos etiquetas recibe el efecto. ¿Para qué una etiqueta de cierre?, bueno es para limitar nuestra etiqueta, o sea, como no queremos que todo este subrayado (por ejemplo) donde ya no queremos que sea así escribimos el cierre. La etiqueta <u> y su etiqueta de cierre, </u>, indica subrayar un texto. Ejemplo: <u> Texto subrayado </u> Texto Normal, el resultado es: Texto subrayado Texto Normal SIGUIENTE
  • 5. ESTRUCTURA Y ETIQUETAS ETIQUETAS FUNCION <html> empezar con la etiqueta principal <head> El encabezado, que es el título de la página <title> para el titulo <body> Para el contenido de la pagina <u> Texto subrayado <b> indica texto en negrita <p> dejar una línea de separación ESTILOS DE PARRAFO <br> deja una linea de espacio <hr> colocar una línea para separar size tamaño color El color width el ancho ESTILOS DE FUENTES <BLINK> Texto intermitente <VAR> Texto grande <STRIKE> Texto tachado Atributos de BODY <body bgcolor="#00CCFF"> para poner un color fijo de la página <body background="fondo.jpg"> Coloca una imágen de fondo de la página <a> hace que un texto se convierta en enlace
  • 6. Las partes del documento: <html> <head> <title> Título de mi página </title> </head> <body> Aquí va el contenido de mi página </body> </html> Nota: Te recomiendo no usar espacios, mayúsculas o caracteres especiales (# $ % °) en el nombre de tu archivo, para evitar problemas de lectura con el navegador. Podrías utilizar guiones ( - ) o guiones bajos ( _ ) para reemplazar a los espacios y nombrar a tu archivo algo así: pagina_1.html EJEMPLO
  • 7. Mi primer página El código es este: <html> <head> <title>Música</title> </head> <body> <p><b>Bienvenido,</b></p> <p>Estas en la mejor página.</p> <p>La mejor música solo aquí.</p> </body> </html> DISEÑO DE LA Pg. WEB
  • 9. EL HIPERTEXTO es una tecnología que organiza una base de información en bloques distintos de contenidos, conectados a través de una serie de enlaces cuya activación o selección provoca la recuperación de información Se representan el estilo secuencial, el estilo jerárquico, el estilo reticulado y el hipermedio.
  • 10. Recomendaciones: • Es recomendable usar el Bloc de notas que viene con windows, u otro editor de textos sencillo. Hay que tener cuidado con algunos editores más complejos como Wordpad o Microsoft Word, pues colocan su propio código especial al guardar las páginas y HTML es únicamente texto plano, con lo que podremos tener problemas. • Utiliza siempre la misma extensión en tus archivos HTML. Eso evitará que te confundas al escribir los nombres de tus archivos unas veces con .htm y otras con .html. Si trabajas con un equipo en un proyecto todavía más importante que os pongáis todos de acuerdo en la extensión. SIGUIENTE