SlideShare une entreprise Scribd logo
1  sur  14
Télécharger pour lire hors ligne
Pagina Web
     Abrir el programa Notepat
  Inicio – Programas – Notepad




   Este será su sitio de trabajo
Para empezar a trabajar escojera un lenguje
             Lenguaje—H—Html




          Luego se colocara !DOCTYPE




      Y para empezar su pajina escriba html




   Para la cabecera de la pagina escriba head




              Y en head escriba title
(este aparecera enlapestana principal de la pagina)
En el title escribire Pagina Web con HTML5




     Después de head ira el cuerpo de la pagina para esto escriba body




                       Al ejecutar se podrá mirar algo asi




Dentro de body se usa h1 para el el titulo general del texto o la informacion que
                              llevara la pagina
              (Esta es una pagina Web realizada con HTML5)
Al ejecutar se verá algo así




 También podemos utilizar h2 o h3 dependiendo del tamaño de fuente que se
                                  desee
                         (son tamaños de fuentes)




                          Al ejecutar se verá algo así




Para poner un parrafo en su pagina se escribira la letra P de la siguiente manera
           (para esto se debe saber los tang que se pueden utilizar )
Al ejecutar se verá algo así




Dentro del párrafo podemos necesitar resaltar algo para esto se escribirá las
                             siguientes tang
                              i para cursiva




                               b para negrita




                        Al ejecutar se verá algo así
Para el menú de la pagina es necesario colocar el tang
                         ul




         Para su listado se colocara el tang li




              Escriba los li necesarios
Al ejecutar se verá algo así




Para un sub índice se puede utilizar la tang ol




          Escriba los ol necesarios




         Al ejecutar se verá algo así
Si desea un tabla en su pagina escriba table




Esta la empezara contrayendo según lo que requiera
            Las tr serán las columnas
Las td seran las filas




Para colocar le un borde a su tabla se utilizara la tang border la cual tendrá que
                              escribirla a lado de table
                  alii escriba el numero de grosor para su tabla
Al ejecutar se verá algo así




Para insertar una imagen
Escriba la tang img src=“ “
Dentro de las comillas (“ “) colocara el sitio donde está guardada la imagen




                        Al ejecutar se verá algo así
Para un hiperbinculo se usara la tang a href=” “
Dentro de las comillas (“ “) escribira el enlace a donde quiere que su pagina diriga
                                       al usuario
Al ejecutar se verá algo así




Para que no se vea muy amontonado utilize br para dar espacios
NO SE OLVIDE NUNCA DE CERRAR LA TANG QUE BAYA A UTILIZAR

Contenu connexe

En vedette

Conservative party - Web analysis
Conservative party - Web analysisConservative party - Web analysis
Conservative party - Web analysisFrench Tech Hub
 
Motivacion y emprendedor
Motivacion y emprendedorMotivacion y emprendedor
Motivacion y emprendedorPlan24
 
Adopting and Adapting Materials
Adopting and Adapting MaterialsAdopting and Adapting Materials
Adopting and Adapting MaterialsAnnasta Tastha
 
11. voz passiva
11. voz passiva11. voz passiva
11. voz passivaZariella
 
2 progrmacion orientada a objetos.,
2 progrmacion orientada a objetos.,2 progrmacion orientada a objetos.,
2 progrmacion orientada a objetos.,Marlon Hernandez
 
Acuerdos riems resumen de caa uno
Acuerdos riems  resumen de caa unoAcuerdos riems  resumen de caa uno
Acuerdos riems resumen de caa unotareaspp27
 

En vedette (8)

Conservative party - Web analysis
Conservative party - Web analysisConservative party - Web analysis
Conservative party - Web analysis
 
Thien thai
Thien thaiThien thai
Thien thai
 
Motivacion y emprendedor
Motivacion y emprendedorMotivacion y emprendedor
Motivacion y emprendedor
 
Adopting and Adapting Materials
Adopting and Adapting MaterialsAdopting and Adapting Materials
Adopting and Adapting Materials
 
