Você está na página 1de 9

LENGUAJE HTML Y DREAMWEAVER

EQUIPO 2
CBTIS 163 «GRAL. IGNACIO GUTIERREZ GOMEZ»
ALUMNOS:
OTONIEL AGUILAR RODRIGUEZ
JONATHAN BARAHONA GOMEZ
OSVALDO HERNANDEZ PAS
NESTOR OCTAVIO MAGAÑA JIMÉNEZ
DAVID DANIEL REYES HERNANDEZ
JOSE ARMANDO ZURITA CASTRO

DOCENTE:
LIC. FRANKLIN JAVIER QUEVEDO TEJERO
¿QUÉ ES LENGUAJE HTML?

• HTML, sigla en inglés de HyperText Markup Language (lenguaje de marcas de


hipertexto), hace referencia al lenguaje de marcado para la elaboración de páginas web.
Es un estándar que sirve de referencia del software que conecta con la elaboración de
páginas web en sus diferentes versiones, define una estructura básica y un código
(denominado código HTML) para la definición de contenido de una página web, como
texto, imágenes, videos, juegos, entre otros.
HIPERTEXTO
Mecanismo de comunicación que permite desde un documento navegar a otro documento.
Este mecanismo se realiza insertando un enlace en algún texto del documento y es una
facilidad que provee el lenguaje HTML.
CARACTERISTICAS
• Esta tecnología debe proveer un medio adecuado para organizar y presentar
información poco o nada estructurada, no ajustada a esquemas tradicionales y rígidos
como es el caso de las bases de datos. Pueden utilizarse esquemas jerárquicos para la
utilización de sistemas de documentación de texto tradicionales, muy organizados o
simplemente creando estructuras de redes con poco o ningún atributo de precedencia.
• Tener asociada una interfaz de usuario muy intuitiva, pues se pretende imitar el
funcionamiento de la mente humana, haciendo uso de modelos cognitivos, por lo que el
usuario no debería realizar grandes esfuerzos para obtener la información requerida.
• La información se encuentra distribuida y puede ser accesada en forma concurrente por
varios usuarios, por lo tanto es un ambiente compartido.
¿QUÉ ES DREAMWEAVER?
Dreamweaver es la herramienta de diseño de páginas web más avanzada, tal como se
ha afirmado en muchos medios. Aunque sea un experto programador de HTML el
usuario que lo maneje, siempre se encontrarán en este programa razones para utilizarlo,
sobretodo en lo que a productividad se refiere. Cumple perfectamente el objetivo de
diseñar páginas con aspecto profesional, y soporta gran cantidad de tecnologías,
además muy fáciles de usar:
• Hojas de estilo y capas
• JavaScript para crear efectos e interactividades
• Inserción de archivos multimedia...
REFERENCIAS CE CÁRACTER
Un último aspecto que hay que mencionar de un documento HTML es la manera de incluir
caracteres especiales. En el HTML, los caracteres <, > i & son especiales. Estos caracteres
inician y finalizan partes del documento HTML, y no representan los caracteres de "menor
que", "mayor que" y "et".
Uno de los primeros errores que puede cometer un autor de webs es utilizar un carácter "et"
en un documento y entonces ver que aparece algo inesperado. Por ejemplo, si se escribe la
frase "Imperial units measure weight in stones&pounds" puede ser que en algunos
navegadores se vea "...stones£s".
Esto sucede porque en HTML la cadena literal "&pound;" éses en realidad una referencia de
carácter. Una referencia de carácter es una manera de incluir en un documento un carácter
que es difícil o imposible de escribir desde un teclado, o en una codificación de documento
concreta.
LA ESTRUCTURA DE UN DOCUMENTO HTML
El documento HTML válido más pequeño posible sería algo similar a esto:
<!DOCTYPE html> <html lang="es"> <head> <meta charset="utf-8"> <title>Página de
ejemplo</title> </head> <body> <h1>Hola mundo</h1> </body> </html>
El documento empieza con un elemento de tipo de documento o doctype. Este elemento
describe el tipo de HTML que se utiliza para que los agentes de usuario puedan determinar
cómo se debe interpretar el documento y saber si sigue las normas que dice que seguirá.
LISTA DE ELEMENTOS DE HTML5
HTTPS://DEVELOPER.MOZILLA.ORG/ES/DOCS/HTML/HTML5/HTML5
_LISTA_ELEMENTOS
ELEMENTO Descripción

Representa una colección de metadatos acerca del


<head> documento, incluyendo enlaces a, o definiciones de,
scripts y hojas de estilo.

Define el título del documento, el cual se muestra en la


barra de título del navegador o en las pestañas de
<title> página. Solamente puede contener texto y cualquier otra
etiqueta contenida no será interpretada.

<base> Define la URL base para las URLs relativas en la página.

Usada para enlazar JavaScript y CSS externos con el


<link> documento HTML actual.

Define los metadatos que no pueden ser definidos


<meta> usando otro elemento HTML.

<style> Etiqueta de estilo usada para escribir CSS en línea.


UN POCO DE HISTORIA
Cuando Tim Berners-Lee inventó la web, creó tanto el primer servidor web
como la primera versión del HTML .
El HTML ha cambiado de una manera muy importante desde aquellos
primeros días, pero una buena parte del contenido del HTML actual ya se
encontraba en esta primera documentación y más de la mitad de las
"etiquetas" descritas en el documento "Etiquetas HTML" original todavía
existen.
A medida que fue habiendo cada vez más gente que escribía páginas web y
alternativas al navegador original, también se fueron añadiendo más
funciones a HTML. Muchas se adoptaron universalmente (como el elemento
img utilizado para insertar una imagen en un documento, que se utilizó por
primera vez en NCSA Mosaic). Otras etiquetas eran propias y sólo se
utilizaban en uno o dos navegadores. Cada vez había una necesidad mayor
de estandarización a fin de que los autores de otros navegadores pudieran
tener un documento (conocido como "especificación") que describiera de
manera definitiva el aspecto de HTML para así poder juzgar si se saltaban
algunas partes de la implantación de HTML .

Você também pode gostar