Publicidad

Diseño Web Málaga

Diseño Web Malaga

Cursos y recursos

Promociones

Nuestros Servicios

diseño web cmsSEO Publicidad
tienda informaticatinta y toner impresoras
Código : Nuestra primera página web
Enviado por unServidor el 22/7/2008 8:00:00 (3909 Lecturas) Artículos del mismo redactor
Código

Como no puede ser de otro modo, vamos a utilizar el mismo ejemplo que se ha ido utilizando a lo largo de la historia de la programación y no es otro que el ver impreso en pantalla "Hola Mundo".

Para ello vamos a empezar a plasmar aquí el código necesario.

Esta sería la página web más simple que podríamos crear.

<html>
   <head>
     <title>Hola Mundo</title>
   </head>
   <body>
     Hola Mundo
   </body>
</html> 


Pasamos a explicar el código. El lenguaje HTML como otros muchos funciona por etiquetas, estas van entre <> y [b].

Todas y cada una de estas etiquetas son necesarias en cualquier archivo HTML, pero luego existen muchas más que iremos conociendo y que lo que hacen es enriquecer nuestra página y lo que queremos detallar en ella.

La primera etiqueta [b]
sirve para indicar el inicio del código, html claro está. La última cierra ese código.

Le sigue y que indican que aparecerá en la cabecera de nuestra web, y el mensaje se lo indicamos con lo que escribimos dentro de la etiqueta .

Luego pasamos al cuerpo del documento, la web en si, todo lo que escribamos entre la etiqueta aparecerá en nuestra página web. En este caso el mensaje "Hola Mundo".

Terminamos con como ya hemos indicado para finalizar el documento.

Este es el resultado final:


