Radio Wizz
Mesaj din partea administratorului :'Inregistreaza-te pentru a putea populariza forumul' (Ai indeplinit dorinta administratorului acesta sa-r putea sa te recompenseze !



 
AcasaPortalInregistrareConectare
Forum creat de @Dy
FORUMUL ESTE IN CONSTRUCTIE!!!
NOUL NUME AL FORUMULUI ESTE http://gameszone.forumz.ro/
GaM3sZone!!

Distribuiţi | 
 

 Formate text -TUTORIAL HTML

In jos 
AutorMesaj
@Dy
Admin
Admin
avatar

masculin Mistret
Mesaje : 135
Reputatie : 7
Data de inscriere : 30/01/2011
Varsta : 23
Localizare : PloIesTy

MesajSubiect: Formate text -TUTORIAL HTML   Mar Apr 05, 2011 6:44 pm

Formatul textului





HTML contine mai multe elemente, tag-uri si atribute, pentru
afisarea textului in mai multe formate cu aspecte grafice diferite.


1. Tag-ul <FONT> ... </FONT>




Cu acest element, <FONT>, puteti modifica aspectul textului, cum sunt tipul fontului folosit, marimea si culoarea textului.



  • - Marimea textului poate fi modificata cu elementul FONT si atributul SIZE. Atributul SIZE poate lua valorile numerice de la 1 la 7 si pe langa acestea poate folosi, ca valoare relativa, semnele "+" sau "-". Textul normal (daca nu este specificat acest atribut) are valoarea 3.
  • Exemplu :
    <font size="+2">Doua mărimi mai mare</font>
  • - Tipul fontului poate fi modificat cu elementul FONT si atributul FACE.
  • Exemplu :
    <font face="Arial Black">Acesta este tipul de font Arial Black</font>
  • - Culoarea textului poate fi modificata cu elementul FONT si atributul COLOR.
  • Exemplu :
    <font color="#00dd00">Acest text are culoarea verde</font>


2. Bold, Italic, Underline si alte elemente




Elemente des folosite pentru formatul textului sunt:



  • - Bold (ingrosat) <b> ... </b>
  • - Italic (inclinat) <i> ... </i>
  • - Underline (subliniat) <u> ... </u>

Exemple:

<b> Bold </b>
<i> Italic </i>
<u> Underline </u>


Alte elemente folosite pentru formatul textului sunt:


  • - <pre> Performated </pre> -
    Textul incadrat de elementul PRE este prezentat intr-un singur font,
    oricare ar fi atributul FACE. Spatiile mai lungi si liniile necesare
    sunt prezentate aşa cum sunt scrise in NotePad, ne mai fiind nevoie de
    alte elemente adiţionale, cum ar fi <br> pentru o noua linie si &nbsp; &nbsp; pentru mai mult spaţiu intre cuvinte.
  • - <em> Accentuare (Emphasis) </em> - Browser-ul de obicei arata aces element ca italic
  • - <strong> Strong </strong> - Browser-ul de obicei arata aces element ca bold
  • - <tt> Teletype </tt> - Ca si
    PRE, browser-ul prezinta acesta intr-un singur tip de font, indiferent
    de fontul ales cu atributul FACE, in interiorul elementului FONT
  • - <cite> Citatie </cite> - Reprezinta o citatie din document.

Mai jos puteti vedea câteva exemple de coduri si modul lor de afisare in browser.

<html>
<head>
<title>titlu documentului</title>
</head>
<body>
<p><font size="+1">O singura marire</font>- normal -
<font size="-1">O singura micsorare</font><br>
<b>Bold</b>- <i> Italic </i> - <u> Subliniat </u> -
<font color="#ff0000"> Colorat </font><br>
<em>Accentut</em> - <strong> Strong </strong> -
<tt>Tele type</tt><br>
<cite> Citatie </cite></p>
</body>
</html>


- In browser va fi afisat asa:

O singura marire- normal -
O singura micsorare
Bold- Italic - Subliniat -
Colorat
Accentut - Strong -
Tele type
Citatie



3. Alinierea




Câteva elemente pot avea atributul (ALIGN) pentru aliniere, cum ar fi Titlurile <Hx> , Paragraful <p>…</p> si Linia orizontala <hr> . Cele trei valori ale atributului ALIGN sunt: LEFT, RIGHT si CENTER.
Aliniamentul celor mai multe elemente se face cu ajutorul altor elemente:



  • - <div align="valoare"> ... </div>
    Poate conţine cele mai multe elemente. Tot ce este poziţionat cu
    elementul DIV poate fi aliniat oriunde-n pagina, indiferent daca in acel
    loc se afla si alt ceva (Imagine, Text, …).
  • - <center> ... </center> Va centra elementele


4. Alte etichete HTML pentru formatul textului




  • - <strike> Text taiat </strike>
  • - <big> Prezinta textul intr-un font mare </big>
  • - <small> Prezinta textul intr-un font mic </small>
  • - <sub> Afisaza textul in pozitia subscript </sub>
  • - <sup> Aseaza textul in pozitia superscript </sup>

In continuare puteti vedea un exemplu cu aceste coduri de mai sus si felul cum sunt afisate de browser.

<html>
<head>
<title>Titlu documentului</title>
</head>
<body>
<p>
<strike> Text taiat </strike><br>
<big> Prezinta textul intr-un font mare </big><br>
<small> Prezinta textul intr-un font mic </small><br>
<sub> Aseaza textul in pozitia subscript </sub> normal
<sup> Aseaza textul in pozitia superscript </sup><br>
</p>
</body>
</html>


- In browser va fi afisat asa:

Text taiat
Prezinta textul intr-un font mare
Prezinta textul intr-un font mic
Aseaza textul in pozitia subscript normal
Aseaza textul in pozitia superscript


- Urmatoarele elemente pentru format sunt folosite mai rar si sunt pentru documente cu aplicatii tehnice


  • - <dfn> Defineste exemplu de termen inchis </dfn>
  • - <code> Folosit pentru extragerea unui cod de program </code>
  • - <samp> Folosit pentru simple productii de programe, scripturi , etc. </samp>
  • - <kbd> Folosit pentru text care va fi scris de utilizator </kbd>
  • - <var> Folosit pentru variabile sau argumente de comenzi </var>

In continuare puteti vedea un exemplu cu aceste coduri de mai sus si felul cum sunt afisate de browser.

<html>
<head>
<title>Titlu documentului</title>
</head>
<body>
<p>
<dfn> Definite exemplu de termen inchis </dfn><br>
<code> Folosit pentru extragerea unui cod de program </code><br>
<samp> Folosit pentru simple productii de programe, scripturi , etc. </samp><br>
<kbd> Folosit pentru text care va fi scris de utilizator </kbd><br>
<var> Folosit pentru variabile sau argumente de comenzi </var><br>
</p>
</body>
</html>


- In browser va fi afisat asa:

Definite exemplu de termen inchis
Folosit pentru extragerea unui cod de program
Folosit pentru simple productii de programe, scripturi , etc.
Folosit pentru text care va fi scris de utilizator
Folosit pentru variabile sau argumente de comenzi


- Alte elemente pentru formatul textului:


  • - <q> ... </q> - Folosit pentru citate scurte.
  • - <blockquote> ... </blockquote> - Folosit
    pentru incadrarea de citate mai lungi, creaza spatiu pentru text. Pentru
    a crea mai mult spatiu puteti adauga de mai multe ori acest element.
  • - <address> ... </address> - Cu acest element se specifica informatii cum ar fi autorul documentului si detalii pentru contact.

In continuare puteti vedea un exemplu cu aceste coduri de mai sus si felul cum sunt afisate de browser.

<html>
<head>
<title>Titlu documentului</title>
</head>
<body>
<p>
<q>Daca vrei si crezi, orice este posibil.</q>
<blockquote>
Bucuriile neimpartasite pot aduce tristete iar suferinta impartasita poate sa aduca bucurie. <br>
Aceasta este prima zi din restul vietii tale.
</blockquote>
<center>
<address>180 Attwell Dr. Suite 130 <br> Toronto, ON <br> M9W 6A9</address>
</center>
</p>
</body>
</html>


- In browser va fi afisat asa:

Daca vrei si crezi, orice este posibil.
<blockquote style="margin: 2px 20px; background: none repeat scroll 0% 0% rgb(255, 255, 204); border: medium none; color: rgb(1, 1, 1);">
Bucuriile neimpartasite pot aduce tristete iar suferinta impartasita poate sa aduca bucurie.
Aceasta este prima zi din restul vietii tale.
</blockquote>
180 Attwell Dr. Suite 130
Toronto, ON
M9W 6A9




Like a Star @ heaven Like a Star @ heaven Like a Star @ heaven Like a Star @ heaven Like a Star @ heaven Like a Star @ heaven Like a Star @ heaven Like a Star @ heaven Like a Star @ heaven Like a Star @ heaven Like a Star @ heaven Like a Star @ heaven Like a Star @ heaven Like a Star @ heaven Like a Star @ heaven Like a Star @ heaven Like a Star @ heaven Like a Star @ heaven :star
ID Y|M:ady_fitz33@yahoo.com
Nume pe metin:SeeYouMee
GRAD PE Mp3Kiss : Detinator
VA urez o zi placuta !!!!!!!
Da-ti mass cu forumul nostru!

Sus In jos
http://extremgames.forumz.ro
 
Formate text -TUTORIAL HTML
Sus 
Pagina 1 din 1
 Subiecte similare
-
» Pantaloni (Tutorial, cu poze)
» Tutorial: Accesorii handmade - Trandafiri.
» Tutorial rama foto/tablou din carton
» Tutorial bratara sarma
» Tutorial geanta

Permisiunile acestui forum:Nu puteti raspunde la subiectele acestui forum
Radio Wizz :: SITE&FORUM :: SITE-
Mergi direct la: