Tag -uri de baza HTML
- Prima ta pagina in html
-Prima ta pagina in html va arata cam asa Prima pagina scrisa in html
-Aici vedeti codul pentru realizarea paginii respective:
<html>
<head>
<title>Prima mea pagina in html</title>
</head>
<body>
Aceasta este prima mea pagina scrisa in
limbajul de marcare html.
As vrea sa invat mai multe despre html.
</body>
</html>
cind ati terminat de copiat codul in editorul Notepad va duceti in file/save with name -adica il salvati cu un nume,il numiti index.html.
-Nota:salvati-l in desktop ca sa puteti sa-l gasiti imediat si verificati sa aiba la sfirsit extensia .html - Cum faci o pagina cu un paragraf in ea?
-Aici vezi o pagina cu paragraf scrisa in html Primul meu paragraf scris in html
Nota: Html adauga automat un spatiu intre paragrafe.
-Aici vedeti codul pentru realizarea paginii respective:
<html>
<head>
<title>Primul meu paragraf in html</title>
</head>
<body>
<p>Acesta este un paragraf in html.Pare simplu?
Este simplu.Continua
cursul...</p>
</body>
</html> - Despre titluri sau header(.eng)?
Primul element al unei pagini pe care-l vedeti afisat pe ecran sus de obicei este header -ul
-Header-ul unei pagini poate avea diferite dimensiuni; in html exista 6 dimensiuni de la 1 care este cea mai mare pina la 6 care este cea mai mica: <h1>/h1><h2></h2><h3>
</h3><h4></h4><h5></h5><h6></h6>
-Aici vezi o pagina cu header de toate marimile Primul meu header scris in html
-Aici vedeti codul pentru realizarea paginii respective:
<html>
<head>
<title>Primul meu header in html</title>
<meta http-equiv="Content-Type" content="text/html;
charset=iso-8859-1">
</head> <body>
<h1>Acesta este un header de marimea
1 adica cel mai mare
</h1>
<h2>Acesta este un header de marimea 2 care
este un pic mai
mic decat header 1 </h2>
<h3>Acesta este un header de marimea 3 care
este un pic mai
mic decat header 2</h3>
<h4>Acesta este un header de marimea 4 care
este un pic mai
mic decat header 3</h4>
<h5>Acesta este un header de marimea 5 care
este un pic mai
mic decat header 4</h5>
<h6>Acesta este un header de marimea 6
care este cela mai
mic header</h6>
I-ti place,nu-i asa ca este usor ?
Continua si ai sa vezi ca in scurt timp ai sa
pui pe web propiul tau site.
</body>
</html> - Cum faci sa treci la rindul urmator?
-Pentru a trece la rindul urmator (eng. line breaks) trebuie adaugat tag-ul <br> dupa ultimul cuvint
-Uite aici un exemplu de un paragraf care se intinde pe mai multe rinduriPrimul meu paragraf cu mai multe rinduri in html
-Aici vedeti codul scris:
<html>
<head>
<title>Primul meu paragraf scris pe mai multe
rinduri in html</title>
<meta http-equiv="Content-Type"
content="text/html; charset=iso-8859-1">
</head> <body>
<p>Acesta este un text
scris pe mai multe rinduri<br>
Puteti scrie pe mai multe
rinduri daca vreti folosind acest tag.<br>
De exemplu:Pentru scrierea de versuri in cazul
in care vreti sa
publicati o poezie pe web. </p>
</body>
</html>
-Nota: Textul care-l scrieti in editorul de text (ex.:Notepad din Windows) nu va fi afisat pe ecran de catre browser(ex:Internet Explorer) exact cum l-ati scris.De exemplu daca scrieti un text, dati enter si textul merge pe rindul urmator tot ce-i posibil ca browser-ul sa afiseze textul scris in continuare si nu pe rindul urmator. De asta se si foloseste tag-ul de mai sus<br>.O sa mai fi si alte exemple ca sa intelegeti mai bine. - Cum adaug un comentariu in codul html fara sa se vada in browser?
-Foarte simplu! Trebuie sa fie in interiorul acestor elemente
<!--Acesta este comentariul meu care ma va ajuta la urmatoarea editare a codului--> - Cum trasam o linie verticala pentru a separa subiecte in pagina?
-puteti face acest lucru cu tag-ul <hr>
-Mai jos veti vedea alte citeva exemple amestecate.
EXEMPLE - Despre paragrafe si browser
- Despre tag -ul <br>
- Despre tag -ul <h>
- Despre tag -ul <hr>
- Despre atributul bgcolor al tag -ului <body></body>
- Recapitulare
<tag>Descriere
<html>Defineste un document html
<body>Defineste structura unui document html
<h1>- <h6>Defineste header -ul de la 1 la 6
<p>Defineste un paragraf
<br>Defineste trecerea la linia urmatoare
<hr>Defineste trasarea unei linii orizontale
Link-ul autorului:
www.avasilcaidaniel.com/
Comentarii
Voteaza acest articol!
Trimite un comentariu!
