SINTAXIS PARA COMENTAR EN HTML

Para comentar dentro del lenguaje de Html, tenemos que escribir los siguientes caracteres: <!–     –>

Dentro del espacio que se encuentra entre <!–  y  –> tendrá que ir todo lo que queramos que sea comentario. A parte, este tipo de comentario acepta comentarios multilinea.

Ejemplo:

<!--Comentario en html-->
<!-- Comentario
multilinea en html.-->

Anuncios

ETIQUETAS HTML 5.2

Etiqueta	Descripción	Atributos principales
html	engloba todo el documento	lang
head	delimita el encabezado del documento
title	título del documento (se muestra en la pestaña del navegador)
base /	URI base para direcciones relativas	href, target
link /	enlace a otros archivos (hoja de estilo, etc.)	href, rel, media, type, title
meta /	metainformación sobre el documento	name, content, charset
style	hoja de estilo incluida en el documento	type, title
body	delimita el cuerpo del documento
article	artículo
section	sección
nav	navegación
aside	lateral
h1 a h6	encabezado (de nivel 1 a 6)
header	cabecera
footer	pie
address	dirección (información sobre el autor)
p	párrafo
hr /	separador
div	división
blockquote	cita larga (que incluye varios párrafos)	cite
pre	texto preformateado
main	principal
figure	ilustración
figcaption	pie de ilustración
br /	salto de línea
wbr	posible salto de línea
a	hiperenlace	href, target, download, rel, type
span	contenedor de texto genérico
strong	importante
em	énfasis
sub	subíndice
sup	superíndice
abbr	abreviatura	title
b	atención
cite	obra
data	datos	value
dfn	definición	title
kbd	teclado
i	tecnicismo
mark	resaltado añadido posteriormente, no en el original
q	cita	cite
s	incorrecto
small	comentario
time	fecha y hora	datetime
u	sonido inarticulado
code	código (de programa de ordenador)
samp	salida (de programa de ordenador)
var	variable (de programa de ordenador)
bdo	dirección de escritura	dir
bdi	ignorar dirección de escritura	dir
ins	texto insertado	cite, datetime
del	texto borrado	cite, datetime
picture	imagen múltiple para diferentes resoluciones o densidades
img /	imagen	alt, src, usemap, ismap, width, height
iframe	marco incrustado en el documento	src, srcdoc, name, sandbox, width, height
embed		src, type, width, height
object	objeto	data, type, width, height
param /	parametro para <objeto>	name, value
video		src, poster, preload, autoplay, loop, muted, controls, width, height
audio		src, preload, autoplay, loop, muted, controls
source	origen de <img>, <audio> o <video>	src, type
track		kind, src, srclang, label, default
map	mapa de imagen	name
area /	área en mapa de imagen	alt, coords, href, hreflang, rel, shape, target, type
ol	lista ordenada	reversed, start, type
ul	lista no ordenada
li	elemento de lista (ordenada o no ordenada)	value
dl	lista de definición
dt	término en lista de definición
dd	definición en lista de definición
table	tabla	border
caption	leyenda de tabla
colgroup	grupo de columnas	span
tbody	cuerpo de tabla (grupo de filas)
thead	cabecera de tabla (grupo de filas)
tfoot	pie de tabla (grupo de filas)
tr	fila
td	celda	colspan, rowspan, headers
th	celda de cabecera	colspan, rowspan, headers, scope, abbr
col	columna	span
form	formulario	accept-charset, action, autocomplete, enctype, method, target
label	etiqueta de un control	form, for
input /	control (hay varios tipos)	type (submit, reset, button, text …)
button	botón	name, type, value, form
select	caja de lista	name, multiple, size, …
datalist
optgroup	grupo de opciones en una caja de lista	label
option	opción de caja de lista	label, selected, value
textarea	área de texto	name, cols, rows, …
output	cálculo	name, for
progress	barra de progreso	value, max
meter	indicador	value, min, max, low, high, optimum
fieldset	grupo de controles	name, disabled
legend	leyenda de grupo de controles
details	desplegable
summary	leyenda para <details>
dialog	cuadro de diálogo de una aplicación
script	script	src, type, charset, async, defer
noscript	contenido a mostrar en navegadores que no admiten <script>
template	plantillas utilizables por scripts
canvas	zona de dibujo utilizable por script	width, height
ruby	notación ruby
rb	elemento de notación ruby (base)
rt	elemento de notación ruby (texto)
rtc	elemento de notación ruby (contenedor)
rp	elemento de notación ruby (paréntesis)
!DOCTYPE	tipo de documento (versión de html empleada)
<!– … –>	comentario (sólo visible en el código fuente)

LENGUAJE DE MARCADO

Un lenguaje especializado basado en SGML es el que se emplea para redactar la versión digital del Oxford English Dictionary. Permite búsquedas sofisticadas, además de facilitar la conversión a HTML.

Un lenguaje de marcado o lenguaje de marcas es una forma de codificar un documento que, junto con el texto, incorpora etiquetas o marcas que contienen información adicional acerca de la estructura del texto o su presentación.