11. voz passiva
11. voz passiva11. voz passiva
11. voz passiva
 
2 progrmacion orientada a objetos.,
2 progrmacion orientada a objetos.,2 progrmacion orientada a objetos.,
2 progrmacion orientada a objetos.,
 
Acuerdos riems resumen de caa uno
Acuerdos riems  resumen de caa unoAcuerdos riems  resumen de caa uno
Acuerdos riems resumen de caa uno
 
homecinema
homecinemahomecinema
homecinema
 

Similaire à Html

Similaire à Html (20)

Paginas web con html 5!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
Paginas web con html 5!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!Paginas web con html 5!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
Paginas web con html 5!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
 
Unidad 1 ciclo 6
Unidad 1 ciclo 6Unidad 1 ciclo 6
Unidad 1 ciclo 6
 
Tarea de informática
Tarea de informáticaTarea de informática
Tarea de informática
 
Cuestionario microsoftword...
Cuestionario microsoftword...Cuestionario microsoftword...
Cuestionario microsoftword...
 
Manual de word
Manual de wordManual de word
Manual de word
 
Manual de word
Manual de wordManual de word
Manual de word
 
Cuestionario Microsoft Word
Cuestionario Microsoft WordCuestionario Microsoft Word
Cuestionario Microsoft Word
 
Html doc. descargado (reparado)
Html doc. descargado (reparado)Html doc. descargado (reparado)
Html doc. descargado (reparado)
 
Entorno de Word
Entorno de WordEntorno de Word
Entorno de Word
 
Idsaia carrero maria-.25814281
Idsaia carrero maria-.25814281Idsaia carrero maria-.25814281
Idsaia carrero maria-.25814281
 
emded/Retro2011brandon
emded/Retro2011brandonemded/Retro2011brandon
emded/Retro2011brandon
 
Retro2011brandon
Retro2011brandonRetro2011brandon
Retro2011brandon
 
Retro2011brandon
Retro2011brandonRetro2011brandon
Retro2011brandon
 
Retro2011brandon
Retro2011brandonRetro2011brandon
Retro2011brandon
 
Trabajo P 9
Trabajo P 9Trabajo P 9
Trabajo P 9
 
Retro2011brandon
Retro2011brandonRetro2011brandon
Retro2011brandon
 
Retro2011ortegon
Retro2011ortegonRetro2011ortegon
Retro2011ortegon
 
Retro2011brandon
Retro2011brandonRetro2011brandon
Retro2011brandon
 
Retro2011brandon
Retro2011brandonRetro2011brandon
Retro2011brandon
 
Curso basico de computacion
Curso basico de computacionCurso basico de computacion
Curso basico de computacion
 

Plus de luzeiitha

Importacion degraficos
Importacion degraficosImportacion degraficos
Importacion degraficosluzeiitha
 
Importación
ImportaciónImportación
Importaciónluzeiitha
 
Mantenimiento lucelly
Mantenimiento lucellyMantenimiento lucelly
Mantenimiento lucellyluzeiitha
 
Dregradados lucelly
Dregradados lucellyDregradados lucelly
Dregradados lucellyluzeiitha
 
Sprite lcelly
Sprite lcellySprite lcelly
Sprite lcellyluzeiitha
 
Para crear botones
Para crear botonesPara crear botones
Para crear botonesluzeiitha
 
Fundamentales de action script
Fundamentales de action scriptFundamentales de action script
Fundamentales de action scriptluzeiitha
 
Clip de pelicula
Clip de peliculaClip de pelicula
Clip de peliculaluzeiitha
 
Clip de pelicula
Clip de peliculaClip de pelicula
Clip de peliculaluzeiitha
 
Paisaje nocturno
Paisaje  nocturnoPaisaje  nocturno
Paisaje nocturnoluzeiitha
 
Puertos y conectores para pc
Puertos y conectores para pcPuertos y conectores para pc
Puertos y conectores para pcluzeiitha
 

