Cules son los requisitos para ser ingeniero

en sistemas?
Escrito por Elvis Michael, Demand Media | Traducido por Edgar Hernandez

inShare

Las computadoras estn en todos lados en la sociedad moderna.

Artculos relacionados

La tarifa por hora de un programador

Cules son los retos de ser un mdico?
Computadoras Microsoft vs. Apple
Requisitos para ser una enfermera neonatal
Los ingenieros en sistemas generalmente se especializan en una de tres
disciplinas disponibles: hardware, software o aplicaciones de software.
Aquellos que se deciden por el software son llamados desarrolladores o
ingenieros de software, y, en muchos casos, los desarrolladores trabajan
de la mano con los de hardware. Estos profesionales disean las
computadoras y sus programas, y despus vigilan el desarrollo de sus
diseos para poder terminarlos. Los ingenieros en sistemas combinan la
educacin con cualidades personales para ser exitosos en este tipo de
carrera.
Enlace patrocinado

Crea tu pgina con Hibu

Puedes tener tu Web de Manera Rpida y Sencilla Descbrelo Aqu!
contact.hibu.com

Educacin

Convertirse en un ingeniero en sistemas requiere tener grados de

ingeniero elctrico, en computadoras o una disciplina combinada. Los
cursos incluyen por lo general matemticas, diseo elctrico,
programacin, arquitectura de computadoras y estructuras matemticas
relacionadas al software y hardware. Los estudiantes tambin toman
qumica, clculo y fsica.

Cualidades personales
Junto con una educacin apropiada las cualidades de un ingeniero en
sistemas, incluyen habilidades de pensamiento crtico y analtico, as
como tambin, aptitudes matemticas. El diseo del hardware y
software requiere de pruebas y depuraciones hasta que el diseo
funcione de manera apropiada. Los ingenieros en sistemas tambin
deben aprender a comunicarse ya que trabajan en un ambiente de
trabajo en equipo. Deben ser capaces de traducir necesidades no
tcnicas en requisitos tcnicos y tener la habilidad de comunicarse con
otros compaeros que no pertenezcan al mismo ambiente.

Ttulos
Algunos empleos de ingenieros en sistemas pueden obtener ttulos de
profesiones reconocidas por organizaciones y comercializadores de
sistemas computacionales, aplicaciones y software. Debido a que estos
profesionales supervisan el diseo de proyectos, el ttulo de Profesional
en Administracin de Proyectos del Instituto de Administracin de
Proyectos puede incrementar las oportunidades de trabajo. Otros
comercializadores de software y productos usan Cisco, Microsoft y Java.
La certificacin usando uno o varios de los productos mencionados
puede demostrar las habilidades en ingeniera informtica.

Salario
Los salarios varan de ingeniero a ingeniero, lo que depende de su
especializacin y campo. La Secretara de Estadsticas Laboral (The
Bureau of Labor Statistics) hizo un estimado de un salario promedio de
US$ 101.360 anual para los ingenieros de hardware en el ao 2011. Los
ingenieros de software, de sistemas y aplicaciones, junto con los
desarrolladores ganan un promedio de US$ 89.280 anuales segn la
O*NET.
Enlaces patrocinados

C rea tu p gina con Hi bu

Puedes tener tu Web de ManeraRpida y Sencilla Descbrelo
Aqu!
contact.hibu.com
C urs o de Ing l s Gra tuito
Cursos de Ingls Online Gratis.Regstrate y Obtn tu Curso
Gratis!

www.abaenglish.com / cursos_ingles
Inge nie r a de la C a lida d.
Procesos Indicadores Herramientas.Acciones correctivas,
Clientes.
www.lamolina.edu.pe
E le c trn ica Indus tria l
Estudia en Avansys y s parte de laeducacin que transforma
el futuro
www.avansys.edu.pe / Electr nica
Referencias

Bureau of Labor Statistics: Computer Hardware Engineers

(Ingenieros en hardware de computadoras)
O*NET OnLine: Software Developers, Applications (Desarrolladores
de software y aplicaciones)
O*NET OnLine: Software Developers, Systems Software
(Desarrollares de software y sistemas)
University of Texas at San Antonio: Bachelor of Science in
Computer Engineering (Ttulo en ingeniera en sistemas
computacionales)
Bureau of Labor Statistics: Occupational Employment and Wages,
May 2011-Computer Hardware Engineers (Ingenieros de hardware)
Crditos de las fotos
Hemera Technologies/AbleStock.com/Getty Images
Read this article in English: What Qualifications Do I Need to Become a
Computer Enginee

Elecciones Generales y Parlamento Andino 2016

BIENVENIDO(A)
DNI:
06197885
Nombres:

EUSEBIA
Apellidos:

ASCONA FERNANDEZ

No es Miembro de Mesa.
LIMA / LIMA / LURIGANCHO

Mesa de Sufragio:
901459
Local de Votacin:

IE 41 FE Y ALEGRIA
Pabelln:

100
Piso:

1
Aula:

104
Ver croquis de tu Local de Votacin

Direccin:
Referencia:

AV. VIRGEN DEL CARMEN SN - CC.PP VIRGEN DEL

CARMEN LA ERA AA
Jr. Washington 1894, Lima 01
informes@onpe.gob.pe
(01) 417 - 0630 Opcin 1

Elecciones Generales y Parlamento Andino 2016

BIENVENIDO(A)

DNI:
09937236
Nombres:

AMPARO
Apellidos:

SILVA ASCONA DE VILLAR

No es Miembro de Mesa.
LIMA / LIMA / LURIGANCHO
Mesa de Sufragio:
901463
Local de Votacin:

IE 41 FE Y ALEGRIA
Pabelln:

100
Piso:

1
Aula:

106

Ver croquis de tu Local de Votacin

Direccin:
Referencia:

AV. VIRGEN DEL CARMEN SN - CC.PP VIRGEN DEL

CARMEN LA ERA AA

HTML
HTM redirige aqu. Para otros usos de la sigla, vase Hgalo usted mismo.

HTML
(HyperText Markup Language)

Desarrollador

World Wide Web Consortium

WHATWG

Informacin general
Extensin de archivo

.html
.htm

Tipo de MIME

text/html

Type code

TEXT

Uniform Type Identifier

public.html

Tipo de formato

Lenguaje de marcado

Extendido de

SGML

Extendido a

XHTML

Estndar(es)

ISO/IEC 15445
W3C HTML 4.01
W3C HTML5(borrador)

Formato abierto

[editar datos en Wikidata]

HTML, sigla en ingls de HyperText Markup Language (lenguaje de marcas de hipertexto),

