Este documento proporciona información sobre etiquetas HTML, entidades, y el inspector de código en Dreamweaver. El objetivo es que los estudiantes aprendan a interpretar entidades de código HTML y usar el inspector de código. Como práctica, se les pide crear una página web con preguntas de HTML que muestren las etiquetas usando entidades.

1. HTML desde Dreamweaver
•Etiquetas
•Entidades HTML
•Listado de Entidades HTML
•El inspector de código
•Completar las etiquetas
Objetivo: El alumno conocerá en forma integral:
•Interpretación de entidades de código HTML así como los diferentes procesos de
inspección.
Practica: Realizar una pagina web que contenga un examen de preguntas de html y
al formular las preguntas que estas se muestren las etiquetas en pantalla
(para ello utilizar los entidades de html)
Resultados, No Excusas, Termina todo lo que Empiezas, Trabajo en Equipo

2. QUE ES UNA ETIQUETA
Es una instrucción que se da en el código de dreamweaver
EL CODIGO DE UNA ETIQUETA SE PUEDE CONTRAER
En la vista código dar clic al signo de
menos que aparece al lado izquierdo
del mismo o meta comando ctrl +shift
+ c, o menú edición
METACOMANDO PARA CONTRAER LA ETIQUETA COMPLETA
Ctrl + shift + j
CUALES SON LOS TIPOS DE ETIQUETAS
Cambiantes y Administradas
Resultados, No Excusas, Termina todo lo que Empiezas, Trabajo en Equipo

3. Entidad Entidad
caráct Entidad Caráct Entidad
con con
er numérica er numérica
nombre nombre
á á á Á Á Á
LAS ENTIDADES EN HTML
é é é É É É
í í í Í Í Í
Son códigos especiales ó ó ó Ó Ó Ó
para representar
ú ú ú Ú Ú Ú
caracteres especiales
como pueden ser letras ü ü ü Ü Ü Ü
ñ &ntide; ñ Ñ Ñ Ñ
con acentos o no
pertenecientes al alfabeto ¿ ¿ ¿ α α α
latino internacional, signos ¡ &iexc; ¡ β β β
de puntuación o – – – © © ©
tipográficos y símbolos → → → ® ® ®
← ← ← € € €
especiales
espaci
< &lt; &#60; &nbsp; &#160;
Estos son algunos o
> &gt; &#62;
ejemplos: & &amp; &#38;
Resultados, No Excusas, Termina todo lo que Empiezas, Trabajo en Equipo

4. INSPECTOR DE CODIGO
Es un panel que permite visualizar el
código independientemente de la vista
aplicada en el documento
Ruta de acceso: Menú
ventana opción, inspector
de códigos, o con la tecla
de función de F10
El Inspector de código muestra el código HTML de la misma forma que lo hacen la vista
Código y la vista Dividir (Código y Diseño), pero puede resultar más cómodo trabajar
con el panel, ya que puede situarse en cualquier parte de la pantalla, y no se limita sólo
al espacio del documento. Los errores quedan resaltados en color amarillo.
Resultados, No Excusas, Termina todo lo que Empiezas, Trabajo en Equipo