Vous êtes sur la page 1sur 14

REPÚBLICA BOLIVARINA DE VENEZUELA

MINISTERIO DEL PODER POPULAR PARA LA EDUCACIÓN SUPERIOR


UNIVERSIDAD NACIONAL EXPERIMENTAL “SIMÓN RODRÍGUEZ”
NUCLEO- EL VIGÍA

Participantes:
Facilitadora: July Do Vale C.I.16.678.780
Indhyra Torres Ledis Luzardo C.I.20.142.602
Karen Guillén C.I. 23.717.399
Eliana Bentancour
QUE ES HTML
Hiper Text Manguaje

Texto – Página Web

Hipertexto Manejar y Organizar


Información

Etiquetas (Estructuras y Formatos)

Navegador

July Do vale
Etiquetas Otags

Directiva y Atributos

Ejm. “<Directiva>”

Archivo HTML

Editor de Texto

Enlaces
July Do vale
Estructura de un Documento HTML

Página Web

Editor de Texto

Etiquetas Documento (2 Zona Principal)

El Encabezamiento
<XXXX> Es el inicio
de una Etiqueta
Etiquetas
<heud>y</Head>

</XXX> “ Es el cierre de
El Cuerpo
una ”

Etiquetas <Body> y </Body>


Por lo tanto la Estructura queda
de esta manera:

<HTML>
< HEAD>
<TITLES<Título de la Página
</TITLE>
</HEAD>
<BODY>
Aquí van las Etiquetas que
visualizan la página
</BODY>
</HEAD>

July Do vale
HTML: consta de varios componentes vitales, incluyendo
elementos y sus atributos, tipos de data, y la declaración de tipo
de documento.

Los elementos: son la estructura básica de HTML. Los


elementos tienen dos propiedades básicas: atributos y contenido.
Cada atributo y contenido tiene ciertas restricciones para que se
considere válido al documento HTML. Un elemento generalmente
tiene una etiqueta de inicio (p.ej. <nombre-de-elemento>) y una
etiqueta de cierre (p.ej. </nombre-de-elemento>).

Los Atributos: del elemento están contenidos en la etiqueta de


inicio y el contenido esta ubicado entre las dos etiquetas (p.j.
<nombre-de-elemento atributo=“valor”>Contenido</nombre-de-
elemento>). Algunos elementos, tales como <br>, no tienen
contenido ni llevan una etiqueta de cierre.
varios tipos de elementos de marcado usados en HTML.
Estructura general de una línea de código en el lenguaje de
etiquetas HTML.
El marcado estructural: describe el propósito del texto. Por
ejemplo, <h2>Golf</h2> establece a "Golf" como un
encabezamiento de segundo nivel, el cual se mostraría en un
navegador de una manera similar al título "Marcado HTML" al
principio de esta sección.
Eliana Bentacour
El marcado presentacional: describe la apariencia del texto, sin importar su
función. Por ejemplo, <b>negrita</b> indica que los navegadores web visuales
deben mostrar el texto en negrita, pero no indica qué deben hacer los navegadores
web que muestran el contenido de otra manera (por ejemplo, los que leen el texto
en voz alta). En el caso de <b>negrita</b> e <i>itálica</i>,

El marcado hipertextual: se utiliza para enlazar partes del documento con otros
documentos o con otras partes del mismo documento. Para crear un enlace es
necesario utilizar la etiqueta de ancla <a> junto con el atributo href, que establecerá la
dirección URL a la que apunta el enlace. Por ejemplo, un enlace a la Wikipedia sería
de la forma <a href=”es.wikipedia.org”>Wikipedia</a>. También se pueden crear
enlaces sobre otros objetos, tales como imágenes <a href=”enlace”><imgsrc=”imagen”
/></a>.

La mayoría de los atributos de un elemento son pares nombre-valor, separados por un


signo de igual "=" y escritos en la etiqueta de comienzo de un elemento, después del
nombre de éste. El valor puede estar rodeado por comillas dobles o simples, aunque
ciertos tipos de valores pueden estar sin comillas en HTML

Nociones básicas de HTML:


El lenguaje HTML puede ser creado y editado con cualquier editor de textos básico,
como puede ser Gedit en Linux, el Bloc de Notas de Windows, o cualquier otro editor
que admita texto sin formato como GNU Emacs, Microsoft Wordpad, TextPad, Vim,
Notepad++, entre otros.

Eliana Bentacour
ATRIBUTOS

Nombre – Valor
“=”

Nombre – Elementos

Atributo Ismap
Elemento Imag

Atributos más
Tradicionales

<b> esto en negrita </b


y
<i> esto en cursiva </i>

>Center> verde que te


quiero verde </center>
Ledis Luzardo
LISTAS

Esto es una lista no numerada: Esto es una lista numerada:

<ul> <ol>
<li> Tomates <li> Miguel Indurain
<li> Zanahorias <li > Tony Rominger
<li> Puerros <li> Eugeni Berzin
</ul> </ol>
• Tomates 1. Miguel Indurain
• Zanahorias 2. Tony Rominger
• Puerros 3. Eugeni Berzin

Ledis Luzardo
GLOSARIO
<dl>
<dt>Perro (<i>n. masc.</i>)
<dd>Animal de cuatro patas que ladra.
<dt>Gato (<i>n. masc.</i>)
<dd>Animal de cuatro patas que maúlla y se lleva muy mal con el perro.
<dt>Pescadilla (<i>n. fem.</i>)
<dd>Animal que vive en el mar y está recubierto de escamas.
</dl>

Perro (n.masc.)
Animal de cuatro patas patas que ladra

Gato (n.masc.)

Animal de cuatro patas que maúlla y se lleva muy mal con el perro

Pescadilla (n.fem.)

Animal que vive en el mar y esta recubierto de escamas.

Ledis Luzardo
Códigos HTML
Básicos

<html>

Navegador

<head>

Cabecera

Usuario

<TITLE>

Página
Color de fondo y
<Body> márgenes
Historia de HTML

Primeras Especificaciones

Tags (etiquetas HTML) Tim Berners-Lee

SGML-1993. por la IETF


Mosaic.

1989 dos Técnicas


(links)

TCP/IP 1991 1990


UNIX (World Wide Web.

3.0 W3C
1995 2.0

3.1 Mathml 3.2


EL LENGUAJE HTML

GNU Emacs.
Gedit Linux Microsoft Wordpad
Textpad. Vim. Notepad

Ejemplos

WYSIWYG

Kompozer, Microsoft Frontpage Macromedia


Dreamweaver
HTML
Etiquetas o Marcas

Karen A. Guillén G.

Vous aimerez peut-être aussi