P3 Diseño de paginas web. 
Andrea Lara y Eduardo Ortiz 9B
Introducción 
• En esta presentación aprenderemos 
algunos de los temas básicos para 
aprender a diseñar una pagina web, a...
¿Que es y para que srive el HTML? 
• HTML es el lenguaje que se emplea para el desarrollo de 
páginas de internet. 
• Está...
¿Cuál es la estructura básica de 
una pagina web? 
• Una estructura HTML se empieza con la etiqueta <html> 
y acaba con </...
¿Qué es una etiqueta de HTML? 
• Una etiqueta será un texto incluido entre 
los símbolos menor que < y mayor que >.. El 
t...
¿Que es un atributo de HTML? 
• Cualquier etiqueta XHTML puede contener 
uno o más atributos, separados por 
espacios, que...
¿Cuáles son las etiquetas básicas 
para formar una pagina web? 
• 
<HTML>: indica el comienzo del documento HTML. 
• <HEAD...
Bibliografía 
• http://html.hazunaweb.com/102.php 
• http://ayudaparamiweb.blogspot.mx/2008/ 
11/etiquetas-basicas-de-html...
Próxima SlideShare
Cargando en…5
×

Producto 3

410 visualizaciones

Publicado el

web designs

Publicado en: Datos y análisis
0 comentarios
0 recomendaciones
Estadísticas
Notas
  • Sé el primero en comentar

  • Sé el primero en recomendar esto

Sin descargas
Visualizaciones
Visualizaciones totales
410
En SlideShare
0
De insertados
0
Número de insertados
5
Acciones
Compartido
0
Descargas
1
Comentarios
0
Recomendaciones
0
Insertados 0
No insertados

No hay notas en la diapositiva.

Producto 3

  1. 1. P3 Diseño de paginas web. Andrea Lara y Eduardo Ortiz 9B
  2. 2. Introducción • En esta presentación aprenderemos algunos de los temas básicos para aprender a diseñar una pagina web, así como algunas características del HTML.
  3. 3. ¿Que es y para que srive el HTML? • HTML es el lenguaje que se emplea para el desarrollo de páginas de internet. • Está compuesto por una serie de etiquetas que el navegador interpreta y da forma en la pantalla. • HTML dispone de etiquetas para imágenes, hipervínculos que nos permiten dirigirnos a otras páginas, saltos de línea, listas, tablas, etc.
  4. 4. ¿Cuál es la estructura básica de una pagina web? • Una estructura HTML se empieza con la etiqueta <html> y acaba con </html>. Todo lo que esté en medio será la página web. Dentro de <html></html> se encuentran 2 partes diferenciadas. • La primera <head></head> es la cabecera de la página. Aquí irán cierta información que no es directamente el contenido de la página. Aquí se pone el título de la página, los metadatos, estilos, código javascript (todo esto se estudiará en capítulos venideros). La primera que se suele estudiar es <title></title>, que indica el título de la página (lo que el navegador pone en la parte superior izquierda). • La segunda parte es <body></body>. Aquí va propiamente el contenido de la página: fotos, párrafos, formularios, etc.
  5. 5. ¿Qué es una etiqueta de HTML? • Una etiqueta será un texto incluido entre los símbolos menor que < y mayor que >.. El texto incluido dentro de los símbolos será explicativo de la utilidad de la etiqueta. • Existe normalmente una etiqueta de inicio y otra de fin, la de fin contendrá el mismo texto que la de inicio añadiéndole al principio una barra inclinada /.
  6. 6. ¿Que es un atributo de HTML? • Cualquier etiqueta XHTML puede contener uno o más atributos, separados por espacios, que permiten especificar la etiqueta. El código fuente tiene el siguiente aspecto: • <etiqueta atributo="valor_de_atributo"> • <etiqueta atributo1="valor_de_atributo1" atri buto2="valor_de_atributo2" >
  7. 7. ¿Cuáles son las etiquetas básicas para formar una pagina web? • <HTML>: indica el comienzo del documento HTML. • <HEAD>: indica que empieza la cabecera de la página. En ella se suele poner el título (<title>) de la web, una descripción y otras informaciones relacionadas con el contenido de la página. • • <BODY>: es el cuerpo de la página, donde va lo que se ve en el navegador al cargar una web. En el body van los textos, las imágenes y todos los contenidos de la web. • • <H1>, <H2>, etc.: son los títulos o encabezados. Se utilizan para establecer determinados textos de la página como titulares, suelen tener un tamaño de fuente mayor para diferenciarlos del resto del texto. Son importantes en elposicionamiento en buscadores. • • <A>: define los enlaces. • • <TABLE>: es una tabla, y dentro de esta tenemos filas <TR> y celdas<TD>. • • <P>: el texto dentro de esta etiqueta forma un párrafo. • • <IMG>: imágenes. • • <BR>: salto de línea. • • <UL>: los textos dentro de esta etiqueta se estructuran en listas. Mediante el uso de <LI> definimos cada guión dentro de la lista, y usando <OL> en lugar de <UL> tendremos listas ordenadas. • • <B> y <STRONG>: se utilizan para resaltar el texto. • • <U>: texto subrayado. • • <I>: texto en cursiva.
  8. 8. Bibliografía • http://html.hazunaweb.com/102.php • http://ayudaparamiweb.blogspot.mx/2008/ 11/etiquetas-basicas-de-html.html • http://www.mclibre.org/consultar/amaya/x html/xhtml_atributos.html • http://www2.uca.es/serv/sc/manual-html/ etiquet.htmb • http://www.aprenderaprogramar.com

×