Este documento explica la estructura básica de un documento HTML, incluyendo las etiquetas <html>, <head>, <body> que delimitan el encabezado, cuerpo y el documento completo. También describe cómo crear listas no ordenadas en Dreamweaver usando la barra de herramientas y pulsando las teclas Enter y Tab.
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.