Plus de luzeiitha (20)

Importacion degraficos
Importacion degraficosImportacion degraficos
Importacion degraficos
 
Importación
ImportaciónImportación
Importación
 
Lucelly php
Lucelly phpLucelly php
Lucelly php
 
Mantenimiento lucelly
Mantenimiento lucellyMantenimiento lucelly
Mantenimiento lucelly
 
Dregradados lucelly
Dregradados lucellyDregradados lucelly
Dregradados lucelly
 
Sprite lcelly
Sprite lcellySprite lcelly
Sprite lcelly
 
Graficos
GraficosGraficos
Graficos
 
Para crear botones
Para crear botonesPara crear botones
Para crear botones
 
Fundamentales de action script
Fundamentales de action scriptFundamentales de action script
Fundamentales de action script
 
Formularios
FormulariosFormularios
Formularios
 
Formularios
FormulariosFormularios
Formularios
 
Clip de pelicula
Clip de peliculaClip de pelicula
Clip de pelicula
 
Clip de pelicula
Clip de peliculaClip de pelicula
Clip de pelicula
 
Paisaje nocturno
Paisaje  nocturnoPaisaje  nocturno
Paisaje nocturno
 
Notas 2
Notas 2Notas 2
Notas 2
 
Notas
NotasNotas
Notas
 
Puertos y conectores para pc
Puertos y conectores para pcPuertos y conectores para pc
Puertos y conectores para pc
 
Html
HtmlHtml
Html
 
3
33
3
 
2
22
2
 

Html

  • 1. Pagina Web Abrir el programa Notepat Inicio – Programas – Notepad Este será su sitio de trabajo
  • 2. Para empezar a trabajar escojera un lenguje Lenguaje—H—Html Luego se colocara !DOCTYPE Y para empezar su pajina escriba html Para la cabecera de la pagina escriba head Y en head escriba title (este aparecera enlapestana principal de la pagina)
  • 3. En el title escribire Pagina Web con HTML5 Después de head ira el cuerpo de la pagina para esto escriba body Al ejecutar se podrá mirar algo asi Dentro de body se usa h1 para el el titulo general del texto o la informacion que llevara la pagina (Esta es una pagina Web realizada con HTML5)
  • 4. Al ejecutar se verá algo así También podemos utilizar h2 o h3 dependiendo del tamaño de fuente que se desee (son tamaños de fuentes) Al ejecutar se verá algo así Para poner un parrafo en su pagina se escribira la letra P de la siguiente manera (para esto se debe saber los tang que se pueden utilizar )
  • 5. Al ejecutar se verá algo así Dentro del párrafo podemos necesitar resaltar algo para esto se escribirá las siguientes tang i para cursiva b para negrita Al ejecutar se verá algo así
  • 6. Para el menú de la pagina es necesario colocar el tang ul Para su listado se colocara el tang li Escriba los li necesarios
  • 7. Al ejecutar se verá algo así Para un sub índice se puede utilizar la tang ol Escriba los ol necesarios Al ejecutar se verá algo así
  • 8. Si desea un tabla en su pagina escriba table Esta la empezara contrayendo según lo que requiera Las tr serán las columnas
  • 9. Las td seran las filas Para colocar le un borde a su tabla se utilizara la tang border la cual tendrá que escribirla a lado de table alii escriba el numero de grosor para su tabla
  • 10. Al ejecutar se verá algo así Para insertar una imagen Escriba la tang img src=“ “
  • 11. Dentro de las comillas (“ “) colocara el sitio donde está guardada la imagen Al ejecutar se verá algo así
  • 12. Para un hiperbinculo se usara la tang a href=” “ Dentro de las comillas (“ “) escribira el enlace a donde quiere que su pagina diriga al usuario
  • 13. Al ejecutar se verá algo así Para que no se vea muy amontonado utilize br para dar espacios
  • 14. NO SE OLVIDE NUNCA DE CERRAR LA TANG QUE BAYA A UTILIZAR