Ver las NORMAS de estos Foros Web ZackYFileS Chat ZackYFileS Agregar a Favoritos Contactar con Administrador
 
 

TU PUBLICIDAD AQUÍ!!
Navegación
Retroceder   Foros ZackYFileS >
OTROS TEMAS DE INTERES - INTERNET:
> ARTES GRÁFICAS - Diseño, Firmas, WEBS.
Nombre de usuario
Contraseña
Configuración de UsuarioAyuda (FAQs)Nuevos PostsBuscar


Respuesta
 
Herramientas
Antiguo 26/07/2004, 16:35   #1
yeku 
El mejor amigo
 
Avatar de yeku
 
Fecha de ingreso: 27/nov/2002
Mensajes: 78
yeku está en el buen camino
El Lenguaje HTML

1ª Parte:

Definición:
HTML es una implementación del standard SGML (Standard Generalized Markup Language), estándar internacional para la definición de texto electrónico independiente de dispositivos, sistemas y aplicaciones.
Metalenguaje para definir lenguajes de diseño descriptivos; proporciona un medio de codificar documentos hipertexto cuyo destino sea el intercambio directo entre sistemas o aplicaciones.

Características:
· Permite crear lenguajes de codificación descriptivos.
· Define una estructura de documentos jerárquica, con elementos y componentes interconectados.
· Proporciona una especificación formal completa del documento.
· No tiene un conjunto implícito de convenciones de señalización. Soporta, por tanto, un conjunto flexible de juegos de etiquetas.
· Los documentos generados por él son legibles.

Sintaxis general:
· Son validos todos las caracteres incluidos en ISO 8859-1
· El formato es libre. El formato introducido en el fichero fuente (saltos de línea, líneas en blanco, etc.) es irrelevante para el formato final del documento.
· Caracteres de significado especial:
· < Marca el comienzo de una etiqueta.
· > Marca el final de una etiqueta.
· & Marca el comienzo de una referencia a entidad

Estos caracteres, en caso de que sea necesario utilizarlos, se sustituyen por el nombre de la entidad que los representa en el repertorio ISO Latín 1 (ISO 8859-1)

& à &
< à <
> à >

En algunos navegadores las letras acentuadas y algunos caracteres como la “ñ” no se visualizan correctamente, por lo cual deben ser sustituidos por la referencia a su entidad.


Fuente:
La web de los Tutoriales.
__________________
_____________________________
[center]Soy lo suficientemente artista como para dibujar libremente sobre mi imaginación.[/center]

Última edición por yeku; 26/07/2004 a las 16:40.
yeku está desconectado
Respuesta rápida a este mensaje
Responder Citando Subir
Publicidad: Conoce las ofertas de ANUNCIATE
Antiguo 26/07/2004, 16:43   #2
yeku 
El mejor amigo
 
Avatar de yeku
 
Fecha de ingreso: 27/nov/2002
Mensajes: 78
yeku está en el buen camino
2ª Parte

Sintaxis

Etiquetas:
· Son los textos que delimitan los distintos elementos que componen un documento.
· No son sensibles a mayúsculas y minúsculas.
· Hay dos tipos de etiquetas:

Etiquetas de comienzo de elemento. Delimitadas por los caracteres “<” y ”>”

Etiquetas de final de elemento. Delimitadas por los caracteres “

· Estructura de una etiqueta:
· De comienzo:

· De final:

· Estructuras posibles de un atributo:
Literal=valor
Valor
Normalmente, el valor de un atributo es una cadena de caracteres entre dobles comillas. Dentro de ella no se pueden poner los siguientes caracteres “ ,>, &. Si es necesario ponerlos se sustituyen por " > y &


Comentarios:

· Texto introducido en un documento que no aparece en el formato final

__________________
_____________________________
[center]Soy lo suficientemente artista como para dibujar libremente sobre mi imaginación.[/center]
yeku está desconectado
Respuesta rápida a este mensaje
Responder Citando Subir
Antiguo 26/07/2004, 16:47   #3
yeku 
El mejor amigo
 
Avatar de yeku
 
Fecha de ingreso: 27/nov/2002
Mensajes: 78
yeku está en el buen camino
3ª Parte:

Estructura de un documento HTML


Un documento HTML consta de las siguientes piezas:

1. Identificación SGML
2. Una etiqueta
3. Cabecera (iniciada por la etiqueta y cerrada por )
4. Cuerpo del documento (iniciada por la etiqueta BODY y cerrada por )
5. Una etiqueta de fin de documento