hace referencia allenguaje de marcado para la elaboracin de pginas web. Es un estndar
que sirve de referencia del software que conecta con la elaboracin de pginas web en sus
diferentes versiones, define una estructura bsica y un cdigo (denominado cdigo HTML)
para la definicin de contenido de una pgina web, como texto, imgenes, videos, juegos,
entre otros. Es un estndar a cargo del World Wide Web Consortium (W3C) o Consorcio
WWW, organizacin dedicada a la estandarizacin de casi todas las tecnologas ligadas a la
web, sobre todo en lo referente a su escritura e interpretacin. Se considera el lenguaje web
ms importante siendo su invencin crucial en la aparicin, desarrollo y expansin de la World
Wide Web (WWW). Es el estndar que se ha impuesto en la visualizacin de pginas web y
es el que todos los navegadores actuales han adoptado.1
El lenguaje HTML basa su filosofa de desarrollo en la diferenciacin. Para aadir un elemento
externo a la pgina (imagen, vdeo, script, entre otros.), este no se incrusta directamente en el
cdigo de la pgina, sino que se hace una referencia a la ubicacin de dicho elemento
mediante texto. De este modo, la pgina web contiene solamente texto mientras que recae en
el navegador web (interpretador del cdigo) la tarea de unir todos los elementos y visualizar la
pgina final. Al ser un estndar, HTML busca ser un lenguaje que permita que cualquier
pgina web escrita en una determinada versin, pueda ser interpretada de la misma forma
(estndar) por cualquier navegador web actualizado.
Sin embargo, a lo largo de sus diferentes versiones, se han incorporado y suprimido diversas
caractersticas, con el fin de hacerlo ms eficiente y facilitar el desarrollo de pginas web
compatibles con distintos navegadores y plataformas (PC de escritorio, porttiles, telfonos
inteligentes, tabletas, vipers etc. No obstante, para interpretar correctamente una nueva
versin de HTML, los desarrolladores de navegadores web deben incorporar estos cambios y
el usuario debe ser capaz de usar la nueva versin del navegador con los cambios
incorporados. Normalmente los cambios son aplicados mediante parches de actualizacin
automtica (Firefox, Chrome) u ofreciendo una nueva versin del navegador con todos los
cambios incorporados, en un sitio web de descarga oficial (Internet Explorer). Por lo que un
navegador desactualizado no ser capaz de interpretar correctamente una pgina web escrita
en una versin de HTML superior a la que pueda interpretar, lo que obliga muchas veces a los
desarrolladores a aplicar tcnicas y cambios que permitan corregir problemas de visualizacin
e incluso de interpretacin de cdigo HTML. As mismo, las pginas escritas en una versin
anterior de HTML deberan ser actualizadas o reescritas, lo que no siempre se cumple. Es por

ello que ciertos navegadores todava mantienen la capacidad de interpretar pginas web de
versiones HTML anteriores. Por estas razones, todava existen diferencias entre distintos
navegadores y versiones al interpretar una misma pgina web.
ndice
[ocultar]

1Primeras especificaciones de HTML

2Marcador HTML
o

2.1Elementos

2.2Atributos

3Cdigos HTML bsicos

4Colores para HTML

5Nociones bsicas de HTML

6Aprender HTML analizando pginas reales

7Historia del estndar

8Accesibilidad web

9Entidades HTML

10Vase tambin

11Referencias

12Bibliografa

13Enlaces externos

Primeras especificaciones de HTML[editar]

Tim Berners-Lee (TBL) en 19912 3 describe 18 elementos que incluyen el diseo inicial y
relativamente simple de HTML. Trece de estos elementos todava existen en HTML 4. 4
Berners-Lee consideraba el HTML una ampliacin de SGML, pero no fue formalmente
reconocida como tal hasta la publicacin a mediados de 1993, por la IETF(en espaol: Grupo
de Trabajo de Ingeniera de Internet), de una primera proposicin para una especificacin del
HTML: el borrador del Hypertext Markup Language de Berners-Lee y Dan Connolly, que
inclua una Definicin de Tipo de Documento SGML para definir la gramtica.5 El borrador
expir a los seis meses, pero fue notable por su reconocimiento de la etiqueta propia del
navegador Mosaic usada para insertar imgenes sin cambio de lnea, que reflejaba la filosofa
del IETF de basar estndares en prototipos con xito. 6 De la misma manera, el borrador

competidor de Dave Raggett HTML+ (Hypertext Markup Format) (Formato de Marcaje de

Hipertexto), de finales de 1993, sugera estandarizar caractersticas ya implementadas, como
las tablas.7

Marcador HTML[editar]
El HTML se escribe en forma de etiquetas, rodeadas por corchetes angulares (<,>,/). El
HTML tambin puede describir, hasta un cierto punto, la apariencia de un documento, y puede
incluir o hacer referencia a un tipo de programa llamado script, el cual puede afectar el
comportamiento de navegadores web y otros procesadores de HTML.8
HTML tambin sirve para referirse al contenido del tipo de MIME text/html o todava ms
ampliamente como un trmino genrico para el HTML, ya sea en forma descendida
del XML (como XHTML 1.0 y posteriores) o en forma descendida directamente
de SGML (como HTML 4.01 y anteriores).
HTML consta de varios componentes vitales, entre ellos los elementos y sus atributos, tipos
de data y la declaracin de tipo de documento.

Elementos[editar]
Los elementos son la estructura bsica de HTML. Los elementos tienen dos propiedades
bsicas: atributos y contenido. Cada atributo y contenido tiene ciertas restricciones para que
se considere vlido al documento HTML. Un elemento generalmente tiene una etiqueta de
inicio (por ejemplo, <nombre-de-elemento> ) y una etiqueta de cierre (por
ejemplo, </nombre-de-elemento> ). Los atributos del elemento estn contenidos en la
etiqueta de inicio y el contenido est ubicado entre las dos etiquetas (por ejemplo, <nombrede-elemento atributo="valor">Contenido</nombre-de-elemento> ). Algunos
elementos, tales como <br> , no tienen contenido ni llevan una etiqueta de cierre. Debajo se
listan varios tipos de elementos de marcado usados en HTML.

Estructura general de una lnea de cdigo en el lenguaje de etiquetas HTML.

El marcado estructural describe el propsito del texto. Por

ejemplo, <h2>Golf</h2> establece Golf como un encabezamiento de segundo nivel, el
cual se mostrara en un navegador de una manera similar al ttulo Marcado HTML al
principio de esta seccin. El marcado estructural no define cmo se ver el elemento, pero la
mayora de los navegadores web han estandarizado el formato de los elementos. Puede
aplicarse un formato especfico al texto por medio de hojas de estilo en cascada.
El marcado presentacional describe la apariencia del texto, sin importar su funcin. 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>itlica</i> , existen elementos que se ven de la misma

manera pero tienen una naturaleza ms semntica: <strong>nfasis
fuerte</strong> y <em>nfasis</em> . Es fcil ver cmo un lector de pantalladebera
interpretar estos dos elementos. Sin embargo, son equivalentes a sus correspondientes
elementos presentacionales: un lector de pantalla no debera decir ms fuerte el nombre de un
libro, aunque el nombre resalte en itlicas en una pantalla. La mayora del marcado
presentacional ha sido desechada con HTML 4.0, en favor de hojas de estilo en cascada.
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 direccin URL a la que apunta el
enlace. Por ejemplo, un enlace que muestre el texto de la direccin y vaya hacia nuestra
Wikipedia podra ser de la forma <a
href=http://www.wikipedia.org>http://www.wikipedia.org</a> . Tambin se
pueden crear enlaces sobre otros objetos, tales como imgenes <a href=enlace><img
src=imagen /></a> .

Atributos[editar]
La mayora 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, despus del nombre del
elemento. El valor puede estar rodeado por comillas dobles o simples, aunque ciertos tipos de
valores pueden estar sin comillas en HTML (pero no en XHTML).9 10 De todas maneras, dejar
los valores sin comillas es considerado poco seguro. 11 En contraste con los pares nombreelemento, hay algunos atributos que afectan al elemento simplemente por su presencia 12 (tal
como el atributo ismap para el elemento img ).13

Cdigos HTML bsicos[editar]

Un ejemplo de cdigo HTML con coloreado de sintaxis.

<html> : define el inicio del documento HTML, le indica

al navegador que lo que viene a continuacin debe ser

interpretado como cdigo HTML. Esto es as de facto, ya que
en teora lo que define el tipo de documento es el DOCTYPE,
que significa la palabra justo tras DOCTYPE el tag de raz.

<script> : incrusta un script en una web, o llama a uno

mediante src="url del script" . Se recomienda incluir
el tipo MIME en el atributo type , en el caso
de JavaScript text/javascript .

<head> : define la cabecera del documento HTML; esta

cabecera suele contener informacin sobre el documento que

no se muestra directamente al usuario como, por ejemplo, el
ttulo de la ventana del navegador. Dentro de la
cabecera <head> es posible encontrar:

<title> : define el ttulo de la pgina. Por lo general, el

ttulo aparece en la barra de ttulo encima de la ventana.

<link> : para vincular el sitio a hojas de estilo o iconos.

Por ejemplo: <link rel="stylesheet"
href="/style.css" type="text/css"> .

<style> : para colocar el estilo interno de la pgina; ya

sea usando CSS u otros lenguajes similares. No es

necesario colocarlo si se va a vincular a un archivo
externo usando la etiqueta <link> .

<meta> : para metadatos como la autora o la licencia,

incluso para indicar parmetros http (mediante httpequiv="" ) cuando no se pueden modificar por no estar

disponible la configuracin o por dificultades con serverside scripting.

<body> : define el contenido principal o cuerpo del

documento. Esta es la parte del documento html que se

muestra en el navegador; dentro de esta etiqueta pueden
definirse propiedades comunes a toda la pgina,
como color de fondo y mrgenes. Dentro del
cuerpo <body> es posible encontrar numerosas etiquetas. A
continuacin se indican algunas a modo de ejemplo:

<h1> a <h6> : encabezados o ttulos del documento con

diferente relevancia.

<table> : define una tabla.

<tr> : fila de una tabla.

<td> : celda de una tabla (debe estar dentro de una

fila).

<a> : hipervnculo o enlace, dentro o fuera del sitio web.

Debe definirse el parmetro de pasada por medio del

atributo href. Por
ejemplo: <a href="http://www.example.com"
title="Ejemplo" target="_blank"
tabindex="1">Ejemplo</a> se representa como
ejemplo.14

<div> : divisin de la pgina. Se recomienda, junto con

css, en vez de <table> cuando se desea alinear

contenido.

<img> : imagen. Requiere del atributo src, que indica la

ruta en la que se encuentra la imagen. Por

ejemplo: <img src="./imgenes/mifoto.jpg" /> .
Es conveniente, por accesibilidad, poner un
atributo alt="texto alternativo" .

<li><ol><ul> : etiquetas para listas.

<b> : texto en negrita (etiqueta desaprobada. Se

recomienda usar la etiqueta <strong> ).

<i> : texto en cursiva (etiqueta desaprobada. Se

recomienda usar la etiqueta <em> ).

<s> : texto tachado (etiqueta desaprobada. Se

recomienda usar la etiqueta <del> ).

<u> : Antes texto subrayado. A partir de HTML 5 define

porciones de texto diferenciadas o destacadas del resto,

para indicar correcciones por ejemplo (etiqueta
desaprobada en HTML 4.01 y redefinida en HTML 5).15 16
La mayora de etiquetas deben cerrarse como se abren, pero con una barra (/) tal como se
muestra en los siguientes ejemplos:

<table><tr><td>Contenido de una
celda</td></tr></table> .

<script>Cdigo de un script integrado en la

pgina</script>

Colores para HTML[editar]

Hay muchas formas de ponerle color a una pgina web con el lenguaje HTML, una de ellas es
poner el siguiente cdigo: bgcolor="red" y el fondo se har de color rojo. Otro caso sera con la
letra, veamos un ejemplo: Texto de prueba y as la letra se pondr de color rojo.

Nociones bsicas de HTML[editar]

El lenguaje HTML puede ser creado y editado con cualquier editor de textos bsico, 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.
Existen, adems, otros editores para la realizacin de sitios web con
caractersticas WYSIWYG (What You See Is What You Get, o en espaol: lo que ves es lo
que obtienes). Estos editores permiten ver el resultado de lo que se est editando en tiempo
real, a medida que se va desarrollando el documento. Ahora bien, esto no significa una
manera distinta de realizar sitios web, sino que una forma un tanto ms simple, ya que estos
programas, adems de tener la opcin de trabajar con la vista preliminar, tiene su propia
seccin HTML, la cual va generando todo el cdigo a medida que se va trabajando. Algunos
ejemplos de editores WYSIWYG son KompoZer, Microsoft FrontPage o Adobe Dreamweaver.
Combinar estos dos mtodos resulta muy interesante, ya que de alguna manera se ayudan
entre s. Por ejemplo, si se edita todo en HTML y el desarrollador olvida algn cdigo o
etiqueta, basta con dirigirse al editor visual o WYSIWYG y se contina ah la edicin o
viceversa, ya que hay casos en que resulta ms rpido y fcil escribir directamente el cdigo
de alguna caracterstica que el usuario desea adherir al sitio que buscar la opcin en el
programa mismo.
Existe otro tipo de editores HTML llamados WYSIWYM que dan ms importancia al contenido
y al significado que a la apariencia visual. Entre los objetivos que tienen estos editores es la
separacin del contenido y la presentacin, fundamental en el diseo web.
HTML utiliza etiquetas o marcas, que consisten en breves instrucciones de comienzo y final,
mediante las cuales se determina la forma en la que debe aparecer en su navegador el texto,
as como tambin las imgenes y los dems elementos, en la pantalla del ordenador.
Toda etiqueta se identifica porque est encerrada entre los signos menor que y mayor que
(<>), y algunas tienen atributos que pueden tomar algn valor. En general las etiquetas se
aplicarn de dos formas especiales:

<!DOCTYPE HTML>
<html>

Se abren y se cierran, como por ejemplo: <b>negrita</b>, que

se vera en su navegador web como negrita.

No pueden abrirse y cerrarse, como <hr />, que se vera en

su navegador web como una lnea horizontal.

Otras que pueden abrirse y cerrarse, como por ejemplo <p>.

Las etiquetas bsicas o mnimas son:

<head>
<title>Ejemplo1</title>
</head>
<body>
<p>Prrafo de ejemplo</p>
</body>
</html>

Aprender HTML analizando pginas reales[editar]

Seleccionando la opcin ver cdigo fuente en el navegador, se puede ver realmente la
informacin que est recibiendo el navegador web y cmo la est interpretando.

Captura del inspector de pgina de Firefox.

Por ejemplo: en Internet Explorer o en Firefox, simplemente hay que desplegar el men ver
y luego elegir cdigo fuente, mientras que en Chrome presionar Ctrl + U . De esta forma, se
abrir el editor de texto configurado como predeterminado en el sistema con el cdigo fuente
de la pgina que se est viendo en ese momento en el explorador. Otra forma ms rpida
consiste en hacer clic con el botn derecho del ratn en cualquier punto del rea donde el
navegador muestra la pgina web y elegir ver cdigo fuente.
Aparte de poder ver el cdigo fuente HTML de una pgina web con las opciones antes
descritas, Internet Explorer, Firefox y Google Chrome incorporan tambin unas herramientas
conocidas como inspectores de pgina que se puede activar con F12 .
Con estas herramientas es posible visualizar una pgina web y seleccionar dentro de ella un
elemento concreto del cul queremos conocer cul es el cdigo HTML con el que est hecho
sealando el elemento en cuestin simplemente con el ratn. Al hacer esto, el cdigo se
mostrar en un rea especial dentro del navegador en el que el usuario podr ver el cdigo
HTML en cuestin (ver imagen), adems, de las reglas CSS que aplican a ese cdigo HTML
en concreto. Este tipo de anlisis resulta sumamente instructivo para aprender a programar en
HTML.
Para el navegador Firefox, adems, existe como alternativa a la herramienta nativa el
plugin Firebug, muy similar a la herramienta que Firefox incorpora por defecto.

Historia del estndar[editar]

En 1989 existan dos tcnicas que permitan vincular documentos electrnicos, por un lado los
hipervnculos o enlaces (hiperlinks o links) y por otro lado un poderoso lenguaje de etiquetas

denominado SGML. Por entonces, Tim Berners-Lee, quien trabajaba en el Centro Europeo de
Investigaciones Nucleares CERN da a conocer a la prensa que estaba trabajando en un
sistema que permitir acceder a ficheros en lnea que funcionaba sobre redes de
computadoras o mquinas electrnicas basadas en el protocolo TCP/IP. Inicialmente fue
desarrollado para que se pueda compartir fcilmente informacin entre cientficos de distintas
universidades e institutos de investigacin de todo el mundo. 17
A principios de 1990, define por fin el HTML como un subconjunto del conocido SGML y crea
algo ms valioso incluso, el World Wide Web.
Tim Berners-Lee cre el proyecto World Wide Web (Tejido o Telaraa Mundial), as como un
sistema que facilitaba la lectura de informacin, mediante un programa de navegacin. Sera
el primer navegador web, llamado WorldWideWeb, y desarrollado durante la segunda mitad
del ao 1990; siendo tiempo despus rebautizado como Nexus para evitar confusiones por su
nombre que era igual al de la tecnologa que representaba. Le siguieron otros dos
navegadores: el Line Mode Browser y el ViolaWWW. Este ltimo, desarrollado en 1992, fue el
primer navegador en popularizarse entre los primeros usuarios de la World Wide Web. 18
Pei-Yuan Wei present el ViolaWWW,19 que funcionara en modo texto y sobre un sistema
operativo UNIX.
Los trabajos para crear un sucesor del HTML, denominado HTML +, comenzaron a finales
de 1993. HTML+ se dise originalmente para ser un superconjunto del HTML que permitiera
evolucionar gradualmente desde el formato HTML anterior. A la primera especificacin formal
de HTML+ se le dio, por lo tanto, el nmero de versin 2 para distinguirla de las propuestas no
oficiales previas. Los trabajos sobre HTML+ continuaron, pero nunca se convirti en un
estndar, a pesar de ser la base formalmente ms parecida al aspecto compositivo de las
especificaciones actuales.
El borrador del estndar HTML 3.0 fue propuesto por el recin formado W3C en marzo
de 1995. Con l se introdujeron muchas nuevas capacidades; por ejemplo, facilidades para
crear tablas, hacer que el texto fluyese alrededor de las figuras y mostrar elementos
matemticos complejos. Aunque se dise para ser compatible con HTML 2.0, era demasiado
complejo para ser implementado con la tecnologa de la poca, y cuando el borrador del
estndar expir en septiembre de 1995, se abandon debido a la carencia de apoyos de los
fabricantes de navegadores web. El HTML 3.1 nunca lleg a ser propuesto oficialmente, y el
estndar siguiente fue el HTML 3.2, que abandonaba la mayora de las nuevas caractersticas
del HTML 3.0 y, a cambio, adoptaba muchos elementos desarrollados inicialmente por los
navegadores web Netscape y Mosaic. La posibilidad de trabajar con frmulas matemticas
que se haba propuesto en el HTML 3.0 pas a quedar integrada en un estndar distinto
llamado MathML.
En 1997, HTML 4.0 se public como una recomendacin del W3C. HTML 4.0 adopt muchos
elementos especficos desarrollados inicialmente para un navegador web concreto, pero al
mismo tiempo comenz a limpiar el HTML sealando algunos de ellos como desaprobados
(deprecated, en ingls).
HTML 4.0 implementa caractersticas como XForms 1.0 que no necesitan implementar
motores de navegacin que eran incompatibles con algunas pginas web HTML. En 2004
la W3C reabri el debate de la evolucin del HTML, y se dieron a conocer las bases para la
versin HTML5. No obstante, este trabajo fue rechazado por los miembros del W3C y se dara
preferencia al desarrollo del XML.
Apple, Mozilla y Opera anunciaron su inters en seguir trabajando en el proyecto bajo el
nombre de WHATWG,20 que se basa en la compatibilidad con tecnologas anteriores.
En 2006, el W3C se interes en el desarrollo de HTML5, y en 2007 se uni al grupo de trabajo
del WHATWG para unificar el proyecto.

Accesibilidad web[editar]
Artculo principal: Accesibilidad web

El diseo en HTML, aparte de cumplir con las especificaciones propias del lenguaje, debe
respetar ciertos criterios de accesibilidad web, siguiendo unas pautas o las normativas y leyes
vigentes en los pases donde se regule dicho concepto. Se encuentra disponible y
desarrollado por el W3C a travs de las Pautas de Accesibilidad al Contenido Web 1.0 WCAG
(actualizadas recientemente con la especificacin 2.0),21 aunque muchos pases tienen
especificaciones propias, como es el caso de Espaa con la Norma UNE 139803. 22

Entidades HTML[editar]
Los caracteres especiales como signo de puntuacin, letras con tilde o diresis o smbolos de
escritura del lenguaje se deben convertir en entidad HTML para mostrarse en un navegador.
La siguiente es una lista de caracteres espaoles y su correspondiente entidad HTML:
Carcter

Entidad HTML

Carcter

Entidad HTML

&aacute;

&Aacute;

&eacute;

&Eacute;

&iacute;

&Iacute;

&oacute;

&Oacute;

&uacute;

&Uacute;

&uuml;

&Uuml;

&ntilde;

&Ntilde;

&iexcl;

&iquest;

Vase tambin[editar]

Anexo:Etiquetas HTML/XHTML

Colores HTML

Hojas de estilo en cascada o CSS

Referencias[editar]
1.

Volver arriba ?Qu es y para qu sirve HTML?, el lenguaje

ms importante para crear pginas web.

2.

Volver arriba HTML Tags. World Wide Web Consortium.

Consultado el 8 de abril de 2007.

3.

Volver arriba First mention of HTML Tags on the www-talk

mailing list. World Wide Web Consortium. 29 de octubre de
1991. Consultado el 8 de abril de 2007.

4.

Volver arriba Index of elements in HTML 4. World Wide Web

Consortium. 24 de diciembre de 1999. Consultado el 8 de abril
de 2007.

5.

Volver arriba Tim Berners-Lee (9 de diciembre de 1991). Re:

SGML/HTML docs, X Browser (archived www-talk mailing list
post). Consultado el 16 de junio de 2007. SGML is very
general. HTML is a specific application of the SGML basic
syntax applied to hypertext documents with simple structure.

6.

Volver arriba Raymond, Eric. IETF and the RFC Standards

Process. The Art of Unix Programming. In IETF tradition,
standards have to arise from experience with a working
prototype implementation but once they become standards,
code that does not conform to them is considered broken and
mercilessly scrapped. Internet-Drafts are not specifications,
and software implementers and vendors are specifically barred
from claiming compliance with them as if they were
specifications. Internet-Drafts are focal points for discussion,
usually in a working group Once an Internet-Draft has been
published with an RFC number, it is a specification to which
implementers may claim conformance. It is expected that the
authors of the RFC and the community at large will begin
correcting the specification with field experience.

7.

Volver arriba HTML+ Internet-Draft - Abstract. Browser

writers are experimenting with extensions to HTML and it is now
appropriate to draw these ideas together into a revised
document format. The new format is designed to allow a gradual
roll over from HTML, adding features like tables, captioned
figures and fill-out forms for querying remote databases or
mailing questionnaires.

8.

Volver arriba www.ri5.com.ar/ayuda03.php El lenguaje HTML.

9.

Volver arriba www.w3.org/TR/html401/intro/sgmltut.html#h3.2.2.

10. Volver arriba www.w3.org/TR/xhtml1/diffs.html#h-4.4.

11. Volver arriba www.cs.tut.fi/~jkorpela/qattr.html.
12. Volver arriba www.w3.org/History/19921103hypertext/hypertext/WWW/MarkUp/Tags.html.
13. Volver arriba www.w3.org/TR/1999/REC-html40119991224/struct/objects.html#adef-ismap.
14. Volver arriba www.example.com.
15. Volver arriba The return of the u element, "regreso de la
etiqueta u" (en ingls).
16. Volver arriba Referencia de la etiqueta u (en ingls).
17. Volver arriba Where the Web was born, "Donde la Web naci".
Sitio oficial del CERN (en ingls).
18. Volver arriba Curso de HTML.. Consultado el 5 de marzo de
2014.
19. Volver arriba ViolaWWW Hypertext Browser, (en ingls). W3C.
Consultado el 3 de marzo de 2014.
20. Volver arriba www.whatwg.org sitio web de WHATWG.
21. Volver arriba Web Content Accessibility Guidelines (WCAG)
2.0.
22. Volver arriba Norma UNE 139803.

Bibliografa[editar]

Sergio Lujn Mora (2001). Programacin en Internet: Clientes

Web (libro completo gratuito en pdf) (1 edicin). Editorial
Club Universitario.

Sergio Lujn Mora (2002). Programacin de aplicaciones

web: historia, principios bsicos y clientes web (libro completo
gratuito en pdf) (1 edicin). Editorial Club Universitario.

Enlaces externos[editar]

Wikimedia Commons alberga contenido multimedia

sobre HTML.

Wikilibros alberga un libro o manual sobre Lenguaje

HTML.

Pgina web principal de HTML estndar de html del W3C

(en ingls)

Historia de HTML (en ingls)

Borrador actual de especificaciones de HTML en su versin 5.

HTML analizador

Tutorial de HTML

La primera web del mundo tiene ms de 20 aos

Copia de la primera pgina web de la historia

Categoras:

HTML

Siglas de informtica

Men de navegacin

No has iniciado sesin

Discusin

Contribuciones

Crear una cuenta

Acceder

Leer
Editar
Ver historial
Ir

Portada

Portal de la comunidad

Actualidad

Cambios recientes

Pginas nuevas

Pgina aleatoria

Ayuda

Donaciones

Notificar un error
Imprimir/exportar

Crear un libro

Descargar como PDF

Versin para imprimir

En otros proyectos

Artculo
Discusin


Wikimedia Commons

Wikibooks

Wikiversidad
Herramientas

Lo que enlaza aqu

Cambios en enlazadas

Subir archivo

Pginas especiales

Enlace permanente

Informacin de la pgina

Elemento de Wikidata

Citar esta pgina

Otros proyectos

Commons

Wikilibros
En otros idiomas

Afrikaans

Alemannisch

Aragons

Azrbaycanca

Boarisch

emaitka

()

Brezhoneg
Bosanski
Catal

Mng-d ng-ng

Corsu
etina

Cymraeg
Dansk
Deutsch
Dolnoserbski

English
Esperanto
Eesti
Euskara

Suomi
Froyskt

Franais
Furlan
Frysk
Gaeilge
Gidhlig
Galego

Fiji Hindi
Hrvatski
Hornjoserbsce
Magyar

Interlingua
Bahasa Indonesia
slenska
Italiano

Basa Jawa

Qaraqalpaqsha

Kurd

Ltzebuergesch
Lumbaart
Lietuvi
Latgau
Latvieu
Malagasy

Bahasa Melayu

Nederlands
Norsk nynorsk
Norsk bokml

Polski
Portugus

Romn

Scots
Smegiella
Srpskohrvatski /

Simple English
Slovenina
Slovenina
Soomaaliga
Shqip
/ srpski
Svenska
Kiswahili

Trkmene

Tagalog

Trke

Ozbekcha/

Ting Vit

Wolof

Yorb

Bn-lm-g

Editar enlaces

Esta pgina fue modificada por ltima vez el 29 mar 2016 a las 17:39.

El texto est disponible bajo la Licencia Creative Commons Atribucin Compartir

Igual 3.0; podran ser aplicables clusulas adicionales. Lanse los trminos de
uso para ms informacin.
Wikipedia es una marca registrada de la Fundacin Wikimedia, Inc., una
organizacin sin nimo de lucro.

Contacto

Cmo funciona esto?

Bsicamente, la cosa es simple: la pieza clave es el "browser", "navegador",

"visualizador" o "cliente" o como quieras llamarle, HTML, es decir, el programa
que ahora mismo ests utilizando para ver esto.
Todas las codificaciones de efectos en el texto que forman el lenguaje HTML no
son ms que instrucciones para el visualizador. Partiendo de esto, se entiende el

porqu no se ve lo mismo con todos los visualizadores. Depende de cmo estn

diseados y para qu versin de lenguaje estn diseados.
Actualmente existen multitud de ellos, aunque los ms conocidos son el Internet
Explorer de Microsoft (en lo sucesivo IE), el Netscape Navigator de Netscape
(en lo sucesivo Netscape), o el Mozilla Firefox (que en realidad es el nuevo
Netscape), y sin olvidar los navegadores Opera y Chrome, que tienen fama de
ser los que ms respetan los estndares, cosa muy de agradecer en estos tiempos.
Todo lo que se dice en esta gua funciona correctamente con Netscape, Opera,
Firefox o Chrome, casi todo con el IE. Algunas cosas puede que no se vean bien
dependiendo del navegador utilizado, sobre todo si son versiones antiguas.
Si se est conectado a Internet, con un navegador, adems de ver documentos
HTML se puede recibir y enviar correo electrnico, recibir y enviar NEWS
(noticias), visitar los servidores GOPHER (servidores de ficheros ya
desaparecidos), y acceder a servidores FTP (ms servidores de ficheros) tanto en
entrada como en salida, todo ello con el mismo programa. Tambin, como no, se
pueden imprimir los documentos visualizados. Casi todos suelen ser
"WYSWYG", es decir, que lo impreso es exactamente como lo ves en
pantalla...Siempre que tu impresora est de acuerdo, claro.
La idea es sencilla: slo tienes que crear un documento con tu editor preferido
(como documento entenderemos el conjunto de ficheros, tanto de texto como de
imgenes, que forman las distintas pginas), guardarlo con la
extensin .htm o .html, abrirlo con tu navegador preferido, y ya tienes un
hipertexto en marcha. Las pginas o documentos creados pueden residir en el
disco duro de tu ordenador personal, en un disquete, en un CD-ROM, o estar a
varios miles de kilmetros en otro ordenador llamado servidor web o servidor
http, que es el protocolo utilizado. Si es as, entonces te estars moviendo por la
WWW (World Wide Web) que es como se ha dado en llamar a este tipo de
servicios de Internet.
As pues, en esencia, una pgina escrita en HTML no es ms que texto normal,
escrito con cualquier editor, y al que, cuando se le quiere dar algun aspecto
especial, como por ejemplo el tamao de la letra, habr que acompaar de ciertos
cdigos para indicar el efecto deseado. A estos cdigos se les
llama elementos del lenguaje.

Pero no hay que olvidar que al fin y al cabo no hablamos ms que de texto.
Simple y llano texto. Por lo tanto, para montajes sencillos, en los que no se
requiera ningn efecto especial, nos podemos olvidar hasta del mismsimo
HTML. El visualizador nos presentar perfectamente cualquier pgina ".txt"
generada por cualquier editor, y los links entre documentos slo requieren un
simple y sencillo comando. Y an as podremos conseguir el tipo y tamao de
letra y colores de texto y fondo que queramos, simplemente configurando el
visualizador.
Como ya habrs deducido, lo primero es crear las pginas en tu mquina, es
decir, en local, y eso ya te permite navegar por tu documento, simplemente
abriendo las pginas creadas con tu navegador preferido. Si lo que quieres es
ponerlas en Internet (algunos a eso le llaman "colgarlas" en Internet), lo siguiente
es conseguir una cuenta y espacio en disco en algun proveedor de servicios
internet (ISP -Internet Service Provider-), si no tienes tu propio servidor, claro.
Una vez conseguido el espacio en servidor, hay que enviar los ficheros que
contienen tus pginas a ese servidor. Para ello puedes utilizar la pgina que
habitualmente proporcionan los ISP para "subir" tus ficheros desde tu mquina, o
bien utilizar algun programa de FTP, configurndolo segn las instrucciones del
ISP. Suele ser ms sencillo utilizar las pginas proporcionadas por los ISP.
Recuerda que dependiendo del sistema operativo que tenga el servidor, los
nombres de los ficheros deben atenerse a ciertas convenciones. Si el servidor
utiliza una plataforma UNIX o LINUX (la mayora de ellos) los nombres no
pueden tener espacios en blanco, y adems se tienen en cuenta las maysculas.
No es lo mismo Index.html que index.html. Otra cosa importante es
quenunca utilices palabras con acentos o caracteres especiales, como ees,
cedillas, etc. para dar nombre a los ficheros. Si el servidor utiliza sistemas
Windows esto carece de importancia, pero hay que tener en cuenta que tus
pginas, antes de llegar al cliente, tendrn que pasar por muchos nodos
enrutadores que generalmente son mquinas UNIX. Otra cosa que hay que tener
en cuenta, es el nombre por defecto de la primera pgina de tu documento. Casi
todos los servidores basados en UNIX o LINUX consideran como primera
pgina cualquier fichero llamado index.html. Si no existe este archivo, o el que
establezca el administrador del sistema, es necesario que el usuario escriba el
nombre de la primera pgina del documento que desea visitar. Por ejemplo, si no
utilizas el nombre incial que por defecto admita tu servidor, la direccin se tiene
que escribir completa:

http://mi_servidor/mi_usuario/mi_pagina_inicial.htm
Si utilizas como nombre de la primera pgina el aceptado por el servidor,
solamente habra que escribir hasta el directorio:
http://mi_servidor/mi_usuario/
Y si tienes la suerte de disponer de tu propio servidor, solamente se precisa el
nombre del servidor:
http://mi_servidor/
Si ests diseando tu documento y solamente quieres ver tu trabajo en local, los
navegadores funcionan igual que cualquier otro programa de Windows, y con la
opcin "Archivo/Abrir" de tu navegador preferido puedes ver cualquier fichero
escrito en HTML. En ese caso, la ruta ser de este estilo:
file:///C:/mi_web_local/mi_pagina.htm

[Indice]

Cmo escribir una pgina en

HTML
4 partes:Configurar el documentoDarle formato al
textoAadir vnculos e imgenesAprender ms y pon tu
pgina en lnea

El lenguaje HTML (por sus siglas en ingls, HyperText Markup Language) es un

lenguaje bsico para desarrollar pginas web. Se cre con la intencin de hacer
un lenguaje fcil y flexible para codificar. Casi todas las pginas de Internet se han
creado con alguna variacin de este cdigo (ColdFusion, XML, XSLT). HTML es
fcil de comprender, pero puede llevarte un largo tiempo si ests interesado en
aprender sus funciones completas. Para aadir ms color y emocin a tus pginas
web, puedes aprender lo esencial de CSS una vez que te sientas cmodo con una
pgina HTML bsica.
Anuncio

Parte 1 de 4: Configurar el documento

1.

1
Abre un simple editor de texto. El Bloc de notas es una buena opcin que
puedes descargar gratis. Puedes escribir HTML con casi cualquier programa de
edicin de texto, pero los programas ms complejos con formato automtico hacen
que sea ms difcil organizar tu pgina HTML.[1]

No es recomendable usar TextEdit, ya que a menudo guarda el

archivo en un formato que tu navegador podra no reconocer como HTML.

Tambin puedes usar un editor HTML en lnea. Los programas de

edicin HTML no son recomendables para principiantes. [2]

Anuncio

2
Guarda un archivo como una pgina web. Selecciona Archivo Guardar
como. Cambia el formato de archivo por "Pgina web", ".html" o ".htm". Gurdalo
en una ubicacin donde puedas encontrarlo fcilmente.
o

No existe ninguna diferencia entre estas tres opciones.

3
Abre el archivo en un navegador web. Haz doble clic en el archivo y deber
abrirse automticamente como una pgina web en blanco en tu navegador. Como
alternativa, puedes abrir un navegador, por ejemplo Firefox o Internet Explorer y
usar "Archivo" "Abrir archivo" para seleccionar el documento.
o

Esta pgina web no estar en lnea. Solo podr verse en tu

computadora.

4
Refresca la pgina web para ver los cambios guardados. Escribe esto en tu
documento en blanco: <strong>Hola</strong> Guarda el documento. Actualiza la
pgina en blanco y debers ver aparecer "Hola" en la parte superior de la pgina,
en negrita. Cada vez que quieras probar tu nuevo HTML durante este tutorial,
guarda el documento .html y luego actualiza la ventana del navegador para ver
cmo se interpreta tu HTML.
o

Si las palabras "<strong>" y "</strong>" aparecen en tu navegador, tu

archivo no se est interpretando correctamente como HTML. Prueba con un
programa de edicin de texto distinto o con otro navegador.

5
Comprende qu son las etiquetas. Las instrucciones de HTML se escriben a
travs de "etiquetas" (tags, en ingls), que le indican al navegador cmo interpretar
y mostrar la pgina web. Siempre se escriben entre parntesis angulares <de esta
forma> y no se muestran en la pgina web. T ya las usaste en el ejemplo anterior:

<strong> es una "etiqueta de apertura" o "etiqueta de inicio". Todo lo

que se escriba despus de esa etiqueta se definir como "texto en negrita"
(generalmente en la pgina web se mostrar en negrita).

</strong> es una "etiqueta de cierre" o "etiqueta de fin". Muestra el

punto en donde termina el texto en negrita. La mayora de las etiquetas (no todas)
necesitan una etiqueta de cierre para funcionar, as que no olvides incluirla.

6
Configura tu documento. Elimina todo el contenido de tu documento HTML.
Comienza nuevamente con el siguiente texto escrito exactamente como est
(ignorando puntos de vietas). Este cdigo HTML le indica al navegador qu tipo
de HTML vas a usar y que todo tu HTML estar contenido entre las etiquetas
<html> y </html>.[3]
o

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01

Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

</html>

7
Aade etiquetas de cabecera y cuerpo. Los documentos HTML se dividen en
dos secciones. La seccin de la "cabecera" (head, en ingls) es para la
informacin especial, como el ttulo de la pgina. La seccin del "cuerpo" (body, en
ingls) incluye el contenido principal de la pgina. Aade ambas a tu documento,

recordando incluir tambin las etiquetas de cierre. El nuevo texto a aadir es el

que est en negrita:
o

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01

Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

</head>

<body>

</body>

</html>

8
Ponle un ttulo a la pgina. Siendo principiante, no es importante aprender la
mayora de las etiquetas que van en la seccin de la cabecera. Sin embargo, la
etiqueta de ttulo es fcil de usar y determinar qu es lo que aparecer como
nombre de la ventana o de la pestaa del navegador. Coloca las etiquetas de

apertura y de cierre del ttulo dentro de las etiquetas de cabecera y escribe el ttulo
que t quieras entre ellas:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01

Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
o

<html>

<head>

<title>Mi primera pgina HTML</title>

</head>

<body>

</body>

</html>
Anuncio

Parte 2 de 4: Darle formato al texto

1.

1
Agrgale algn texto a la seccin del cuerpo. En esta seccin solo trabajars
dentro de las etiquetas del cuerpo. El resto del texto permanecer en el
documento, pero en esta gua se evitar repetirlas para ahorrar espacio. Escribe lo
que quieras entre las etiquetas <body> y </body> y aparecer como el primer
contenido en tu pgina web. Por ejemplo:

<body>

Estoy siguiendo la gua de wikiHow para escribir una pgina

HTML
</body>

Agrgale al texto las cabeceras. Organiza tu pgina con etiquetas de cabecera,

que le indicarn al navegador que muestre el texto que aparece entre ellas en un
tamao ms grande. Estas tambin las utilizan los bots de los motores de
bsqueda y otras herramientas para determinar de qu se trata tu pgina y cmo
est organizada. <h1> </h1> es el encabezado ms grande y puedes crear
encabezados ms pequeos hacia abajo hasta <h6> </h6>. Prubalos en tu
pgina:
o

<body>

<h1>Bienvenido a mi pgina web</h1>

Estoy siguiendo la gua de wikiHow para escribir una pgina

HTML

<h3>Mis objetivos de hoy:</h3>

<h5>Objetivos completados:</h5>

Aprender cmo usar encabezados

<h5>Objetivos sin cumplir:</h5>

Aprender ms etiquetas de formato de texto

</body>

3
Aprende ms etiquetas para darle formato al texto. Ya conoces la etiqueta
"strong", pero existen muchas otras formas de darle formato a un texto. Juega con
ellas o usa varias etiquetas alrededor de la misma cadena de texto. Recuerda
siempre agregar la etiqueta de cierre despus!

<strong>Texto importante. Se mostrar en negrita en los

navegadores.</strong>
<em>Texto enfatizado. Se mostrar en cursiva en los

navegadores.</em>
<small>Texto un poco ms pequeo que lo usual. Se escalar

automticamente si se usa en un encabezado. [4]</small>

<del>Texto que ya no se aplica. Se mostrar tachado con una

o
lnea.</del>
o

<ins>Texto que se ha insertado despus que el resto. Se mostrar

subrayado</ins>

4
Ordena el texto en la pgina. Posiblemente hayas notado que presionar la
tecla Enter no es suficiente para que tu texto se muestre en una lnea diferente.
Estas etiquetas pueden ayudarte a formar prrafos e insertar saltos de lnea u
ordenar tu texto de otra forma:
<p> Significa "prrafo" y te ayudar a mantener todo el texto que est

entre estas etiquetas en un solo prrafo, separndolo del texto que est encima o
debajo de l.</p>
<br> Esto crear un salto de lnea. No incluyas una etiqueta de cierre

en este caso, ya que no va a alterar ningn otro contenido. sala para poemas o
lneas de direccin, no para separar prrafos.[5]
<pre>Si necesitas mostrar texto con mucha precisin, esta etiqueta

configurar el texto que est dentro de estas etiquetas como una fuente de ancho
fijo (cada letra tendr el mismo ancho) y te permitir crear espacios y saltos de
lnea como lo haras normalmente en lugar de escribir a travs de etiquetas.
</pre>

[6]

<blockquote>Esto define al texto como texto citado a travs de una

fuente.</blockquote> Despus puedes describir la fuente usando la <cite>etiqueta
de citas.</cite>.

5
Aade comentarios de texto invisible. Las etiquetas de comentarios no son
visibles en la pgina web. Te permiten escribir notas para ti mismo en el
documento HTML sin interferir con el contenido.<!--- Escribe tu comentario dentro
de la etiqueta---> No aadas una etiqueta de cierre.

Las etiquetas que son suficientes por s mismas y no usan etiquetas

de cierre se conocen como "etiquetas vacas".

6
Coloca todo junto. La mejor forma de recordar estas etiquetas es usndolas en tu
propia pgina web. Aqu tienes un ejemplo de cmo usar etiquetas para cada uno

de los pasos que has aprendido hasta ahora. Intenta predecir cmo se ver en un
navegador en vez de copiar y pegar todo en tu documento para averiguarlo.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01

Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
o

<html>

<head>

<title>Mi primera pgina HTML</title>

</head>

<body>

<h1>Bienvenido a mi pgina web</h1>

Espero que disfrutes el sitio!<p><strong> Lo cre especialmente

para ti.</strong>

<h2>Parte 1: Cmo descubr HTML</h2>

<!---Nota a m mismo: recuerda que "h1" es un encabezado ms

grande que "h2"--->
He estado aprendiendo HTML durante <del>una</del>

<ins>dos</ins>horas, as que soy un experto.

o

</body>

</html>
Anuncio

Parte 3 de 4: Aadir vnculos e imgenes

1.

1
Aprende qu son los atributos. Las etiquetas pueden tener informacin adicional
escrita dentro de ellas. Esta informacin se conoce como "atributos". Los atributos
aparecen como palabras adicionales dentro de la misma etiqueta, de la
forma:nombre-del-atributo="valor especfico". Por ejemplo, casi cualquier
etiqueta HTML puede tener el atributo "title" (ttulo):

<p title="Introduction">Aqu va el prrafo introductorio</p> Este

atributo le aade al prrafo un ttulo, "Introduccin", que aparece cuando pasas el

ratn sobre el prrafo en la pgina web.

2
Crea un vnculo a otra pgina web. Usa las etiquetas <a></a> para crear un
hipervnculo a cualquier otra pgina web. Insertar la direccin URL de la pgina

web de destino usando el atributo href. Aqu tienes un ejemplo que vincula tu
documento con la pgina que ests leyendo ahora.
<a href="http://es.wikihow.com/escribir-una-pgina-en-HTML">Los

visitantes de tu sitio web pueden hacer clic en este texto para seguir el
vnculo.</a>

3
Adele un atributo id a tus etiquetas. Otro atributo que puedes incluir en casi
cualquier etiqueta HTML es el elemento "id". Dentro de cada etiqueta,
escribeid="ejemplo" o usa cualquier nombre que no incluya espacios. [7] Esto no
tendr un efecto visible, pero lo usars en el prximo paso.
o

Por ejemplo, agrega esto a tu documento: <p id="example">Este

prrafo se usar como ejemplo para mostrar cmo funciona el atributo id.</p>

4
Crea un vnculo hacia un id determinado. Ahora puedes usar las etiquetas de
hipervnculo <a></a> para crear un vnculo hacia otro punto de la misma pgina.
En lugar de una direccin URL, debers usar el smbolo #, seguido del valor de id
hacia el cual vas a hacer el vnculo. Por ejemplo, <a href="#ejemplo">Este texto
crear un vnculo hacia el prrafo que contiene el id "ejemplo"</a>.
Ningn valor de HTML es sensible a maysculas y minsculas.

o
[8]

"#EJEMPLO" y "#ejemplo" te llevarn hacia el mismo lugar.

Si tu pgina es lo suficientemente pequea como para mostrar todo

el contenido en la misma pantalla, es posible que no notes ningn cambio cuando

hagas clic en el vnculo usando el navegador. Cambia el tamao de la ventana
hasta que aparezca una barra de desplazamiento y luego intntalo otra vez.

5
Agrega una imagen. La etiqueta <img> es una etiqueta vaca, lo cual significa
que no es necesario incluir una etiqueta de cierre. Toda la informacin que
necesita el navegador para mostrar la imagen se agregar a travs de
atributos. [9] Aqu tienes un ejemplo que mostrar el logo de wikiHow seguido de
una descripcin de cada atributo:

<img

src="http://pad2.whstatic.com/skins/owl/images/wikihow_logo.png"
style="width:324px;height:84px" alt="wikiHow logo">
El atributo src=" " (fuente) le indica al navegador dnde encontrar la

imagen (ten en cuenta que generalmente es ofensivo publicar la imagen del sitio
de otra persona y que esa imagen desaparecer si el sitio de donde proviene se
desconecta).
El atributo style=" " (estilo) puede hacer muchas cosas, pero lo ms

importante que hace es ajustar el ancho y el alto de una imgenes en pxeles

(tambin puedes usar los atributos width=" " (ancho) y height=" " (altura) por
separado, pero podras llegar a tener problemas de tamao algo extraos si vas a
usar CSS).[10])
El atributo alt=" " es una breve descripcin de la imagen que el

usuario ver si la imagen falla al cargarse. Esto se considera un requisito ya que

los usan los lectores de pantalla para visitantes ciegos. [11]
Anuncio

Parte 4 de 4: Aprender ms y pon tu pgina en lnea

1.

1
Valida tu HTML. La validacin HTML comprueba si hay errores en el cdigo. Si tu
pgina web no se muestra correctamente, la validacin puede ayudarte a
encontrar el error que puede estar provocando el problema. Tambin puede
ensearte ms acerca de HTML identificando cdigo que parece estar bien en la
pantalla, pero no es recomendable debido a las actualizaciones de los estndares

de HTML. Usar HTML invlido no significa que tu sitio no va a poder usarse, pero
s puede provocar problemas o mostrar una vista inconsistente en diferentes
navegadores.
o

Prueba con el servicio gratuito de validacin en lnea de W3C o

busca otro validador en lnea de HTML 5.

2
Aprende ms etiquetas y atributos. Existen muchas otras etiquetas y atributos
HTML y muchos lugares donde puedes aprenderlos:
o

Prueba con w3schools y HTML Dog si necesitas ms tutoriales y

listas ms completas de etiquetas.

Busca una pgina web en la que te guste su aspecto y usa la funcin

"Ver cdigo fuente de la pgina" para ver t mismo su HTML. Copia y pgalo en tu
propio documento y juega con l para ver cmo funciona.

