Scribd Logo
Încărcați

Bine ați venit la Scribd!

  • Formatare Text HTML-2

    Încărcat de

    Alex Crecan
    6 vizualizări12 pagini

    Titlu original

    2._Formatare_text_HTML-2

    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
    6 vizualizări12 pagini

    Formatare Text HTML-2

    Încărcat de

    Alex Crecan

    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 12

    2.

    Formatarea textului
    Majoritatea browserelor suportă patru tipuri fundamentale
    de formatare: aldin, italic, subliniat și monospațiu –
    existând mai multe etichete care produc aceste stiluri:
    Stiluri de • Aldin  <B>, <STRONG>
    • Italic  <I>, <EM>, <CITE>, <ADDRESS>
    bază pentru • Subliniat <U>
    • Monospațiu <TT>, <CODE>
    formatarea
    Este posibilă și combinarea stilurilor de formatare.
    textului De exemplu, pentru un text cu caractere aldine și italice,
    monospațiat:

    <B><I><TT>
    Acest text apare cu caractere aldine și italice, monospațiat
    </TT></I></B>
     
    Inserarea caracterelor speciale

    Inserarea în pagină a caracterelor speciale, se face folosind numărul


    caracterului sau numele (dacă există). Astfel, putem specifica: referința
    de caracter (character reference) sau numele de entitate (entity name).
    De exemplu, caracterul © (copyright) poate fi afișat cu referința de
    caracter &#169 sau cu numele de entitate &copy:
    Aceasta pagină este copyright &#169 Ionescu Ionel
    sau
    Aceasta pagina este copyright &copy Ionescu Ionel
    Exemple de caractere speciale

    Caracter Referința de caracter Nume de entitate


    < &#060; &lt;
    > &#062; &gt;
    Spatiu nonbreaking &#160; &nbsp;
    © &#169; &copy;
    ® &#174; &reg;
    o &#176; &deg;
    ¼ &#188; &frac14;
    ½ &#189; &frac12;
    ¾ &#190; &frac34;

    Exemplu: &nbsp; &nbsp; &nbsp; Aceasta linie apare indentată cu trei spații.

    Pentru detalii suplimentare, puteti consulta http://www.htmlhelp.com/reference/charset/


    Exemplu (Stiluri_caractere.html):
    <HTML>
    <HEAD>
    <TITLE>Exemple de stiluri si caractere speciale</TITLE>
    </HEAD>
    <BODY>
    <B> Acest text apare cu caractere aldine </B><BR>
    <I> Acest text apare cu caractere italice </I><BR>
    <U> Acest text apare cu caractere subliniate </U><BR>
    Textul care urmeaza <STRONG> este evidentiat! </STRONG><BR>
    <MARK> Acest text este marcat </MARK><BR>
    In textul urmator marim cuvantul <BIG> mare </BIG> si micsoram cuvantul <SMALL> mic </SMALL><BR>
    Acesta este <SUB> un indice </SUB> iar urmatorul este <SUP> un exponent </SUP><BR>
    <B><I><TT> Acest text apare cu caractere aldine si italice, monospatiat </TT></I></B><BR>
    Aceasta pagină este copyright &#169 Ionescu Ionel <BR>
    &nbsp; &nbsp; &nbsp; Aceasta linie apare indentata cu doua spatii.
    </BODY>
    </HTML>
    Stiluri de antet
    Exemplu (Stiluri_antet.html):
    Antetele se folosesc pentru <HTML>
    evidențierea titlurilor diferitelor <HEAD>
    secțiuni ale paginii. Astfel, folosim <TITLE>Exemple de antete</TITLE>
    </HEAD>
    eticheta <H1> pentru un titlu de <BODY>
    capitol, <H2> pentru titlul de <H1>Infinitul in poezia romaneasca</H1>
    <H2>Mihai Eminescu</H2>
    subcapitol, etc. <H3>La steaua</H3>
    <P>La steaua care–a rasarit</P>
    Etichetele pentru stiluri de antet <P>E–o cale–atat de lunga</P> <P>Ca mii de
    sunt <H1>, <H2>, <H3>, <H4>, ani au trebuit</P>
    <P>Luminii sa ne-ajunga</P>
    <H5>, <H6> </BODY>
    </HTML>
    Alinierea paragrafelor

    Paragrafele de text se pot alinia specificând Exemplu (Aliniere_paragraf.html):


    modul de aliniere în interiorul etichetei de <HTML>
    paragraf <P>, după modelul:
    <HEAD>
    <P ALIGN=”mod de aliniere”>text</P> <TITLE>Exemple de aliniere</TITLE>
    Modurile de aliniere sunt: </HEAD>
    • LEFT (obișnuită) <BODY>
    <CENTER>
    • CENTER <H1>Infinitul in poezia romaneasca</H1>
    • RIGHT <H2>Mihai Eminescu</H2>
    </CENTER>
    În mod asemănător putem alinia și antetele <H3 ALIGN="CENTER">La steaua</H3>
    <H1>... <H7>. <P ALIGN="CENTER">La steaua care–a rasarit</P>
    De asemenea, se pot centra antete, texte <P ALIGN="LEFT">E–o cale–atat de lunga</P>
    <P ALIGN="CENTER">Ca mii de ani au trebuit</P>
    sau imagini încadrându–le cu eticheta
    <P ALIGN="RIGHT">Luminii sa ne- ajunga</P>
    <CENTER>, după modelul: </BODY>
    <CENTER> </HTML>
    antetul, textul si/sau imaginile respective
    </CENTER>
    Folosirea textului preformatat. Eticheta <PRE>
    Deși în mod obișnuit browserul ignoră spațiile, tabulatorii și sfârșiturile de rând dacă
    acestea sunt stabilite din editorul de text, îl putem forța să țină cont de aceste elemente,
    încadrând textul respectiv între etichetele <PRE> și </PRE>. Astfel, textul își păstrează
    modul de aranjare în pagină și este afișat cu font monospațiat.

    Ca exemplu, se vede mai jos codul HTML scris în Notepad și pagina web rezultată:
    Întreruperea de rând. Eticheta <BR>
    Trecerea la alt paragraf are ca efect Exemplu (Sfarsit_rand.html):
    <HTML>
    adăugarea unui rând liber între cele
    <HEAD>
    două paragrafe. Dacă nu dorim să
    <TITLE>Sfarsitul de rand</TITLE>
    apară acest rând liber, putem
    </HEAD>
    comanda trecerea la rândul <BODY>
    următor în cadrul aceluiași paragraf, <H2>La steaua</H2>
    <P>La steaua care-a rasarit<BR>E-o cale-atat de lunga</P>
    folosind eticheta <BR>.
    <P>Ca mii de ani au trebuit<BR>Luminii sa ne-ajunga</P>
    Eticheta <BR> este singulară - nu </BODY>
    </HTML>
    are pereche (nu exista </BR>).
    Inserarea unei linii orizontale. Eticheta <HR>

    Atribut Efect
    Liniile orizontale au rol ornamental și
    <HR WIDTH=x> Stabilește lățimea liniei la x pixeli
    de separare a diferitelor secțiuni din
    Stabilește lățimea liniei la x la suta din
    pagină. Eticheta folosită este <HR> <HR WIDTH=x%>
    fereastră
    (fără pereche) și denumirea provine de
    Stabilește grosimea liniei la n pixeli (în
    la horizontal rule (riglă orizontală) . <HR SIZE=”n”> condițiile în care grosimea implicită este de
    1 pixel).
    Folosind simplu <HR>, vom insera o
    <HR ALIGN="LEFT"> Aliniază linia la stânga
    linie simplă subțire pe toată lățimea
    <HR
    Aliniază linia la centru
    paginii, iar dacă folosim și alte atribute ALIGN="CENTER">
    <HR
    Aliniază linia la dreapta
    obținem diferite efecte suplimentare, ALIGN="RIGHT">
    Afișează o linie mai groasă (în locul unei
    <HR NOSHADE>
    conform tabelului alăturat: linii subțiri)
    Exemplu (Linie_orizontala.html):
    <HTML>
    <HEAD>
    <TITLE>Linie orizontala</TITLE>
    </HEAD>
    <BODY>
    <H2>La steaua</H2>
    <HR ALIGN="LEFT" WIDTH="33%" SIZE="3" NOSHADE>
    <P>La steaua care-a rasarit <BR> E-o cale-atat de lunga</P>
    <P>Ca mii de ani au trebuit <BR> Luminii sa ne-ajunga</P>
    </BODY>
    </HTML>

    Obs. În locul liniilor obținute cu eticheta <HR>, în multe pagini web se folosesc
    imagini.
    TEMA
    Realizați fișierele html de mai jos conform exemplelor din cadrul
    lecției:
    1. Stiluri_caractere.html
    2. Stiluri_antet.html
    3. Aliniere_paragraf.html
    4. Sfarsit_rand.html
    5. Linie_orizontala.html
    Se vor încărca pe platformă, în folderul personal.

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