Como podemos observar en la parte de arriba, aparece "Hola Mundo", esa sería la etiqueta </b> y en el cuerpo de la web de nuevo aparece "Hola Mundo" que es lo que hemos escrito dentro de la etiqueta <b><body></b>.<br /><br />Como probarlo en tu ordenador:<br /><br />1. crea un nuevo archivo con el <b>bloc de notas</b><br /> Inicio - Programas - Accesorios - Bloc de Notas<br /><br />2. Escribe dentro el codigo html de arriba.<br /><br />3. Guarda el documento con la extension <b>.html</b><br /><br />4. Haz doble-click en el archivo creado y se abrira en tu explorador de internet.</p></td> </tr> <tr> <td class="itemFoot"><span class="itemAdminLink"></span><b>Valoración: </b> 0.00 (0 votos) - <a href="http://www.autoservicioweb.com/cms/modules/news/ratenews.php?storyid=6" rel="nofollow">Valorar artículo</a> - <span class="itemPermaLink"></span></td> </tr> </table> </td> </tr> </table></div> <div style="padding: 5px; text-align: right; margin-right:3px;"> <a href='http://www.autoservicioweb.com/cms/modules/news/article.php?storyid=7' title="Crear una web en 10 minutos">Artículo anterior</a> - <a href='http://www.autoservicioweb.com/cms/modules/news/article.php?storyid=5' title="Alojamiento Web">Artículo siguiente</a> <a href="http://www.autoservicioweb.com/cms/modules/news/print.php?storyid=6" rel="nofollow" title="Versión imprimible"><img src="http://www.autoservicioweb.com/cms/modules/news/images/print.gif" border="0" alt="Versión imprimible" /></a> <a target="_top" href="mailto:?subject=Artículo interesante en AutoServicio Web&body=En AutoServicio Web está disponible un artículo interesante: http://www.autoservicioweb.com/cms/modules/news/article.php?storyid=6" title="Enviar a un amigo" rel="nofollow"><img src="http://www.autoservicioweb.com/cms/modules/news/images/friend.gif" border="0" alt="Enviar a un amigo" /></a> <a target="_blank" href="http://www.autoservicioweb.com/cms/modules/news/pdf/pdf.php?storyid=6" rel="nofollow" title="Crea un documento PDF con el artículo"><img src="http://www.autoservicioweb.com/cms/modules/news/images/acrobat.gif" border="0" alt="Crea un documento PDF con el artículo" /></a> </div> <br /><br /> <table width='50%' cellspacing='0' cellpadding='1'> <tr> <th>Otros artículos</th> </tr> <tr class="even"> <td align='left'>9/4/2014 9:30:00 - <a href='http://www.autoservicioweb.com/cms/modules/news/article.php?storyid=665'>Ingresos extras con el programa de afiliados de Amazon</a></td> </tr> <tr class="odd"> <td align='left'>20/3/2014 10:30:00 - <a href='http://www.autoservicioweb.com/cms/modules/news/article.php?storyid=664'>Conferencia DomainingSpain 2014</a></td> </tr> <tr class="even"> <td align='left'>17/1/2014 22:50:00 - <a href='http://www.autoservicioweb.com/cms/modules/news/article.php?storyid=662'>Comenzar con el comercio electrónico en España</a></td> </tr> <tr class="odd"> <td align='left'>21/12/2013 19:30:00 - <a href='http://www.autoservicioweb.com/cms/modules/news/article.php?storyid=660'>Proveedores de dropshipping</a></td> </tr> <tr class="even"> <td align='left'>5/12/2013 1:10:00 - <a href='http://www.autoservicioweb.com/cms/modules/news/article.php?storyid=659'>Comprar página web para hacer dinero en Internet</a></td> </tr> <tr class="odd"> <td align='left'>25/11/2013 19:10:00 - <a href='http://www.autoservicioweb.com/cms/modules/news/article.php?storyid=658'>Estudiar a distancia, la mejor opción para ahorrar tiempo y dinero</a></td> </tr> <tr class="even"> <td align='left'>9/11/2013 21:30:00 - <a href='http://www.autoservicioweb.com/cms/modules/news/article.php?storyid=657'>Aplicación para posicionar tu web</a></td> </tr> <tr class="odd"> <td align='left'>3/11/2013 23:30:00 - <a href='http://www.autoservicioweb.com/cms/modules/news/article.php?storyid=656'>Mantener tu ordenador limpio</a></td> </tr> <tr class="even"> <td align='left'>1/11/2013 7:00:00 - <a href='http://www.autoservicioweb.com/cms/modules/news/article.php?storyid=655'>Campañas Adwords rentables</a></td> </tr> <tr class="odd"> <td align='left'>1/11/2013 3:00:00 - <a href='http://www.autoservicioweb.com/cms/modules/news/article.php?storyid=654'>Aprender Joomla! de forma rápida</a></td> </tr> </table> <br /> <div style="text-align: center; padding: 3px; margin:3px;"> <form method="get" action="article.php"> <table width="95%" class="outer" cellspacing="1"> <tr> <td class="even" align="center"><select name="com_mode"><option value="flat">Vista Plana</option><option value="thread">Vista Jerárquica</option><option value="nest" selected="selected">Vista escalonada</option></select> <select name="com_order"><option value="0">Viejos Primero</option><option value="1" selected="selected">Nuevos Primero</option></select><input type="hidden" name="storyid" value="6" /> <input type="submit" value="Actualizar" class="formButton" /> </td> </tr> </table> </form> Los usuarios son responsables de sus propios comentarios. </div> <div style="margin:3px; padding: 3px;"> </div> </div> <!-- End content module --> <!-- Start center bottom blocks loop --> <table id="xo-bottomblocks" cellspacing="0"> <tr> <td id="xo-bottomleftblocks"> <div class="xo-block "> <div class="xo-blocktitle"><h3>Promociones</h3></div> <div class="xo-blockcontent"><center><script type="text/javascript"><!-- google_ad_client = "ca-pub-3947779406395766"; /* Autoservicio-derecha-250 */ google_ad_slot = "0001734790"; google_ad_width = 250; google_ad_height = 250; //--> </script> <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> </script></center></div> </div> </td> <td id="xo-bottomrightblocks"> <div class="xo-block "> <div class="xo-blocktitle"><h3>Síguenos en Facebook</h3></div> <div class="xo-blockcontent"><script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:like-box href="http://es-es.facebook.com/pages/AutoServicio-Web-Recursos-para-webmaster/122138954493689" width="250" show_faces="true" stream="false" header="false"></fb:like-box></div> </div> </td> </tr> </table> <!-- End center bottom blocks loop --> </td> <!-- Start right blocks loop --> <td id="xo-canvas-rightcolumn"> <div class="xo-block system"> <div class="xo-blocktitle"><h3>Buscar en la web</h3></div> <div class="xo-blockcontent"><div style="padding-left:12px; padding-top:4px;"> <form style="margin-top: 0px;" action="http://www.autoservicioweb.com/cms/search.php" method="get"> <input type="text" name="query" size="14" /><input type="hidden" name="action" value="results" /><br /><input style="margin-top:3px;" type="submit" value="Buscar" /> </form><br /> <a href="http://www.autoservicioweb.com/cms/search.php" title="Búsqueda Avanzada">Búsqueda Avanzada</a> </div></div> <div class="xo-blockbottom"></div> </div> <div class="xo-block "> <div class="xo-blocktitle"><h3>Promoción</h3></div> <div class="xo-blockcontent"><a href="http://www.lopdmalaga.es/index.php/contacto" title="Consultoria LOPD y LSSI-CE" target="_blank"><img src="http://www.lopdmalaga.es/templates/jt017_j15/images/logo.png" alt="lopd y lssi malaga" width="85%"></a><br /> Consultoría Ley Orgánica de Protección de Datos (<a href="http://www.lopdmalaga.es" title="Consultoria LOPD" target="_blank">LOPD</a>) y Ley de Servicios de la Sociedad de la Información y Comercio Electrónico (<a href="http://www.lopdmalaga.es/index.php/lssice" title="LSSI CE" target="_blank">LSSI-CE</a>).</div> <div class="xo-blockbottom"></div> </div> <div class="xo-block "> <div class="xo-blocktitle"><h3>Patrocinadores</h3></div> <div class="xo-blockcontent"><div align="center"><script type="text/javascript"> var uri = 'http://impes.tradedoubler.com/imp?type(img)g(19946548)a(1556247)' + new String (Math.random()).substring (2, 11); document.write('<a href="http://clk.tradedoubler.com/click?p=66819&a=1556247&g=19946548" target="_BLANK"><img src="'+uri+'" border=0></a>'); </script><br /> <a href="http://www.visitacoin.es/formularios/?p=21" target="_blank"><b>Tu Publicidad Aquí</b></a></div></div> <div class="xo-blockbottom"></div> </div> <div class="xo-block "> <div class="xo-blocktitle"><h3>Buscar en Internet</h3></div> <div class="xo-blockcontent"><form action="http://www.google.es/cse" id="cse-search-box" target="_blank"> <div> <input type="hidden" name="cx" value="partner-pub-3947779406395766:boq9uf-rlqg" /> <input type="hidden" name="ie" value="ISO-8859-1" /> <input type="text" name="q" size="12" /> <input type="submit" name="sa" value="Buscar" /> </div> </form> <script type="text/javascript" src="http://www.google.es/coop/cse/brand?form=cse-search-box&lang=es"></script></div> <div class="xo-blockbottom"></div> </div> <div class="xo-block "> <div class="xo-blocktitle"><h3>Navegadores Web</h3></div> <div class="xo-blockcontent"><table><tr><td> <a href="http://www.mozilla-europe.org/es/firefox/" title="Mozilla Firefox" target="_blank"><img src="http://www.autoservicioweb.com/cms/uploads/navegadores/firefox.jpg" alt="Mozilla Firefox"></a></td><td> <a href="http://www.google.com/chrome/" title="Google Chrome" target="_blank"><img src="http://www.autoservicioweb.com/cms/uploads/navegadores/chrome.jpg" alt="Google Chrome"></td></tr> <tr><td> <a href="http://windows.microsoft.com/es-ES/internet-explorer/products/ie/home" title="Internet Explorer" target="_blank"><img src="http://www.autoservicioweb.com/cms/uploads/navegadores/explorer.jpg" alt="Internet Explorer"></a></td><td> <a href="http://www.opera.com/" title="Opera" target="_blank"><img src="http://www.autoservicioweb.com/cms/uploads/navegadores/opera.jpg" alt="Opera"></td></tr> <tr><td> <a href="http://www.apple.com/es/safari/" title="Safari" target="_blank"><img src="http://www.autoservicioweb.com/cms/uploads/navegadores/safari.jpg" alt="Safari"></a></td><td> <a href="http://www.konqueror.org/" title="Konqueror" target="_blank"><img src="http://www.autoservicioweb.com/cms/uploads/navegadores/konqueror.jpg" alt="Konqueror"></td></tr></table></div> <div class="xo-blockbottom"></div> </div> <div class="xo-block "> <div class="xo-blocktitle"><h3>Recursos web</h3></div> <div class="xo-blockcontent">- <a href="http://www.autoservicioweb.com/cms/modules/content/index.php?id=4" title="navegadores web">Navegadores Web</a><br /> - <a href="http://www.marketing-eficaz.com/linkut.html" title="marketing en internet" target="_blank">marketing en internet</a></div> <div class="xo-blockbottom"></div> </div> <div class="xo-block xoopspoll"> <div class="xo-blocktitle"><h3>Encuestas</h3></div> <div class="xo-blockcontent"><form style="margin-top: 1px;" action="http://www.autoservicioweb.com/cms/modules/xoopspoll/index.php" method="post"> <table class="outer" cellspacing="1"> <tr> <th align="center" colspan="2"><input type="hidden" name="poll_id" value="8" />En que redes sociales estás</th> </tr> <tr class="even"> <td align="center"><input type="checkbox" name="option_id[]" value="56" /></td> <td align="left">Facebook</td> </tr> <tr class="odd"> <td align="center"><input type="checkbox" name="option_id[]" value="57" /></td> <td align="left">Twitter</td> </tr> <tr class="even"> <td align="center"><input type="checkbox" name="option_id[]" value="58" /></td> <td align="left">Tuenti</td> </tr> <tr class="odd"> <td align="center"><input type="checkbox" name="option_id[]" value="59" /></td> <td align="left">Youtube</td> </tr> <tr class="even"> <td align="center"><input type="checkbox" name="option_id[]" value="60" /></td> <td align="left">Linkedin</td> </tr> <tr class="odd"> <td align="center"><input type="checkbox" name="option_id[]" value="61" /></td> <td align="left">Viadeo</td> </tr> <tr class="even"> <td align="center"><input type="checkbox" name="option_id[]" value="62" /></td> <td align="left">Xing</td> </tr> <tr class="odd"> <td align="center"><input type="checkbox" name="option_id[]" value="63" /></td> <td align="left">Orkut</td> </tr> <tr class="even"> <td align="center"><input type="checkbox" name="option_id[]" value="64" /></td> <td align="left">Hi5</td> </tr> <tr class="odd"> <td align="center"><input type="checkbox" name="option_id[]" value="65" /></td> <td align="left">Sonico</td> </tr> <tr> <td class="foot" align="center" colspan="2"><input type="submit" value="Votar!" /> <input type="button" value="Resultados" onclick="location='http://www.autoservicioweb.com/cms/modules/xoopspoll/pollresults.php?poll_id=8'" /></td> </tr> </table> </form> </div> <div class="xo-blockbottom"></div> </div> <div class="xo-block "> <div class="xo-blocktitle"><h3>Diseño Web Málaga</h3></div> <div class="xo-blockcontent"><center><a href="http://www.kpaginaweb.com/index.php/contacto" target="_blank" title="diseño web Malaga"><img src="http://www.autoservicioweb.com/cms/uploads/publicidad/diseno_web.jpg" alt="Diseño Web" longdesc="Diseño web Malaga" /></a></center></div> <div class="xo-blockbottom"></div> </div> <div class="xo-block mylinks"> <div class="xo-blocktitle"><h3>Enlaces</h3></div> <div class="xo-blockcontent"><ul> <li><a href="http://www.autoservicioweb.com/cms/modules/mylinks/singlelink.php?cid=11&lid=150">Cofre Grafico</a> (1147)</li> <li><a href="http://www.autoservicioweb.com/cms/modules/mylinks/singlelink.php?cid=6&lid=42">Programación Web</a> (685)</li> <li><a href="http://www.autoservicioweb.com/cms/modules/mylinks/singlelink.php?cid=2&lid=120">CMS Tecno</a> (682)</li> <li><a href="http://www.autoservicioweb.com/cms/modules/mylinks/singlelink.php?cid=10&lid=153">Freethemes4all</a> (678)</li> <li><a href="http://www.autoservicioweb.com/cms/modules/mylinks/singlelink.php?cid=14&lid=124">Seoz</a> (651)</li> <li><a href="http://www.autoservicioweb.com/cms/modules/mylinks/singlelink.php?cid=14&lid=146">backlinks.info</a> (603)</li> <li><a href="http://www.autoservicioweb.com/cms/modules/mylinks/singlelink.php?cid=10&lid=125">BRCmedia</a> (544)</li> <li><a href="http://www.autoservicioweb.com/cms/modules/mylinks/singlelink.php?cid=7&lid=12">Busca Hosting</a> (520)</li> <li><a href="http://www.autoservicioweb.com/cms/modules/mylinks/singlelink.php?cid=8&lid=15">Drupal Hispano</a> (488)</li> <li><a href="http://www.autoservicioweb.com/cms/modules/mylinks/singlelink.php?cid=12&lid=129">ForoLatinos.net</a> (465)</li> </ul></div> <div class="xo-blockbottom"></div> </div> <div class="xo-block "> <div class="xo-blocktitle"><h3>Estadísticas</h3></div> <div class="xo-blockcontent"><center><SCRIPT type='text/javascript' language='JavaScript' src='http://xslt.alexa.com/site_stats/js/s/a?url=www.autoservicioweb.com'></SCRIPT></center></div> <div class="xo-blockbottom"></div> </div> <div class="xo-block "> <div class="xo-blocktitle"><h3>Contratar hosting</h3></div> <div class="xo-blockcontent">- <a href="https://www.cyberneticos.com/clientes/aff.php?aff=392">Hosting</a><br /> - <a href="https://www.cyberneticos.com/clientes/aff.php?aff=392">Emisoras de Radio</a><br /> - <a href="https://www.cyberneticos.com/clientes/aff.php?aff=392">Servidores VPS</a><br /> - <a href="https://www.cyberneticos.com/clientes/aff.php?aff=392">Servidores Dedicados</a></div> <div class="xo-blockbottom"></div> </div> </td> <!-- End right blocks loop --> </tr> </table> </div> <!-- Start footer --> <div id="footer"> <p>Design by <a href="http://www.bleekk.com/" title="bleekk" target="_blank">bleekk.com</a> | <a href="http://www.kpaginaweb.com" title="diseño web" target="_blank">Diseño Web</a> | Powered by XOOPS 2.0 © 2001-2011 <a href="http://xoops.sourceforge.net/" target="_blank">The XOOPS Project</a> | Webmaster: <a href="http://www.autoservicioweb.com/cms/modules/contact/" title="contacto webmaster">Kamy</a></p> </div> <!-- end Footer --> <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script> </body> </html>