El lenguaje de marcas más extendido es el HTML (HyperText Markup Language, lenguaje de marcado de hipertexto), fundamento del World Wide Web (entramado de comunicación de alcance mundial).

Los lenguajes de marcado suelen confundirse con lenguajes de programación. Sin embargo, no son lo mismo, ya que el lenguaje de marcado no tiene funciones aritméticas o variables, como poseen los lenguajes de programación. Históricamente, el marcado se usaba y se usa en la industria editorial y de la comunicación, así como entre autores, editores e impresores.

CLASES DE LENGUAJES DE MARCADO

Se suele diferenciar entre tres clases de lenguajes de marcado, aunque en la práctica pueden combinarse varias clases en un mismo documento. Por ejemplo, el HTML contiene etiquetas puramente procedimentales, como la B de bold (negrita), junto con otras puramente descriptivas (‘BLOCKQUOTE, el atributo HREF). El HTML también incluye el elemento PRE, que indica que el texto debe representarse tal y como está escrito.

Marcado de presentación

El marcado de presentación es aquel que indica el formato del texto. Este tipo de marcado es útil para maquetar la presentación de un documento para su lectura, pero resulta insuficiente para el procesamiento automático de la información. El marcado de presentación resulta más fácil de elaborar, sobre todo para cantidades pequeñas de información. Sin embargo, resulta complicado de mantener o modificar, por lo que su uso se ha ido reduciendo en proyectos grandes en favor de otros tipos de marcado más estructurados.

Marcado de procedimientos

El marcado de procedimientos está enfocado hacia la presentación del texto, sin embargo, también es visible para el usuario que edita el texto. El programa que representa el documento debe interpretar el código en el mismo orden en que aparece. Por ejemplo, para formatear un título, debe haber una serie de directivas inmediatamente antes del texto en cuestión, indicándole al software instrucciones tales como centrar, aumentar el tamaño de la fuente, o cambiar a negrita. Inmediatamente después del título deberá haber etiquetas inversas que reviertan estos efectos. En sistemas más avanzados se utilizan macros o pilas que facilitan el trabajo.

Marcado descriptivo

El marcado descriptivo o semántico utiliza etiquetas para describir los fragmentos de texto, pero sin especificar cómo deben ser representados, o en qué orden. Los lenguajes expresamente diseñados para generar marcado descriptivo son el SGML y el XML.

Una de las virtudes del marcado descriptivo es su flexibilidad: los fragmentos de texto se etiquetan tal como son, y no tal como deben aparecer. Estos fragmentos pueden utilizarse para más usos de los previstos inicialmente. Por ejemplo, los hiperenlaces fueron diseñados en un principio para que un usuario que lee el texto los pulse. Sin embargo, los buscadores los emplean para localizar nuevas páginas con información relacionada, o para evaluar la popularidad de determinado sitio web.

QUE ES W3C

El Consorcio WWW, en inglés: World Wide Web Consortium (W3C), es un consorcio internacional que genera recomendaciones y estándares que aseguran el crecimiento de la World Wide Web a largo plazo.

El W3C fue creado el 1 de octubre de 1994, por Tim Berners-Lee en el Instituto Tecnológico de Massachusetts (MIT), actual sede central del consorcio. Uniéndose posteriormente, en abril de 1995, INRIA en Francia, reemplazado por el ERCIM en 2003 como el huésped europeo del consorcio y la Universidad de Keiō (Shonan Fujisawa Campus) en Japón como huésped asiático, en septiembre de 1996. Estos organismos administran el W3C, que está integrado por:

Miembros: a abril de 2010 contaba con 330 miembros.

• Equipo (W3C Team): 65 investigadores y expertos de todo el mundo.
• Oficinas (W3C Offices): centros regionales establecidos en Alemania y Austria (oficina conjunta), Australia, Benelux (oficina conjunta), China, Corea del Sur, España, Finlandia, Grecia, Hong Kong, Hungría, India, Israel, Italia, Marruecos, Suecia y Reino Unido e Irlanda (oficina conjunta).
• La oficina española del W3C, establecida en 2003, está albergada por la Fundación CTIC en el Parque Científico Tecnológico de Gijón (Principado de Asturias).

Estándares publicados por el W3C/IETF (sobre el Internet protocol suite):

• CGI
• CSS
• DOM
• GRDDL
• HTML
• MathML
• OWL
• P3P
• PROV
• RDF
• SISR
• SKOS
• SMIL
• SOAP
• SPARQL
• SRGS
• SSML
• SVG
• VoiceXML
• XHTML
• XHTML+Voice
• XML
• XML Events
• XML Information Set
• XML Schema
• XPath
• XQuery
• XSL-FO
• XSLT
• WCAG
• WSDL
• XForms

QUÉ ES JSP

JSP es un acrónimo de Java Server Pages, que en castellano vendría a decir algo como Páginas de Servidor Java. Es, pues, una tecnología orientada a crear páginas web con programación en Java.

