Html 1


O sa va postez un curs rapid de html si cateva trucuri pentru a va reduce eforturile🙂

Consortiul World Wide Web, W3, a definit si standardizat specificatiile HTML 4.0 si a versiunilor anterioare (1, 1.1, 2.0, 3.2); fiecare versiune a adus instructiuni (numite si controale, marcaje, tag – uri) noi fata de versiunea anterioara. La randul lor si producatorii browserelor realizeaza noi versiuni care sa „inteleaga” noile marcaje; ei introduc uneori si marcaje proprii, in plus fata de specificatiile standard, pe care le „intelege” doar browserul lor.

a) Forma generala a unui fisier HTML este:

<html> – marcajul HTML de deschidere – indica faptul ca informatia care urmeaza este scrisa in limbajul HTML
<head> -marcajul HEAD de deschidere – de aici incepe antetul paginii
<title>Titlul paginii</title> – marcajele pereche TITLE – aici se scriu cateva cuvinte sugestive despre continutul paginii – aceste cuvinte vor apare pe bara de titlu a browserului; daca pagina este adaugata intr-o lista favorita, ele apar ca nume al paginii.
<meta name = „keywords”
content = „… o lista de cuvinte …”>
<meta name = „description”
content = „… o fraza sugestiva …”>
… alte instructiuni: JavaScript,
CSS, etc. …
– ajuta motoarele de cautare la gasirea paginii, etc. – ne vom ocupa mai tarziu de ele;
!!! – valorile unor atribute, de exemplu „keywords”, trebuie incadrate cu ghilimele duble, drepte ( ” ) obtinute cu Shift + tasta de langa Enter, nu ( ‘ ) sau ( ` ).
</head> – marcajul HEAD de inchidere – aici se termina antetul paginii; tot ce este in antet nu apare in fereastra browserului
<body> – marcajul BODY de deschidere – incepe corpul documentului

– tot ceea ce apare aici va fi afisat in fereastra browserului, dar trebuie formatat cu HTML
</body> – marcajul BODY de inchidere – indica sfarsitul corpului documentului
</html> – marcajul HTML de inchidere

Dupa cum puteti observa, instructiunile HTML (numite si controale, marcaje sau tag-uri) incep cu o paranteza unghiulara deschisa < urmata imediat de numele instructiunii, unul sau mai multe atribute ale instructiunii (optional), apoi de o paranteza unghiulara inchisa >.
Majoritatea instructiunilor sunt perechi; cea de inceput se numeste marcaj de deschidere si este de forma:
<nume_instructiune atribut = valoare_atribut>
iar cea de sfarsit marcaj de inchidere si nu contine atribute sau spatii; este de forma:
</nume_instructiune>.
NU sunt permise spatii decat intre nume_instructiune si atribut. Tot ce se gaseste intre marcajul de deschidere si cel de inchidere va avea caracteristicile marcajului respectiv.
Browserul ignora marcajele pe care nu le intelege si pe cele scrise gresit.
Exemple :
daca simbolizam spatiul prin _ atunci:

Gresit Rezultat Bine Rezultat
<_h3>text</h3> < h3>text <h3> text </h3>

text

<_font_size = 5 _ color_=_blue> text <_/_font_> < font size = 5 color = blue> text < / font > <font_size = 5 _ color = blue> text </font> text

b1) Formatarea textului si a caracterelor

Instructiunea Atribute Descriere / Exemple
<!– comentariu –> Comentariu in codul sursa; nu este afisat de browser
< b > < / b > afiseaza textul cu litere aldine (ingrosate)
< i > < / i > afiseaza textul cu litere italice (inclinate)
< u > < / u > afiseaza textul subliniat
< sup > < / sup > afiseaza textul ca indice superior
< sub > < / sub > afiseaza textul ca indice inferior
< tt > < / tt > text cu font monospatiu
< big > < / big > text cu font marit + bold
< pre atribute >
< / pre >
afiseaza pe linie noua textul preformatat, ca in codul sursa, dar ia in considerare instructiunile html

        t e x t u l     p r e f o r m a t a t ,
               < b >adica asa cum arata el in< /b >
               codul    sursa    din    Notepad
width = latimea liniilor cu text preformatat (numar caractere); se pare ca este ignorata; pentru width = 10 obtinem:

          e       l       r       r       a
        t   x   u       p   e   o   m   t   t
              t               f       a
cols = latimea liniilor cu text preformatat (cols=coloane=numar caractere); se pare ca este ignorata; pentru cols = 10 obtinem:

          e       l       r       r       a
        t   x   u       p   e   o   m   t   t
              t               f       a
wrap atributul wrap se pare ca este ignorat de unele browsere (ex. IE5.5)
< xmp >
< / xmp >
afiseaza pe linie noua textul preformatat, ca in codul sursa, dar nu ia in considerare instructiunile html

        t e x t u l     p r e f o r m a t a t ,
               adica asa cum arata el in
               codul    sursa    din    Notepad
Cele de mai jos, pe fond gri, nu ne sunt de prea mult folos si / sau le putem obtine folosind instructiunile de mai sus
< strike > < / strike > afiseaza textul taiat
< strong > < / strong > evidentiere logica puternica
< em > < / em> stil logic de evidentiere
< address >
< / address >
informatii

despre adresa si autor
< cite > < / cite > citare bibliografica
< dfn > < / dfn > definitie de cuvant
< var > < / var > program sau variabila
< code > < / code > listing de program
< kbd > < / kbd > text de la tastatura
< samp > < / samp > exemplu de date introduse de utilizator
< q > < / q > ar fi trebuit sa aiba un efect asemanator instructiunii BLOCKQUOTE
| alte marcaje : font, paragraf, rigle, etc. |

Lasă un răspuns

Completează mai jos detaliile despre tine sau dă clic pe un icon pentru autentificare:

Logo WordPress.com

Comentezi folosind contul tău WordPress.com. Dezautentificare / Schimbă )

Poză Twitter

Comentezi folosind contul tău Twitter. Dezautentificare / Schimbă )

Fotografie Facebook

Comentezi folosind contul tău Facebook. Dezautentificare / Schimbă )

Fotografie Google+

Comentezi folosind contul tău Google+. Dezautentificare / Schimbă )

Conectare la %s