SlideShare une entreprise Scribd logo
1  sur  9
   Un documento HTML ha de ser delimitado por la etiqueta
    <html> y </html>. Dentro de este documento, podemos
    asimismo distinguir dos partes principales:
    El encabezado, delimitado por <head> y </head> donde
    colocaremos etiquetas de indole informativo como por
    ejemplo el titulo de nuestra pagina.
    El cuerpo, flanqueado por la etiquetas <body> y </body>,
    que sera donde colocaremos nuestro texto e imagenes
    delimitados a su vez porotras etiquetas como las que hemos
    visto.
   Datos que no aparecen en nuestra pagina
    pero que son importantes para catalogarla:
    titulo, palabras clave..
    </head>
    <body>
   Parte del documento mostrada por el
    navegador. Texto e imagenes
    </body>
    </html>
    Con todo lo que conocemos ya sobre HTML
    podemos construir una pagina web que ya
    tiene bastante sentido.
   Una de las formas de crear listas con Dreamweaver es
    activar la barra Texto, para ello pulsaremos, tal como
    vemos en la imagen inferior, en el botón "común“ y en el
    panel que se despliega seleccionaremos la opción Texto.
    Pulsaremos el botón "ul". Con este boton activamos la
    opción simples o no ordenadas.
    Si seleccionamos la lista simple, la línea donde tengamos
    activo el cursor de texto será el comienzo de una lista.
    Cuando pulsemos la tecla entre, dreamweaver convertirá
    el texto introducido en esa línea en una entrada de la lista
    y prepara la siguiente línea como otro elemento de la lista.
    Para terminar de introducir elementos en la lista solo
    tenemos que pulsar la tecla enter dos veces seguidas y ya
    podremos continuar escribiendo normalmente.
Estructura básica de un documento HTML y creación de listas no ordenadas en Dreamweaver

Contenu connexe

Tendances (20)

Etiquetas para estructurar texto HTML5 - 2 parte
Etiquetas para estructurar texto HTML5 - 2 parteEtiquetas para estructurar texto HTML5 - 2 parte
Etiquetas para estructurar texto HTML5 - 2 parte
 
Guia#2 info
Guia#2 infoGuia#2 info
Guia#2 info
 
Luis
LuisLuis
Luis
 
diagrama de flujo
diagrama de flujodiagrama de flujo
diagrama de flujo
 
Introducion a HTML5
Introducion a HTML5Introducion a HTML5
Introducion a HTML5
 
Funciones de Word
Funciones de WordFunciones de Word
Funciones de Word
 
Etiquetas básicas de HTML
Etiquetas básicas de HTMLEtiquetas básicas de HTML
Etiquetas básicas de HTML
 
Html
HtmlHtml
Html
 
Manual html
Manual htmlManual html
Manual html
 
COMO CREAR UNA PAGINA WEB EN HTML SUS PRIMEROS PASOS
COMO CREAR UNA PAGINA WEB EN HTML SUS PRIMEROS PASOSCOMO CREAR UNA PAGINA WEB EN HTML SUS PRIMEROS PASOS
COMO CREAR UNA PAGINA WEB EN HTML SUS PRIMEROS PASOS
 
Html andriana romero
Html andriana romeroHtml andriana romero
Html andriana romero
 
Trabajofinal 8
Trabajofinal 8Trabajofinal 8
Trabajofinal 8
 
Html
HtmlHtml
Html
 
Encabezado y pie de página
Encabezado y pie de páginaEncabezado y pie de página
Encabezado y pie de página
 
Plataforma nivel básico_public
Plataforma nivel básico_publicPlataforma nivel básico_public
Plataforma nivel básico_public
 
Pagina web en html
Pagina web en htmlPagina web en html
Pagina web en html
 
PRODUCTO 3
PRODUCTO 3PRODUCTO 3
PRODUCTO 3
 
Html y tags
Html y tagsHtml y tags
Html y tags
 
Producto 3
Producto 3Producto 3
Producto 3
 
Word
WordWord
Word
 

En vedette (6)

Expropiación campesina
Expropiación campesinaExpropiación campesina
Expropiación campesina
 
La sociedad teledirigida
La sociedad teledirigidaLa sociedad teledirigida
La sociedad teledirigida
 
La meiosis
La meiosisLa meiosis
La meiosis
 
Roma
RomaRoma
Roma
 
Acebuche
AcebucheAcebuche
Acebuche
 
Genista
GenistaGenista
Genista
 

Similaire à Estructura básica de un documento HTML y creación de listas no ordenadas en Dreamweaver

Trabajo
TrabajoTrabajo
Trabajokrlyta
 
Crear tablas de contenidos luisito
Crear tablas de contenidos luisitoCrear tablas de contenidos luisito
Crear tablas de contenidos luisitoGina Santos
 
Tablas de contenidos
Tablas de contenidosTablas de contenidos
Tablas de contenidosIlovegaga
 
Crear tablas de contenidos
Crear tablas de contenidosCrear tablas de contenidos
Crear tablas de contenidosmotosx
 
Crear tablas de contenidos luisito
Crear tablas de contenidos luisitoCrear tablas de contenidos luisito
Crear tablas de contenidos luisitoDario Afellay Ferrin
 
Tablas de contenidos
Tablas de contenidosTablas de contenidos
Tablas de contenidosmariaarce93
 
Tablas de contenidos para combinar de mau
Tablas de contenidos para combinar de mauTablas de contenidos para combinar de mau
Tablas de contenidos para combinar de mauJoshuaUchiha25
 
Momento de lectura creacion de tablas de contenido
Momento de lectura creacion de tablas de contenidoMomento de lectura creacion de tablas de contenido
Momento de lectura creacion de tablas de contenidonileyna
 
