Descriere: Formatul textului
Download:
Autor: Anonim
Sursa (Link-ul oficial): Propria parere: Folositor.
Tutorialul:
HTML conţine mai multe elemente, tag-uri şi atribute, pentru afişarea textului în mai multe formate cu aspecte grafice diferite.
1. Tag-ul <FONT> ... </FONT>
Cu acest element, <FONT>, puteţi modifica aspectul textului, cum sunt tipul fontului folosit, mărimea şi culoarea textului.
Mărimea textului poate fi modificată cu elementul FONT şi atributul SIZE. Atributul SIZE poate lua valorile numerice de la 1 la 7 şi pe lângă acestea poate folosi, ca valoare relativă, semnele "+" sau "-". Textul normal (dacă 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 şi atributul FACE.
Exemplu :
<font face="Arial Black">Acesta este tipul de font Arial Black</font>
Culoarea textului poate fi modificată cu elementul FONT şi atributul COLOR.
Exemplu :
<font color="#00dd00">Acest text are culoarea verde</font>
2. Bold, Italic, Underline şi alte elemente
Elemente des folosite pentru formatul textului sunt:
Bold (îngroşat) <b> ... </b>
Italic (înclinat) <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 încadrat de elementul PRE este prezentat într-un singur font, oricare ar fi atributul FACE. Spaţiile mai lungi şi liniile necesare sunt prezentate aşa cum sunt scrise în NotePad, ne mai fiind nevoie de alte elemente adiţionale, cum ar fi <br> pentru o nouă linie şi pentru mai mult spaţiu între cuvinte.
<em> Accentuare (Emphasis) </em> - Browser-ul de obicei arată acest element ca italic
<strong> Strong </strong> - Browser-ul de obicei arată acest element ca bold
<tt> Teletype </tt> - Ca şi PRE, browser-ul prezintă acesta într-un singur tip de font, indiferent de fontul ales cu atributul FACE, în interiorul elementului FONT
<cite> Citatie </cite> - Reprezintă o citaţie din document.
Mai jos puteţi vedea câteva exemple de coduri şi modul lor de afişare în browser.
Cod: Selectaţi tot
<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> Câteva elemente pot avea atributul (ALIGN) pentru aliniere, cum ar fi Titlurile <Hx> , Paragraful <p>…</p> şi Linia orizontală <hr> . Cele trei valori ale atributului ALIGN sunt: LEFT, RIGHT şi CENTER. Adiţional la paragrafe se poate folosi şi valoarea JUSTIFY (n.r.)
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 pagină, indiferent dacă în acel loc se află şi altceva (Imagine, Text, …).
<center> ... </center> Va centra elementele
4. Alte etichete HTML pentru formatul textului
<strike> Text taiat </strike>
<big> Prezintă textul într-un font mare </big>
<small> Prezintă textul într-un font mic </small>
<sub> Afişază textul în poziţia subscript </sub>
<sup> Aşează textul în poziţia superscript </sup>
În continuare puteţi vedea un exemplu cu aceste coduri de mai sus şi felul cum sunt afişate de browser.
Cod: Selectaţi tot
<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> <dfn> Defineşte exemplu de termen închis </dfn>
<code> Folosit pentru extragerea unui cod de program </code>
<samp> Folosit pentru simple producţii 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>
În continuare puteţi vedea un exemplu cu aceste coduri de mai sus şi felul cum sunt afişate de browser.
Cod: Selectaţi tot
<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> <q> ... </q> - Folosit pentru citate scurte.
<blockquote> ... </blockquote> - Folosit pentru încadrarea de citate mai lungi, crează spaţiu pentru text. Pentru a crea mai mult spaţiu puteţi adăuga de mai multe ori acest element.
<address> ... </address> - Cu acest element se specifică informaţii cum ar fi autorul documentului şi detalii pentru contact.
În continuare puteţi vedea un exemplu cu aceste coduri de mai sus şi felul cum sunt afişate de browser.
Cod: Selectaţi tot
<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>