Lee otros artculos para aprender cmo crear tablas HTML usando
etiquetas meta para impulsar tu visibilidad en los motores de bsqueda o usando
div y span para ayudarte con el estilo CSS.

3
Pon tu pgina web en lnea. Elige un servicio de alojamiento web o web hostingy
podrs subir tantas pginas HTML como quieras a tu dominio web personal. Para
hacerlo, necesitars usar un programa de transferencias FTP, pero muchos de los
servicios de alojamiento ofrecen tambin este servicio.

Cuando vayas a establecer vnculos a otras pginas o imgenes de

tu propio sitio web, no es necesario usar direcciones completas. Por ejemplo, si tu

nombre de dominio es www.elmejorcodificadordehtml.com, entonces la direccin
<a href="/journal/monday.html">the text inside these tags</a> establecer un
vnculo con la direccin "www.superskilledhtmlcoder.com/journal/monday.html".

Agrega estilo con CSS. Si tu pgina HTML se ve demasiado elemental, intenta

aprender algunas funciones CSS bsicas para aadir ms color, distintas fuentes y
un mayor control sobre la ubicacin de los elementos. Vincular una hoja de estilos
CSS (CSS stylesheet) con tus pginas HTML te permitir hacer importantes
cambios rpidamente, ajustando el estilo de todo el texto que se encuentra dentro
de una etiqueta determinada. Aqu puedes ver cmo jugar con hojas de estilo
bsicas o puedes profundizar en tutoriales ms detallados usando la gua de CSS
de HTML Dog.

