Download to read offline
ProgramacióN Avanzada
- 1. PROGRAMACIÓN AVANZADA CURSOBÁSICO DE <HTML> MANEXO DE ETIQUETAS
- 2. A LINGUAXE HTML(Linguaxe Marcador de Hiper-Texto) “ Linguaxe de etiquetas ideado para crear documentos de hipertexto que se poden transferir dunha plataforma ou sistema a outra plataforma ou sistema”. Deseñado para ser mostrado a través de navigadores ou visualizadores(browsers) de páxinas web en internet (Netscape,Explorer,…) HTML céntrase no contido dos documentos, non na súa apariencia. Permite incluir e representar: hipertexto, correo electrónico, documentación, hipermedia (vídeo, audio), menús de opcións, búsqueda en Bases de Datos, inserción de gráficos… Información sobre estándares e novas normas en Internet, dispoñibles na URL “http://www.w3.org”
- 3. Vantaxes dautilización de HTML fronte a linguaxes sofisticados. Os documentos HTML son breves, polo que se poden transferir por Internet a maior velocidade. Non é necesario que inclúan información sobre o formato ou as fontes. Os documentos HTML son independentes dos dispositivos, é dicir, despréganse en calquera plataforma; todo o que precisa é un visualizador para a plataforma na que traballe, que sexa capaz de entender HTML. A nivel de programación, é un linguaxe moi sinxelo para aprender e de breve e fáci manexo. Son moi poucas as etiquetas e instruccións que se teñen que recordar e ademais hai no mercado editores que facilitan o seu manexo.
- 4. Estructura básicadun documento HTML Documento HTML <HTML> </HTML> Cabecera del documento Cuerpo del documento <HEAD> · · </HEAD> <BODY> · · · </BODY>
- 5. Cabeceira dodocumento <HEAD> <!- Isto é un comentario e non inflúe para nada no documento HTML-> <TITLE>A miña primeira páxina en HTML</TITLE> <META HTTP_EQUIV=“Author” CONTENT = “Carmen”> <META HTTP_EQUIV=“refresh” CONTENT=“5;URL=http://www. > <BASE href=http://www.a miña web.es/imágenes/> <ISINDEX> <LINK> <NEXTID> </HEAD>
- 6. Corpo dodocumento 1/7 <HTML> <!-Comeza a cabeceira da páxina->(comentario que non aparece na páxina) <!-***************************************-> <HEAD> <TITLE> A miña primeira páxina en HTML</TITLE> </HEAD> <!-*********************************************************-> <!- Comeza o corpo da páxina-> Trazar unha liña horizontal: <HR> Insertar unha imaxe de fondo: <BODY BACKGROUND=“imaxes/ fondo.gif”> Poñer unha cor de fondo: <BODY BGCOLOR=“#rrggbb”>
- 7. Corpo dodocumento 2/7 Tamaño da letra Exemplos do comando “FONT SIZE” <FONT SIZE=7> </FONTSIZE> <FONT SIZE=6> </FONTSIZE> · · <FONT SIZE =1> </FONTSIZE> Tipos de letra que se poden utilizar : <b> negrita </b> <i> italica </i> <u> suliñado </u> <strong> fuerte </strong> <blink> intermitente </blink> <em> resaltado </em> <sub> </sub> subindice <sup> </sup> superíndice <FONT FACE =“ arial”>
- 8. Corpo dodocumento 3/7 Encabezados: Permite 6 niveis, úsase Hnº, ademais a alineación pode facerse diferente en cada nivel usando ALING = “left” “center” “right” <H1 aling=“left”> Título 1 </H1> <H2 aling=“center”> Título 2 </H2> · · · Párrafos: Pode escribirse de forma normal, <p> permite comezar outro párrafo <br> o mesmo pero con menor separación, Non e necesario rematar con </p>, xa se entende que o comezar un párrafo acabou o anterior.
- 9. Corpo dodocumento 4/7 Para facer listas: <ul> usaría viñetas do tipo · <li> Ana <li> Marta </ul> <ol> usaría números <li> Ana <li> Marta </ol> Lista libre: <dl> <dt> Can <dd> ladra <dt> Gato <dd> miaña </dl>
- 10. Corpo dodocumento 5/7 Táboas: <table> ou se se quere con borde <table border = nº> <TR> filas <TD> datos da celda <TH> encabezado da táboa Exemplo: <TABLE BORDER = 2> <TR> <TH> Co1 <TH> Co2 <TH> Co3 </TR> <TR> <TD> 12 </TD> <TD> 34</TD> <TD> 54 </TD> </TR> </TABLE> Para agrupar celdas: <TD COLSPAN =nº> <TD ROWSPAN =nº> 54 34 12 Co3 Co2 Co1
- 11. Corpo dodocumento 6/7 Imaxes: Para insertar imaxes na páxina <img src =“foto.gif” <img src =“http:// ………” > Ademais a imaxe pode aliñarse con texto usando: ALING = bottom middle top left right BORDER = n liña de borde de ancho n
- 12. Hipertexto: Se queremosque un texto nos vincule a algunha páxina usamos o seguinte: <a href=http://www.xunta.es> Pulse para visitar a páxina da xunta</a> Unha imaxe tamén se pode usar como ancla e hipertexto <a href=“xxxx.html”> <IMG SRC =“……..gif”> </a> Corpo do documento 7/7
- 13. No bloc denotas: <HTML> <HEAD> <TITLE> A miña páxina HTML </TITLE> </HEAD> <BODY BACKGROUND="D:\FOTOS\Fotos 2009\Manzaneda\1.jpg"> <font size=8> <b> Estou esribindo a primeira liña da miña páxina web </b> </font size=8> </BODY> </HTML>