Este documento proporciona definiciones e información sobre varias herramientas y conceptos relacionados con el desarrollo web como HTML, editores de código, navegadores y comandos HTML. Explica qué es HTML, menciona algunos editores como Microsoft Visual Studio Express para Web, JetBrains WebStorm y Sublime Text, enumera navegadores como Internet Explorer, Google Chrome y Mozilla Firefox, y lista comandos HTML comunes.

1. HTML
Manuela gallego Acevedo
Alyson dahiana Orozco jaramillo
Técnica en sistemas
Yohany Ortiz
Institución educativa Gonzalo Restrepo jaramillo

2. Definición:: hacereferenciaallenguajedemarcadoparalaelaboracióndepáginasweb.Esun estándarquesirvede
referenciadelsoftwarequeconectaconlaelaboracióndepáginasweb ensusdiferentesversiones,defineunaestructura
básicay un código(denominadocódigoHTML)paraladefinicióndecontenidodeunapáginaweb,comotexto,
imágenes,videos,juegos,entreotros.EsunestándaracargodelWorldWideWeb Consortium(W3C)oConsorcio
WWW, organizacióndedicadaalaestandarizacióndecasitodaslastecnologíasligadasalaweb,sobretodoenlo
referenteasuescrituraeinterpretación.

3. 1.- MicrosoftVisualStudioExpressforWeb
Estádisponibleenvariosidiomas(incluyendoel Español)ysuúnicalimitaciónesque sólofuncionabajoWindows.Es
decir,quesi trabajasenMac oLinux no podrásutilizarlo.Porlodemáses unentornointegradodedesarrollo(IDE)
espectacular.Aunque,aligualqueelanterior,esunaherramientatécnicaorientadaaprogramadoresyconmuchas
otrasposibilidadesavanzadas,ofreceunsoporteestupendoparadiseñodepáginasWeb,coneditores avanzadosde
HTML, CSSy JavaScript,capacidaddedepuración,ayudacontextualparatodosloslenguajes,validadoresdecódigo,
validadoresdeaccesibilidad,visualizaciónrealdecómovana quedarlaspáginas,etc...Echarásdemenosmuypocas
cosas(aunquealgunassí,sobretodosiusasSublime).Estotalmentegratuito.
2.- JetBrainsWebStorm

4. Esteessin dudaunodelosmejoreseditoresdecódigodelmercado,yno soloparaeltrinomioHTML/CSS/JavaScript.De
hechosoportaotroslenguajescomoCoffeeScript,TypeScriptyNode.js,ymultituddelibreríasde JavaScript,sistemasde
controldecódigo,testeounitario,etc....Esmuyespectacularlacapacidaddeeditaryverentiemporeallos cambiosen
unCrome,inclusoenaplicacionesdetipoSPA/AJAX.Lalistadecaracterísticasestanlargaquemejorteenlazo ala
mismaen supágina.Llevaun ratoaprendertodassusposibilidades,peromerecelapena.
Esmultiplataforma.Noesgratuito,perosuprecio(solamente44€ parausoindividual)esunregaloparatodoloque
ofrece.Muyrecomendable.
3.- SublimeText
Un editordetextoavanzadoparaprogramadores,multiplataforma.Aunqueesbastanteespartanolociertoesquetodo
el queinvierte tiempoenaprenderadominarloluegonoloquiere dejar,yaque aumentamucholaproductividadala
horadeescribircódigo.No ofrecemuchasdelascaracterísticasdeayudaalprogramadorwebquesíofrecenlamayoría
delos otrosentornos,porloqueesrecomendablesobretodosivamosatrabajarmucho directamenteconcódigo,
especialmenteJavaScript.Lopodemosdescargaryutilizargratuitamente,perosilovamosausaramenudopara
trabajarsuscreadoresnossolicitanquelespaguemosunalicencia(eslojusto).Éstatieneunpreciomuyrazonable.

5. Bloc denotas: esun editordetextosimpleincluidoen lossistemasoperativosdeMicrosoftdesde1985.Sufuncionalidad
esmuy simple.Algunascaracterísticaspropiasson:
InsercióndehorayfechaactualpulsandoF5,enformato"HH:MMDD/MM/AA".
Insercióndehorayfechaactualsiel documentocomienzapor".LOG".
Ajustedelínea.
Posibilidaddeexportaracualquierformatodetextonoformateado(muyútilcomorecursodeemergenciapara
programar)

6. Navegador:esunsoftware,aplicaciónoprogramaquepermiteelaccesoalaWeb, interpretandolainformaciónde
distintostiposdearchivosysitiosweb paraqueestospuedanservisualizados.
La funcionalidadbásicadeunnavegadorwebes permitirlavisualizacióndedocumentosdetexto, posiblementecon
recursosmultimediaincrustados.Además,permitevisitarpáginaswebyhaceractividadesenella,es decir,enlazarun
sitioconotro,imprimir,enviary recibircorreo,entreotrasfuncionalidadesmás.
Los tiposdenavegadoresson:
 Internetexplore
 Googlechrome
 Mozilla firefox
 Opera
 Safari

7. COMANDOS HTML
..Descripción...... ..............INICIO.......... ..........F I N A L..........
Principo de Documento ..<html>... </html>
Encabezado y Título
<head><title>....(titulo del
archivo)....
</title></head>
Color de Fondo de Página <body bgcolor="#RRVVAA"> ----
Imágen de Fondo
<body background="XXX.gif (o
jpg)">
----
Imágen Individual <img src="YYY.gif (o jpg)"> ----
Imágen(Ancho*Alto)
<img src=".." width="n"
height="n">
-----
Espacio "libre" <img src=".." hspace="n"> -----
Color del Texto (parcial) <font color="#RRVVAA"> </font>
Tamaño del Texto (parcial) <font size="n"> </font>
Punto y a Parte <br> -----
Linea(s) en blanco <p> -----
"As you See" <pre> </pre>
Linea Embebida <hr="n"> -----
Negrita*Cursiva*Subray <b> * <I> * <U> </b> * </I> * </U>
Subíndice * Superíndice  *   * 
Centrado*Izquierda*Derecha <center>*<left>*<right> </center>*</left>*</right>
Enlace "lejano" <a href="http://..."> ....</a>
Enlace "ab.html" en tu PC <a href="ab.html"> ....</a>
Enlace misma página <a href="#pepe"> ....</a>
Localiz.anterior <a name="pepe"> ....</a>
Enlace Correo <a herf="mailto: dir.mail..."> ...</a>

8. Arch.de Sonido
<bgsound src="xx.wav"> (o
.mid)
-----
Desplazam. Marquesina <marquee>(texto) </marquee>
NARANJADO Orange
ROSADO pink
VERDE Green
AMARILLO yellow
ROJO red
AZUL blue
CAFÉ coffee
MORADO purple
BLANCO White
NEGRO Black
PIEL skin
PLATEADO silver
DORADO golden
Azul celestelightblue
marrón Brown
algerian
arial
cambria
calibri
arialblack
aharoni
centurygothic
andalus
book antiqua
dotumche
corbel
cordiaupc
ebrima
gadugi

9. gisha