5
Agrgale cdigo de JavaScript a tu pgina. JavaScript es un lenguaje de
programacin que se utiliza para agregarles ms funciones a las pginas HTML.
Los comandos de JavaScript se insertan entre las etiquetas de apertura y de cierre
<script></script> y se pueden usar para agregar botones interactivos, calcular
problemas matemticos y mucho ms. Aprende ms usando los ejemplos de w3c.
Anuncio

Consejos

El tipo de documento (en ingls doctype), usado en este tutorial es "loose

HTML 4.0.1 transitional", un formato fcil de usar para principiantes. [12] Utiliza (<!
DOCTYPE html>) para que el navegador interprete el cdigo con formato HTML 5
estricto, que es el estndar ms recomendable (a pesar de ser uno de los menos
usados).
Anuncio

Advertencias

HTML tiene el propsito de mantener el contenido de la pgina en un

formato universal. No est pensado para controlar la presentacin de tu pgina
web, como por ejemplo el color de fondo y la ubicacin precisa de los elementos.
A pesar de que haya etiquetas que te permitan controlar estas cosas, es altamente
recomendable usar CSS para crear una pgina web ms controlable y consistente.

Cosas que necesitars

Un simple editor de texto, como el Bloc de notas o TextEdit

Un navegador web, como Internet Explorer o Mozilla Firefox

