Extras din seminar
HTML nu este un limbaj orientat spre aspectul (layout) paginii, ci spre conţinutul acesteia. Etichetele HTML nu impun, ci "recomandă" marii varietăţi de browsere care procesează pagina Web, cum să afişeze textul. Etichetele impun conţinutul, textul în sine, nu şi forma de prezentare (sau cel puţin nu în mod absolut). Există numeroase etichete care permit formatarea caracterelor şi oferă posibilitatea de a da textului din pagina Web aspectul dorit.
1. Formatarea caracterelor
Eticheta care se foloseşte pentru a da unui caracter sau unui şir de caractere (unui text) aspectul dorit este eticheta container <FONT> </FONT>.
Între eticheta de început şi cea de sfârşit se inserează textul sau caracterul ale cărui caracteristici dorim să le stabilim.
De exemplu:
<FONT size="2" color="red" face="arial">Ion Luca Caragiale </FONT>
Efectul liniei de mai sus este afişarea textului "Ion Luca Caragiale" cu fontul Arial, de culoare roşie şi de mărime egală cu 2 puncte.
Atribute ale etichetei <FONT> în exemplul anterior sunt:
size - dimensiunea textului – ce poate fi un număr între 1 şi 7 (dimensiuni absolute), între -1 şi -3 sau între +1 şi +4 (dimensiuni relative, adică raportate la dimensiunea deja existentă a fontului). Dimensiunea prestabilită (default) a fonturilor este 3. Dacă dimensiunile menţionate depăşesc intervalul 1-7, browserul rotunjeşte automat valorile pentru a le încadra în acest interval.
color - culoarea textului - este culoarea cu care va fi afişat textul prezent între etichete (în exemplul anterior, "Ion Luca Caragiale" ).
face - tipul de font - determină tipul de font care va fi utilizat la afişarea textului. Printre tipurile cele mai uzuale de fonturi sunt:
Arial
Tahoma
Helvetica
Times New Roman
Courier
Verdana
În această situaţie browserul va alege singur din listă primul tip de font pe care îl recunoaşte, ignorându-le pe următoarele.
La stabilirea tipului de caracter utilizat în pagină trebuie avut în vedere faptul că nu toţi utilizatorii au instalate pe computerele lor acelaşi set de caractere ca şi cele instalate pe sistemul celui ce proiectează pagina Web. Din acest motiv, folosirea unor caractere exotice, de efect, poate conduce la un eşec în cazul când utilizatorul nu are instalat acel font. Din acest motiv este de preferat folosirea unor fonturi cu utilizare largă, cum sunt cele menţionate mai sus.
Atributul etichetei permite precizarea fie a unui singur tip de font fie a mai multora, separate prin virgulă. Precizarea mai multor fonturi ajută în eventualitatea când primul tip indicat nu este instalat pe calculatorul celui care vizitează pagina, şi se face ca în exemplul de mai jos.
<FONT face="arial, verdana, times new roman">
În Exemplul 1 vom aplica pe rând fiecare dintre cele trei atribute menţionate asupra unui text, aspectul paginii descrise de acest document puând fi observat într-un browser.
Exemplul 4. 1
<HTML>
<HEAD>
<TITLE>fonturi1</TITLE>
2
</HEAD>
<BODY bgcolor="yellow">
<FONT size="5" face="tahoma" color="green">Manual de HTML si design Web</FONT><BR>
<FONT size="+3" face="arial" color="red">Manual de HTML si design Web</FONT><BR>
<FONT size="-1" face="courier new" color="blue">Manual de HTML si design Web</FONT>
</BODY>
</HTML>
Pentru a stabili aspectul textului unei întregi pagini Web, se poate folosi eticheta <BASEFONT>. Spre deosebire de <FONT> aceasta nu este o etichetă container, deoarece efectul ei se referă la tot textul din pagină. Nu se foloseşte pentru a stabili caracteristicile unui bloc de text.
Este indicat să fie inclusă în documentul HTML imediat după eticheta <BODY>. Atributele etichetei <BASEFONT> sunt aceleaşi cu cele ale etichetei <FONT>, respectiv: size, color, face.
În Exemplul 2 se va construi o pagină al cărui text este setat cu atributle: face - tip de font Arial, size - dimensiunea fontului 2, color - culoare albastră. O parte din text va avea alt tip de font, altă mărime şi culoare, acestea fiind stabilite prin folosirea etichetei <FONT>.
Exemplul 4. 2
<HTML>
<HEAD>
<TITLE>fonturi2</TITLE>
</HEAD>
<BODY bgcolor="white">
<BASEFONT face="arial" color="blue" size="2">
Am ajuns la lectia despre fonturi a <FONT face="arial black" color="red" size="4">Manualului de HTML</FONT>
</BODY>
</HTML>
După cum se poate observa deschizând fişierul în browser, caracteristicile textului din pagină au fost setate cu ajutorul etichetei <BASEFONT>. Pentru a afişa simultan o parte din text într-un mod diferit s-a folosit eticheta <FONT>.
Dacă un browser nu recunoaşte atributele etichetei <BASEFONT>, acesta va afişa textul utilizând propriile setări prestabilite (default), ignorând atributele menţionate în eticheta <BASEFONT>.
Următorul exemplu (Exemplul 3) afişează un cuvânt având literele de mărimi diferite.
Preview document
Conținut arhivă zip
- Utilizarea Fonturilor si Formatarea Textelor in Documente Web
- Lucrare_3_Utilizare_fonturi.pdf
- Lucrare_4_Formatare text.doc
Alții au mai descărcat și
1. CORESPONDENTA DE AFACERI 1.1. SCRISOAREA DE AFACERI Orice scrisoare echivaleaza cu o carte de vizita a celui care o expediaza. Acest fapt...
Din fereastra Database putem alege dintre cele 2 optiuni de a crea interogari asupra bazei de date: Create query in Design view Create query by...
1. INTRODUCERE ÎN BIROTICA 1.1 Definirea biroticii În ultimele doua decenii, miniaturizarea si scaderea pretului componentelor electronice au...
Producatori,produse,distribuitori 1. Sa se creeze tabelele: a) create table producatori (cod_prod integer, nume char(10), oras char(20),data_inf...
Foaia de calcul VALIDARI 1) Intrările câmpului Marca vor fi restricţionate la valorile domeniului A17:A48 (prin consultare verticală), cu mesaj de...
Te-ar putea interesa și
I. Analiza managementului de leasing I.1. Introducere I.1.1.Definiţie Cuvintul "Leasing" vine din limba engleză, de la substantivul "leasing"...
INTRODUCERE Acest proiect își propune să prezinte modul în care se poate realiza o aplicație pentru testarea cunoștințelor utilizând tehnologiile...
Cap. 1: Concepte e-Learning Prefata Abordarea învăţământului la distanţă ca modalitate alternativă sau complementară de a face educaţie porneşte...
Datorita faptului ca in prezent internetul reprezinta o alternativa modalitate gratuita si permanenta si nelimitata de informare, precum si faptul...
Introducere In perioada actuală prezenta unui website pe piata online, tinde să devină tema de activitate a multor companii ce inteleg,...
Programul de creatie Microsoft® FrontPage – programul de creatie pentru Web, este inclus in unele versiuni ale pachetului Microsoft® Office (97,...
1. Introducere Ani la randul, Microsoft nu avea competitie cand vorbeam despre instrumentele de productivitate. Majoritatea covarsitoare a...
1. Securitatea retelei si criptografia Criptografia este stiinta scrierilor secrete. Ea sta la baza multor servicii si mecanisme de securitate...