Informatica 4t


HTML.El llenguatge estàndar de la web

Per a comenÇar necessitarem un editor de textos ( writer) i un visualitzador de pagines web (Mozila).

Esta aquest llenguatge  basat en etiquetes que defineixen les qualitats dels textos que conte.Aquestes etiquetes estan incloses entre simbols de mes gran i mes menut(<>).Tenen una instrucció de obertura i una altra de tacament.<body> i </body>.El contingut textual entre amdues eqituetes es vora afectat per aquesta etiqueta.

Instruccions bàsiques

html1 html2Fes les següents practiques i com sempre pujales a dropbox

Pràctiques d’HTML
Practica 1 . pàgina bàsica
En writer qualsevol teclejar el següent codi
<HTML>
<HEAD>
<TITLE> Meva primera pàgina web < / TITLE >
< / HEAD >
<BODY>
Aquesta és la meva primera pàgina , és molt senzilla , però com el
llenguatge HTML és fàcil , aviat estaré en condicions de fer
coses més interessants .
< / BODY >
< / HTML >
Desa l’arxiu com Practica1.html en format text i visualitzar-lo amb el
navegador .
Practica 2 . Fons de pàgina , capçaleres i blocs
En un processador de text qualsevol teclejar el següent codi
<html>
<head>
<title> Practica de capçaleres i blocs < / title >
< / head >
<body bgcolor=”#EBDCA7″>
<h2 align=”center”> Pràctiques de capçaleres i blocs de
text < / h2 >
<hr>
<div align=”center”>
<h1> Capçalera de nivell 1 < / h1 >
<h2> Capçalera de nivell 2 < / h2 >
<h3> Capçalera de nivell 3 < / h3 >
<h4> Capçalera de nivell 4 < / h4 >
<h5> Capçalera de nivell 5 < / h5 >
<h6> Capçalera de nivell 6 < / h6 >
<p> Paràgraf dins del <DIV> centrat , per la
qual, hereta l’alineació < / p >
<hr width=”50%” size=”5″>
< / div >
<hr>
<blockquote> paràgrafs amb diferents
alineacions < / blockquote >
<p> Paràgraf fora del <DIV> centrat , per la qual cosa pren
l’alineació esquerra per defecte < / p >
<p align=”right”> Paràgraf alineat a la dreta < / p >
<p align=”center”> Paràgraf centrat < / p >
<hr>
amb aquesta línia comprovar que l’H T M L no respecta ni els espais ni els salts delínia <pre>
Però si incloem l’etiqueta <PRE>ens mostra el T E X T O tal comho escrivim< / pre >
<p> HTML separa les paraules del text amb un blanc , sivolem afegir més blancs , hem de fer referència a laentitat que el representa ( ) com per exemple:; això < / p >
<p> Per a qualsevol consulta dirigir-se a <address> JuánGonzalez < / address > <p>< /body >
< / html >
Desa l’arxiu com Practica2.html en format text i visualitzar-lo amb el
navegador .

Practica 3 . Ressaltats de text i control de fonts
Amb les etiquetes de control de text estudiades aconseguir els efectes següents : .
Afegir a més a la pàgina diferents exemples d’etiquetes de ressaltat
Desa l’arxiu com Practica3.html en format text i visualitzar-lo amb el
navegador .
Practica 4 . llistes
En un processador de text qualsevol teclejar el següent codi
<HTML>
<HEAD>
<TITLE> Pràctiques de llistes < / TITLE >
< / HEAD >
<BODY>
<CENTER>
<H1> Meus aficions < / H1 >
< / CENTER >
<HR>
Sense un ordre particular , els meus <B> aficions < / B > són les següents :
<UL>
<LI> El cinema
<LI> L’esport
<UL>
<LI> Natació
<LI> Bàsquet
< / UL >
<LI> La música
< / UL >
La música que més m’agrada és (en ordre de preferència ) :
<OL>
<LI> El rock
<LI> El jazz
<LI> La música clàssica
< / OL >
< / BODY >
< / HTML >
Completar la pàgina amb la resta de tipus de llistes estudiades i observar les seves diferències .
Desa l’arxiu com Practica4.html en format text i visualitzar-lo amb el
navegador .

Anuncios
Esta entrada fue publicada en Uncategorized. Guarda el enlace permanente.

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s