Con JSP podemos crear aplicaciones web que se ejecuten en variados servidores web, de múltiples plataformas, ya que Java es en esencia un lenguaje multiplataforma. Las páginas JSP están compuestas de código HTML/XML mezclado con etiquetas especiales para programar scripts de servidor en sintaxis Java. Por tanto, las JSP podremos escribirlas con nuestro editor HTML/XML habitual.

MOTOR JSP

El motor de las páginas JSP está basado en los servlets de Java -programas en Java destinados a ejecutarse en el servidor-, aunque el número de desarrolladores que pueden afrontar la programación de JSP es mucho mayor, dado que resulta mucho más sencillo aprender que los servlets.

En JSP creamos páginas de manera parecida a como se crean en ASP o PHP -otras dos tecnologías de servidor-. Generamos archivos con extensión .jsp que incluyen, dentro de la estructura de etiquetas HTML, las sentencias Java a ejecutar en el servidor. Antes de que sean funcionales los archivos, el motor JSP lleva a cabo una fase de traducción de esa página en un servlet, implementado en un archivo class (Byte codes de Java). Esta fase de traducción se lleva a cabo habitualmente cuando se recibe la primera solicitud de la página .jsp, aunque existe la opción de precompilar en código para evitar ese tiempo de espera la primera vez que un cliente solicita la página.

QUÉ ES ASP

ASP (Active Server Pages) es la tecnología desarrollada por Microsoft para la creación de páginas dinámicas del servidor. ASP se escribe en la misma página web, utilizando el lenguaje Visual Basic Script o Jscript (Javascript de Microsoft).

Un lenguaje del lado del servidor es aquel que se ejecuta en el servidor web, justo antes de que se envíe la página a través de Internet al cliente. Las páginas que se ejecutan en el servidor pueden realizar accesos a bases de datos, conexiones en red, y otras tareas para crear la página final que verá el cliente. El cliente solamente recibe una página con el código HTML resultante de la ejecución de la página ASP. Como la página resultante contiene únicamente código HTML, es compatible con todos los navegadores.

El tipo de servidores que emplean este lenguaje son, evidentemente, todos aquellos que funcionan con sistema Windows NT, aunque también se puede utilizar en un PC con windows 98 si instalamos un servidor denominado Personal Web Server. Incluso en sistemas Linux podemos utilizar las ASP si instalamos un componente denominado Chilisoft, aunque parece claro que será mejor trabajar sobre el servidor web para el que está pensado: Internet Information Server.

Con las ASP podemos realizar muchos tipos de aplicaciones distintas. Nos permite acceso a bases de datos, al sistema de archivos del servidor y en general a todos los recursos que tengaV el propio servidor. También tenemos la posibilidad de comprar componentes ActiveX fabricados por distintas empresas de desarrollo de software que sirven para realizar múltiples usos, como el envio de correo, generar gráficas dinámicamente, y un largo etc.

Actualmente se ha presentado ya la segunda versión de ASP, el ASP.NET, que comprende algunas mejoras en cuanto a posibilidades del lenguaje y rapidez con la que funciona. ASP.NET tiene algunas diferencias en cuanto a sintaxis con el ASP, de modo que se ha de tratar de distinta manera uno de otro.

QUÉ ES PERL

Es un lenguaje de programación muy utilizado para construir aplicaciones CGI para el web. Perl es un acrónimo de Practical Extracting and Reporting Languaje, que viene a indicar que se trata de un lenguaje de programación muy práctico para extraer información de archivos de texto y generar informes a partir del contendido de los ficheros.

plataforma Uníx, pero en la actualidad está disponible en otros sistemas operativos como Windows.

Perl es un lenguaje de programación interpretado, al igual que muchos otros lenguajes de Internet como Javascript o ASP. Esto quiere decir que el código de los scripts en Perl no se compila, sino que cada vez que se quiere ejecutar se lee el código y se pone en marcha interpretando lo que hay escrito. Además, es extensible a partir de otros lenguajes, ya que desde Perl podremos hacer llamadas a subprogramas escritos en otros lenguajes. También desde otros lenguajes podremos ejecutar código Perl.

Perl está inspirado a partir de lenguajes como C, sh, awk y sed (algunos provenientes de los sistemas Uníx), pero está enfocado a ser más práctico y fácil que estos últimos. Es por ello por lo que un programador que haya trabajado con el lenguaje C y los otros tendrá menos problemas en entenderlo y utilizarlo rápidamente. Una diferencia fundamental de Perl con respecto a los otros lenguajes es que no limita el tamaño de los datos con los que trabaja, el límite lo pone la memoria que en ese momento se encuentre disponible.

Si queremos trabajar con Perl será necesario tener instalado el intérprete del lenguaje. A partir de ese momento podemos ejecutar CGIs en nuestros servidores web. El proceso para conseguirlo puede variar de unos servidores a otros, pero se suelen colocar en un directorio especial del servidor llamado cgi- bin donde hemos colocado los correspondientes permisos CGI. Además, los archivos con el código también deberán tener permiso de ejecución.