Scribd Logo
Încărcați

Bine ați venit la Scribd!

  • Limbajul HTML

    Încărcat de

    Bianca
    4 vizualizări15 pagini

    Drepturi de autor

    © © All Rights Reserved

    Formate disponibile

    PPTX, PDF, TXT sau citiți online pe Scribd

    Vi se pare util acest document?

    Este necorespunzător acest conținut?

    Raportați acest document

    Drepturi de autor:

    © All Rights Reserved
    Descărcați ca PPTX, PDF, TXT sau citiți online pe Scribd
    Indicator pentru conținut neadecvat
    4 vizualizări15 pagini

    Limbajul HTML

    Încărcat de

    Bianca

    Drepturi de autor:

    © All Rights Reserved
    Descărcați ca PPTX, PDF, TXT sau citiți online pe Scribd
    Indicator pentru conținut neadecvat
    din 15

    LIMBAJUL

    “HTML”
    LIMBAJUL
    “HTML”
    1. INTRODUCERE

    HTML:
     reprezintă prescurtarea de la “Hypertext Markup Language”;
     este un limbaj conceput pentru realizarea paginilor de internet și alte
    informații care urmează să fie afișate într-un browser (navigator) web;
     permite crearea de documente hypertext pentru paginile web.
     sursa documentului HTML este procesată cu ajutorul
    oricărui editor de texte (ex.: NotePad), si se salvează sub
    extensia „.htm” sau „.html”;
     marcajele HTML definesc şi descriu elementele care
    compun pagina web;
     marcajele HTML apar şi sub numele de taguri
    (“<Nume_Tag> Text . . . . [</Nume_Tag>]”).
    2. STRUCTURA GENERALĂ A UNUI DOCUMENT
    HTML

     orice document HTML începe cu tag-ul <HTML> și se termină cu tag-ul


    </HTML>, deci întreg conținutul documentului va fi scris între cele două tag-uri;
     în interiorul structurii <HTML> . . . . </HTML> se utilizează și tag-urile:
    <HEAD> . . . . . . </HEAD>, ce marchează început / sfârșit antet document
    (informații de identificare a paginii;
    <TITLE> . . . . . . </TITLE>, ce marchează început / sfârșit titlu document;
    <BODY> . . . . . . </BODY>, ce marchează început / sfârșit corp document
    (conține informațiile de prezentat efectiv în pagină).
    2. STRUCTURA GENERALĂ A UNUI DOCUMENT
    HTML
    3. ARANJAREA ÎN PAGINĂ ȘI FORMATAREA TEXTULUI
    DOCUMENTELOR (PAGINILOR)

    3.1. Marcaje pentru formatarea textului:


     <BR> - trecere forţată la linie nouă;  <SUP> - exponent;
     <NOBR> - interzice trecerea la linie nouă;  <SUB> - indice;
     <P> - delimitarea paragrafelor;  <FONT SIZE=“n”> - scrierea textului
     <B> - bold; cu mărimea n;
     <I> - italic;  <FONT FACE=“…”> - schimbarea
     <U> - sublinierea textului; fontului curent.
    3.2. Marcaje pentru modificarea culorilor:
     <BODY TEXT=“#rrggbb”> - schimbă culoarea
    textului pentru toată pagina;
     <BODY BGCOLOR=“#rrggbb”> - schimbă
    culoarea fondului pentru toată pagina;
     <FONT COLOR=“#rrggbb> - schimbă culoarea
    textului dintre marcaje.
    4. LEGĂTURI
    HIPERTEXT

     Legăturile (link-urile) reprezintă partea cea mai importantă a unei


    pagini Web, ele transformă un text obișnuit sau o imagine în
    hipertext sau hiperlegătură, care premite saltul de la o informație
    aflată în pagină curentă la altă informație aflată în aceeași pagină
    (legături interne), în altă pagină sau fișier de pe același server
    (legături locale) sau în alt server (legături externe);
     Textul sau imaginea care declanșează saltul se numește text de
    legătură (sau hot-spot) sau paragraf țintă.
     Pentru a realiza o legătură hipertext se utilizează tag-ul ancora:
    <A> . .</A> (de la „anchor”, anocora), care include și atribute;
     Un atribut folosit în toate cele 3 tipuri de legături este HREF (Hypertext
    REFerence), utilizat pentru specificarea URL-ului țintă;
     Sintaxa generală este:
    <A HREF=”localizare text sau document”>text de legatura</A>
     Zona activă care devine sensibilă la apasarea mouse-ului este textul
    cuprins între: <A> . .</A>.
    5. INSERAREA IMAGINILOR

    Imaginile pot fi:


     inserate direct în documentul web; pentru a putea fi afișate, trebuie să fie
    salvate în unul din formatele acceptate de browsere, cele mai răspândite fiind
    GIF și JPEG (sau JPG);
     imagini încărcate și afișate la cererea utilizatorului, prin tag-ul:
    <A> (imagini – punct de legatură).
    Pentru a insera o imagine în pagină se utilizează eticheta <IMG> (de la
    'image'=imagine).
    Pentru a putea fi identificată imaginea care va fi inserată, se utilizează un
    atribut al tag-ului <img>: SRC (de la 'source'=sursa); tag-ul <IMG> are și alte
    atribute care permit formatarea imaginii.
    Dacă imaginea se află în același director cu fișierul HTML care face referire la
    imagine, atunci adresa URL a imaginii este formată numai din numele imaginii,
    inclusiv extensia; dacă se află în alt director, adresa imaginii va conține și
    numele directorului (folderului).
    Sintaxa generală pentru imaginile inserate direct în pagină, este:
    <IMG SRC=”[NumeFolder/]nume_imagine.jpg ALIGN=”a”
    WIDTH=”x” HEIGHT=y” BORDER=”n1” HSPACE=”n2” VSPACE=”n3”
    ALT=”text”>
    6. INSERAREA TABELELOR
    Pentru a insera un tabel se folosesc tag-urile: <TABLE></TABLE>.
    Un tabel este format din rânduri; pentru a insera un rând într-un tabel se folosesc tag-
    urile <TR></TR> ( de la ' table row ‘= rând de tabel ). Un rând este format din mai
    multe celule ce conțin date. O celulă se introduce cu tag-urile <TD></TD>; dacă între
    aceste două tag-uri nu este nicio informație, celula este vidă.
    Un tabel poate avea celule cu semnificația de cap de tabel (antet); acestea sunt
    introduse de tag-urile <TH></TH> (de la „tabel header”=cap de tabel). <TH> are
    aceleași atribute ca și <TD>, iar textul din <TH> este automat centrat și bolduit.
    <TH> este un tag optional.
    Unui tabel i se poate atașa, opțional, un titlu cu ajutorul tag-ului:
    <CAPTION> . </CAPTION>.
    Sintaxa generală pentru crearea unui tabel este:
    <TABLE ALIGN=”a” BORDER=”n1” CELLPADING=”n2”
    CELLSPACING=”n3” WIDTH=”n%” BGCOLOR=”culoare”
    BORDERCOLOR=”culoare”>
    [ <CAPTION ALIGN =”top”/”bottom”> . ..(titlul tabelului) .
    </CAPTION> ]
    <TR ALIGN=”right”/”left”/”center”
    VALIGN=”top”/”bottom”/”middle”
    [BGCOLOR=”culoare”] >
    [<TH ALIGN=”a1” VALIGN=”a2” COLSPAN=”n1” rowspan='”n2”’
    [BGCOLOR=”culoare”]> . (numele antetului) . </TH> ]
    </TR>
    • <TR ALIGN=”right”/”left”/”center”
    VALIGN=”top”/”bottom”/”middle”
    • [BGCOLOR=”culoare”] >
    • <TD ALIGN=”a1” VALIGN=”a2” COLSPAN=”n1” rowspan='”n2”'
    • [BGCOLOR=”culoare”]> . (numele celulei) . </TD>
    • <TD ALIGN=”a1” VALIGN=”a2” COLSPAN=”n1” rowspan='”n2”'
    • [BGCOLOR=”culoare”]> . (numele celulei) . </TD>
    •...
    • </TR>
    •...
    • </TABLE>
    BIBLIOGRAFIE

    https://www.qdidactic.com/stiinta-tehnica/informatica/html/limbajul-html52
    1.php
    https://www.investopedia.com/terms/h/html.asp
    https://www.academia.edu/22631769/LIMBAJUL_HTML
    https://www.slideserve.com/malina/limbajul-html

    S-ar putea să vă placă și