Un editor de HTML como Adobe Dreamweaver, Aptana Studio o Microsoft

Expression Web (opcional)

Referencias
1.

http://www.yourhtmlsource.com/myfirstsite/myfirstpage.html

2.

http://htmldog.com/guides/html/beginner/gettingstarted/

3.

http://www.w3.org/QA/Tips/Doctype

4.

HTML Tutorials

5.

http://www.w3schools.com/tags/tag_br.asp

6.

http://www.w3schools.com/tags/tag_pre.asp

7.

http://www.w3schools.com/tags/att_global_id.asp

8.

http://www.w3schools.com/tags/att_global_id.asp

9.

http://htmldog.com/guides/html/beginner/images/

10.

http://www.w3schools.com/html/html_images.asp

11.

http://www.w3schools.com/html/html_images.asp

12.

http://www.htmlbasictutor.ca/doctype-declaration.htm

Acerca del artculo

Categoras: HTML
Otros idiomas:
English: Write an HTML Page, : HTML , Italiano: Scrivere una
Pagina HTML, Portugus: Escrever uma Pgina em HTML, Deutsch: Eine HTML
Seite erstellen, Franais: crire une page HTML, Bahasa Indonesia: Menulis
Halaman HTML, Nederlands: Een HTML pagina schrijven, : HTML
, etina: Jak vytvoit HTML strnku, Ting Vit: Vit mt trang HTML, :
HTML

, : HTML

Discusin

Imprimir

Email

Editar

Agradecer a los autores

Esta pgina se ha visitado 2785 veces.

TML sin Java

ML

Te ha ayudado este artculo?

Si No
Te gustara ver ms sobre algn tema?Enva tu sugerencia de ttulo aqu
Pgina al azar

Artculos relacionados

Escribe un artculo

TML
Compartir
Artculos destacados

Sguenos en

Portada
Acerca de wikiHow
Trminos de uso
RSS
Mapa del sitio
Iniciar sesin
wikiHow es un carbon neutral website
Contenido disponible bajo la Licencia Creative Commons.
Powered by Mediawiki.