Procesador de textos word
Procesador de textos wordProcesador de textos word
Procesador de textos wordclaritamontes
 
Unidad 17 tablas de contenidos de ilustraciones e índices
Unidad 17 tablas de contenidos  de ilustraciones e índices Unidad 17 tablas de contenidos  de ilustraciones e índices
Unidad 17 tablas de contenidos de ilustraciones e índices luiscevallosg
 

Similaire à Estructura básica de un documento HTML y creación de listas no ordenadas en Dreamweaver (20)

Trabajo
TrabajoTrabajo
Trabajo
 
Trabajo
TrabajoTrabajo
Trabajo
 
Crear tablas de contenidos luisito
Crear tablas de contenidos luisitoCrear tablas de contenidos luisito
Crear tablas de contenidos luisito
 
Tablas de contenidos
Tablas de contenidosTablas de contenidos
Tablas de contenidos
 
Crear tablas de contenidos
Crear tablas de contenidosCrear tablas de contenidos
Crear tablas de contenidos
 
Crear tablas de contenidos
Crear tablas de contenidosCrear tablas de contenidos
Crear tablas de contenidos
 
Crear tablas de contenidos luisito
Crear tablas de contenidos luisitoCrear tablas de contenidos luisito
Crear tablas de contenidos luisito
 
Tablas de contenidos
Tablas de contenidosTablas de contenidos
Tablas de contenidos
 
Tablas de contenidos para combinar de mau
Tablas de contenidos para combinar de mauTablas de contenidos para combinar de mau
Tablas de contenidos para combinar de mau
 
Trabajo
TrabajoTrabajo
Trabajo
 
Indices
IndicesIndices
Indices
 
Momento de lectura creacion de tablas de contenido
Momento de lectura creacion de tablas de contenidoMomento de lectura creacion de tablas de contenido
Momento de lectura creacion de tablas de contenido
 
Procesador de textos word
Procesador de textos wordProcesador de textos word
Procesador de textos word
 
Unidad # 1
Unidad # 1Unidad # 1
Unidad # 1
 
Unidad # 1
Unidad # 1Unidad # 1
Unidad # 1
 
Unidad 17 tablas de contenidos de ilustraciones e índices
Unidad 17 tablas de contenidos  de ilustraciones e índices Unidad 17 tablas de contenidos  de ilustraciones e índices
Unidad 17 tablas de contenidos de ilustraciones e índices
 
Escuela Abierta - Taller de Html
Escuela Abierta - Taller de HtmlEscuela Abierta - Taller de Html
Escuela Abierta - Taller de Html
 
Html tutorial
Html tutorialHtml tutorial
Html tutorial
 
Guia de exel
Guia de exelGuia de exel
Guia de exel
 
Word 2007
Word 2007Word 2007
Word 2007
 

Plus de Eddher Siilvhaa'

Plus de Eddher Siilvhaa' (11)

Energia mecanica, potencial & cinetica
Energia mecanica, potencial & cineticaEnergia mecanica, potencial & cinetica
Energia mecanica, potencial & cinetica
 
Fisica
FisicaFisica
Fisica
 
Caida libre
Caida libreCaida libre
Caida libre
 
Caida libre
Caida libreCaida libre
Caida libre
 
Caida libre
Caida libreCaida libre
Caida libre
 
Caida libre
Caida libreCaida libre
Caida libre
 
Presentación1
Presentación1Presentación1
Presentación1
 
Sfceg6
Sfceg6Sfceg6
Sfceg6
 
Manejar los elementos basicos de un lenguaje usado
Manejar los elementos basicos de un lenguaje usadoManejar los elementos basicos de un lenguaje usado
Manejar los elementos basicos de un lenguaje usado
 
Manejar los elementos basicos de un lenguaje usado
Manejar los elementos basicos de un lenguaje usadoManejar los elementos basicos de un lenguaje usado
Manejar los elementos basicos de un lenguaje usado
 
Manejar los elementos basicos de un lenguaje usado
Manejar los elementos basicos de un lenguaje usadoManejar los elementos basicos de un lenguaje usado
Manejar los elementos basicos de un lenguaje usado
 

Estructura básica de un documento HTML y creación de listas no ordenadas en Dreamweaver

  • 1.
  • 2. Un documento HTML ha de ser delimitado por la etiqueta <html> y </html>. Dentro de este documento, podemos asimismo distinguir dos partes principales: El encabezado, delimitado por <head> y </head> donde colocaremos etiquetas de indole informativo como por ejemplo el titulo de nuestra pagina. El cuerpo, flanqueado por la etiquetas <body> y </body>, que sera donde colocaremos nuestro texto e imagenes delimitados a su vez porotras etiquetas como las que hemos visto.
  • 3.
  • 4. Datos que no aparecen en nuestra pagina pero que son importantes para catalogarla: titulo, palabras clave.. </head> <body>
  • 5.
  • 6. Parte del documento mostrada por el navegador. Texto e imagenes </body> </html> Con todo lo que conocemos ya sobre HTML podemos construir una pagina web que ya tiene bastante sentido.
  • 7.
  • 8. Una de las formas de crear listas con Dreamweaver es activar la barra Texto, para ello pulsaremos, tal como vemos en la imagen inferior, en el botón "común“ y en el panel que se despliega seleccionaremos la opción Texto. Pulsaremos el botón "ul". Con este boton activamos la opción simples o no ordenadas. Si seleccionamos la lista simple, la línea donde tengamos activo el cursor de texto será el comienzo de una lista. Cuando pulsemos la tecla entre, dreamweaver convertirá el texto introducido en esa línea en una entrada de la lista y prepara la siguiente línea como otro elemento de la lista. Para terminar de introducir elementos en la lista solo tenemos que pulsar la tecla enter dos veces seguidas y ya podremos continuar escribiendo normalmente.