Código HTML:
<¡DOCTYPE PUBLIC HTML “-//IETF/DDT HTML 2.0/EN”>
<HTML>
<HEAD>

...

</HEAD>
<BODY>

...

</BODY>
</HTML>
Identificación SGML:

Permite identificar la DTD adecuada para procesar el documento.
No es obligatorio.

Ejemplos:

Identificación de un documento HTML 2.0
Código HTML:
<!DOCTYPE PUBLIC HTML “-//IETF//DTD HTML 2.0//EN”>
Identificación de un documento HTML 4
Código HTML:
<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4//EN”>


Cabecera:

Es un conjunto sin orden con información acerca del documento.
Se identifica con la etiqueta
Código HTML:
<HEAD>
y finaliza por tanto con
Código HTML:
</HEAD>
En su ámbito se pueden emplear diferentes elementos referenciados por sus etiquetas, los más relevantes son:

·
Código HTML:
<TITLE> [cadena de caracteres] </TITLE>
Da titulo al documento, en la mayoría de los navegadores se visualiza en la barra de titulo
·
Código HTML:
<BASE HREF=”Url”>
Indica la localización de los ficheros, gráficos, sonidos, etc. a los que se hace referencia en nuestra página web. Si no se incluye esta directiva, el navegador entiende que los elementos se encuentran en el mismo lugar que nuestra página.

Código HTML:
<base href="http://************/images/">

·
Código HTML:
<META [HTTP-EQUIV=VALOR1] [NAME=VALOR2] CONTENT=VALOR3>
HTTP-EQUIV Enlaza el documento con una cabecera de respuesta HTTP
NAME Nombre del valor a asignar
CONTENT Contenido del valor a asignar.

Las funciones principales son:
Proporciona al navegador las palabra clave y contenidos de nuestra página Web.
Muchos de los buscadores de página web de Internet (Yahoo, Lycos,etc..) utilizan el contenido de esta directiva para incluir la página en sus bases de datos.
Documenta el contenido, calidad y posibilidades de dicho conjunto de datos
para dar una indicación de su conveniencia de uso.
Es muy utilizada para efectuar el “refresco automático “de documentos dándole a HTTP-EQUIV el valor “refresh”.
También se puede emplear para introducir transiciones de pagina.

Código HTML:
 <head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta name="DESCRIPTION” content="Mi pagina personal”>
<meta name=”KEYWORDS” content =”musica; peliculas; baloncesto”>
<title>Página personal de Luis</title>
</head>

Y/O

<head>
<meta http-equiv="refresh" content="15;URL=http://www.ibm.com">
<title>Página redirecionada a IBM a los 15 segundos</title>
</head>
Fuente:
La web de los Tutoriales.
__________________
_____________________________
[center]Soy lo suficientemente artista como para dibujar libremente sobre mi imaginación.[/center]

Última edición por Voyager; 05/07/2007 a las 21:12.
yeku está desconectado
Respuesta rápida a este mensaje
Responder Citando Subir
Antiguo 26/07/2004, 16:56   #4
yeku 
El mejor amigo
 
Avatar de yeku
 
Fecha de ingreso: 27/nov/2002
Mensajes: 78
yeku está en el buen camino
4ª Parte

Cuerpo del documento:

· Es el contenedor de la información propia del documento.
· Se identifica con la etiqueta
Código HTML:
<BODY [BACKGROUND=”url de imagen”] [BGCOLOR=”color”]>
y finaliza por tanto con la etiqueta
Código HTML:
</BODY>
.
BACKGROUND: Url de la imagen de fondo de la pagina
BGCOLOR: Color de fondo de la pagina en RGB
· En su ámbito se pueden emplear los elementos referenciados por las siguientes etiquetas:
· Cabeceras
· Elementos con estructura de bloque
· Elementos generales
· Etiquetas de resaltado y control de fuentes texto
· Listas
· Resaltados
· Formularios

Ejemplos:

Cuerpo de documento con imagen de fondo

Código HTML:
<body background="imagenes/backbartmanfly.gif" >
	.....
</body>
Cuerpo de documento con color de fondo

Código HTML:
</body>
Nota: El color de fondo puede especificarse, además de en modo RGB, en formato texto para los 16 colores de la paleta VGA Standard

Black = "#000000" Green = "#008000"
Silver = "#C0C0C0" Lime = "#00FF00"
Gray = "#808080" Olive = "#808000"
White = "#FFFFFF" Yellow = "#FFFF00"
Maroon = "#800000" Navy = "#000080"
Red = "#FF0000" Blue = "#0000FF"
Purple = "#800080" Teal = "#008080"
Fuchsia = "#FF00FF" Aqua = "#00FFFF"


Elementos del cuerpo del documento:



Cabeceras:


Existen 6 niveles de cabeceras:
Código HTML:
·	Cabecera de nivel 1: <H1>Texto de la cabecera</H1>
·	Cabecera de nivel 2: <H2>Texto de la cabecera</H2>
·	Cabecera de nivel 3: <H3>Texto de la cabecera</H3>
·	Cabecera de nivel 4: <H4>Texto de la cabecera</H4>
·	Cabecera de nivel 5: <H5>Texto de la cabecera</H5>
·	Cabecera de nivel 6: <H6>Texto de la cabecera</H6>
El formato en que se visualizan las cabeceras depende de su nivel, variando:
· Tamaño de la letra
· Tipo de resaltado
· Líneas a saltar antes y después del texto.

Ejemplos:
Código HTML:
<H1>Cabecera de nivel 1</H1>
<H3>Cabecera de nivel 3</H3>

Bloques de texto:

	Definen la estructura de un bloque:
	
·	<P> párrafo
Conjunto de texto que empieza y acaba con un salto de línea, la etiqueta de finalización no es obligatoria. Admite el parámetro ALIGN=(left|center|right)
Para definir la alineación del texto dentro del bloque

<P> texto


·	<PRE> Texto con formato previo
Conjunto de texto que se muestra como se introdujo en el formato original.

<PRE> texto</PRE>


·	<ADDRESS>Dirección
Información sobre el autor del documento, dirección, etc.

<ADDRESS>texto</ADDRESS>


·	<BLOCKQUOTE>Anotación
Sirve para escribir una cita, el texto se presenta indentado y en un formato distinto al del párrafo normal.

<BLOCKQUOTE>texto</BLOCKQUOTE>


·	<DIV> Permite agrupar varios bloques de texto en uno solo, heredando todos ellos la alineación especificada mediante el parámetro
 ALIGN=(left|center|right)

<DIV> texto</DIV>
	

Elementos generales:

·	 Rotura de línea
Fuerza que se parta una línea de texto independientemente del formato en que se este trabajando.



Nota:
Extensiones de la etiqueta 

<BR CLEAR=LEFT> Busca el primer margen libre (clear) a la izquierda. 
<BR CLEAR=RIGHT> Busca el primer margen libre a la derecha. 
<BR CLEAR=ALL> Busca el primer margen libre a ambos lados. 

Su uso esta indicado para romper la secuencia de texto cuando se sitúa este alrededor de una imagen

·	<HR WIDTH= ALIGN=  SIZE=  > Línea horizontal
Dibuja una línea horizontal.

WIDTH= Tamaño en puntos o porcentaje
ALIGN= Alineación en la pagina: LEFT, RIGTH
SIZE= Grosor de la línea.  

<HR WIDTH= “60%”>

·	<CENTER> Centrar un texto
	Centra en texto en la pagina

<CENTER>texto</CENTER>
Fuente:
La Web de los Tutoriales.
__________________
_____________________________
[center]Soy lo suficientemente artista como para dibujar libremente sobre mi imaginación.[/center]

Última edición por Voyager; 05/07/2007 a las 21:15.
yeku está desconectado
Respuesta rápida a este mensaje
Responder Citando Subir
Antiguo 26/07/2004, 16:58   #5
zoyB
Pezqueñines no gracias
 
Avatar de zoyB
 
Fecha de ingreso: 20/feb/2004
Mensajes: 1.013
zoyB tiene una reputación que sobrepasa la famazoyB tiene una reputación que sobrepasa la famazoyB tiene una reputación que sobrepasa la famazoyB tiene una reputación que sobrepasa la famazoyB tiene una reputación que sobrepasa la famazoyB tiene una reputación que sobrepasa la famazoyB tiene una reputación que sobrepasa la famazoyB tiene una reputación que sobrepasa la famazoyB tiene una reputación que sobrepasa la famazoyB tiene una reputación que sobrepasa la fama
Edito porque no esta en la seccion


saludos y paz.
__________________
http://foros.zackyfiles.com/image.php?type=sigpic&userid=55355&dateline=1229548254


FreeNAS for DM500

Última edición por zoyB; 17/08/2004 a las 00:49.
zoyB está desconectado
Respuesta rápida a este mensaje
Responder Citando Subir
Antiguo 26/07/2004, 17:00   #6
yeku 
El mejor amigo
 
Avatar de yeku
 
Fecha de ingreso: 27/nov/2002
Mensajes: 78
yeku está en el buen camino
DESCRIPCIÓN:

(HTML)

(HyperText Markup Language) es un lenguaje muy sencillo que permite describir hipertexto, es decir, texto presentado de forma estructurada y agradable, con enlaces (hyperlinks) que conducen a otros documentos o fuentes de información relacionadas, y con inserciones multimedia (gráficos, sonido...) La descripción se basa en especificar en el texto la estructura lógica del contenido (títulos, párrafos de texto normal, enumeraciones, definiciones, citas, etc) así como los diferentes efectos que se quieren dar (especificar los lugares del documento donde se debe poner cursiva, negrita, o un gráfico determinado) y dejar que luego la presentación final de dicho hipertexto se realice por un programa especializado (como Mosaic, o Netscape).

ESTRUCTURA BÁSICA DE UN DOCUMENTO HTML

Un documento HTML comienza con la etiqueta html, y termina con /html entre los signos <>. Dentro del documento (entre las etiquetas de principio y fin de html), hay dos zonas bien diferenciadas: el encabezamiento, delimitado por head y /head entre los signos <>, que sirve para definir diversos valores válidos en todo el documento; y el cuerpo, delimitado por body y /body entre los signos <>, donde reside la información del documento. La única utilidad del encabezamiento en la que nos detendremos es la directiva title, que permite especificar el título de un documento HTML. Este título no forma parte del documento en sí: no aparece, por ejemplo, al principio del documento una vez que este se presenta con un programa adecuado, sino que suele servir como título de la ventana del programa que nos la muestra. Por ejemplo, en el encabezamiento de este manual se ha especificado: en minúsculas. Obsérverse que el título que encabeza este texto se ha escrito con mayúsculas, para distinguirlo del título global del documento. El cuerpo de un documento HTML contiene el texto que, con la presentación y los efectos que se decidan, se presentará ante el hiperlector

Con estos 4 apartados tenemos la suficiente info como para comenzar a estudiar y comprender este lenguaje de programacion para pag. web, espero que os vaya sirviendo de ayuda.


salu2
__________________
_____________________________
[center]Soy lo suficientemente artista como para dibujar libremente sobre mi imaginación.[/center]
yeku está desconectado
Respuesta rápida a este mensaje
Responder Citando Subir
Antiguo 26/07/2004, 23:37   #7
blaxer30
Moderador
 
Avatar de blaxer30
 
Fecha de ingreso: 19/jun/2003
Mensajes: 1.187
blaxer30 tiene un espectacular aura a su alrededorblaxer30 tiene un espectacular aura a su alrededor
joer tio que complicado para mi haber si presto atencion que quiero aprender

no veas si parece dificcil , bueno veremos si aprendo algo

un saludo y que funcione todo muy bien compi
__________________
blaxer30@hotmail.com

[b]EN ESTOS FOROS NO SE VAN A SUMINISTRAR AYUDAS PARA LA DECODIFICACIÓN DE NINGÚN SISTEMA. De detectar por parte de algún usuario estas ayudas en ese sentido, será inmediatamente baneado de estos Foros[/b]
blaxer30 está desconectado
Respuesta rápida a este mensaje
Responder Citando Subir
Antiguo 27/07/2004, 00:05   #8
yeku 
El mejor amigo
 
Avatar de yeku
 
Fecha de ingreso: 27/nov/2002
Mensajes: 78
yeku está en el buen camino
No es complicado Blaxer30, lo primero y principal es estructurar tu web, saber de antemano que quieres y como la quieres, que nº de tablas(en otro apartado hablaremos de estas) necesitamos y como, etc..., me explico:

No debes o no puedes comenzar una casa por el tejado, debes saber primero los cimientos (etiquetas, tablas, fondo, estructura, scripts, etc..)que necesitas para el plano e idea del arquitecto, que te ha pintado la casa muy bonita sobre el papel, entiendes?

Despues es todo a base de etiquetas, es muy bonito este lenguaje.

saludos
__________________
_____________________________
[center]Soy lo suficientemente artista como para dibujar libremente sobre mi imaginación.[/center]
yeku está desconectado
Respuesta rápida a este mensaje
Responder Citando Subir
Antiguo 27/07/2004, 01:07   #9
babilonio
Moderador... Gracias, Zacky
 
Avatar de babilonio
 
Fecha de ingreso: 07/nov/2003
Mensajes: 182
babilonio llegará a ser famoso muy pronto
Joer, qué oxidado tengo el html, hace unos años hice un cursillo con el P.I.E.E. de la universidad y aprendía a hacer mis pinitos, pero muchas cosas se me han olvidado, tendré que estudiar un poquito para ponerme al día y no perder el hilo.

No obstante pregunto por aquello de que ya me han surgido dudas. Aquí por ejemplo, cuando damos una dirección de una web o incluimos una imagen ponemos el comando html para hacer la etiqueta entre corchetes y según lo que nos has indicado antes iría entre <>. Bien es cierto que cuando sacas el código fuente de una web lo indican con los símbolos que tú comentas... pero me llama la atención, aquí escribimos con corchetes y en cambio, en word o frontpage ponemos <>.

Bueno, quizás sea un siroco mental de esos que me dan, pero no lo puedo evitar.

Por lo demás, me ha gustado el manual, muchas gracias.

Salu2.
__________________
Reflexión: Si algo tienen en común los necios son dos cosas fundamentalmente; una sería que siempre tienen razón, es decir, no se equivocan nunca y la otra característica es que no se les puede corregir.

El respeto por la verdad es casi el fundamento de toda moral. Nada puede surgir de la nada. Esto es un profundo pensamiento si uno concibe hasta que punto puede ser inestable la verdad. (Leido en la novela DUNE)

El mundo está así porque los ignorantes están completamente seguros y los sabios llenos de dudas.
(Bertrand Russell)

[center][/center]
babilonio está desconectado
Respuesta rápida a este mensaje
Responder Citando Subir
Antiguo 27/07/2004, 23:56   #10
unjose
Usuario Activo
 
Avatar de unjose
 
Fecha de ingreso: 24/jul/2004
Mensajes: 13
unjose está en el buen camino
babilonio,fijate a bajo de la pagina a la izquierda donde pone "pedes....codigo HTML esta off".
Se Puede usar html,pero si el administrador de el foro cree apropiado no activar el codigo html,no te funcionara si lo haces en html(<>).Eso es lo que creo, de todas formas que te lo confirme alguien.
Saludos.
__________________
:cool:ESTE FORO ME GUSTA:cool:
unjose está desconectado
Respuesta rápida a este mensaje
Responder Citando Subir
Publicidad: Conoce las ofertas de ANUNCIATE
Respuesta


Usuarios viendo actualmente este tema: 1 (0 usuarios registrados y 1 visitantes)
 
Herramientas

Permisos para publicar mensajes
No puedes crear nuevos temas
No puedes responder mensajes
No puedes subir archivos adjuntos
No puedes editar tus mensajes

Los BB code están Activado
Los Emoticones están Activado
El código [IMG] está Activado
El Código HTML está Activado

Ir al foro


!! ADVERTENCIAS !!: Las informaciones aquí publicadas NO CONTIENEN KEYS para la decodificación de ningún sistema: NO SON OPERATIVOS en sistemas SAT que precisen de su correspondiente suscripción.

ESTA TOTALMENTE PROHIBIDO EL USO DE ESTAS INFORMACIONES PARA LA MODIFICACIÓN O  DEFRAUDACIÓN DE SISTEMAS DE ACCESO CONDICIONAL.

ESTOS FOROS SON MODERADOS Y NO SE PERMITE LA PUBLICACIÓN DE INFORMACIONES ILEGALES POR PARTE DE LOS USUARIOS. EN CASO DE DETECTARSE ESTE TIPO DE INFORMACIONES, LOS USUARIOS SERÁN EXCLUIDOS DE ESTAS PÁGINAS.

USO DE COOKIES: Utilizamos COOKIES y de terceros para mejorar nuestros servicios y navegación por la web. Si continua navegando, consideramos que acepta su uso.  


La franja horaria es GMT +2. Ahora son las 12:03.


-------------------------------------------------------------------- --------------------------------------------------------------------

Powered por vBulletin™ Version 3.8.10
Copyright © 2024 vBulletin Solutions, Inc. All rights reserved.
Traducido por vBsoporte - vBulletin en español
Hispaservicios - J.G.C - 29112549T - Rio Cinca, 2, 30 (50180) SPAIN.
Todos los derechos reservados. Prohibida cualquier reproducion total o parcial.


Foros Patrocinados por anunciantes.