Postări

Se afișează postări din ianuarie, 2018

Lucrul cu Tabele

Imagine
Tabelele sunt elemente foarte utile pentru asezarea si prezentarea continutului intr-o pagina web. 1. Crearea de tabele Pentru a crea tabele in paginile web se foloseste elementul  <table> ... </table>  , acesta incadreaza alte patru sub-elemente, care alcatuiesc structura tabelului. - Linia (randul) Tabelului  <tr> ... </tr> - Titlul Tabelului  <th> ... </th> - Coloanele tabelului (datele)  <td> ... </td> - Sub-titlu tabelului  <caption> ... </caption> Linia tabelului de obicei contine elementul pentru titlurile tabelului si elementul pentru coloanele tabelului. In cadrul elementelor pentru titluri si coloanele tabelului se pot adauga si alte elemente HTML, cum ar fi cele pentru formatul textului, paragrafe, link-uri sau imagini Mai jos puteti vedea un exemplu de cod HTML pentru crearea unui tabel: <table border="1"> <tr>     <th>titlu 1</th...
Trimiteți un comentariu
Citiți mai multe

Creare link-uri

Imagine
Link-urile (links) sunt elemente HTML cu ajutorul carora putem deschide alte pagini, sari de la un document la altul sau la alt site. Sunt foarte importante in crearea de pagini web. Forma generala pentru crearea unui link este urmatoarea: <a href="url" title="Titlu link">Nume</a> -  a  este elementul specific pentru crearea link-urilor -  href  este atributul care marcheaza indicarea adresei link-ului -  url  este adresa link-ului (a paginii care va fi deschisa). De exemplu ( http://marplo.net ) -  title  este atributul prin care se da un titlu link-ului ( un text ascuns, care apare numai cand este pozitionat mouse-ul deasupra link-ului ) -  Titlu link  este textul ascuns care apare cand este pozitionat mouse-ul deasupra link-ului -  Nume  este textul care va aparea in browser si pe care trebuie dat click cu mouse-ul. In loc de acest text se poate folosi si o imagine, astfel "Nume" va fi inlocuit cu...
Trimiteți un comentariu
Citiți mai multe

Adaugare imagini

Imagine
HTML contine si elemente pentru adaugarea de imagini in pagina web. 1. Formatul imaginilor care pot fi folosite Cele mai folosite formate pentru imaginile adaugate intr-o pagina HTML sun  GIF  si  JPEG  (JPG ; JPE), avantajul acestora este ca imaginile care au aceste extensii au o marime mica (in bytes), avand maximum 256 de culori. Alte tipuri de formate (folosite mai rar) sunt: PNG, BMP, TIFF, PCX 2. Adaugarea unei imagini intr-o pagina web Pentru a introduce o imagine intr-un format HTML se foloseşte elementul  <img> ... </img>  împreuna cu urmatoarele atribute : -  src    - Valoarea acestui atribut determina locatia fisierului care contine imaginea. -  alt    - La acest atribut se scrie textul care va aparea daca imaginea nu e afisata ( de unele browsere ) sau cand utilizatorul va pozitiona, in browser, mouse-ul peste imagine. -  align    - Acest atribut permite asezarea imagi...
Trimiteți un comentariu
Citiți mai multe

Marcatori si numerotare

Imagine
HTML contine cateva tag-uri utile pentru asezarea continutului in pagina. Prin acestea textul este mai usor de citit si evidentiat. 1. Elementele pentru marcatori si numerotare Un element des folosit in formarea listelor (neordonate) este  <ul> . -  <ul>  este elementul de început si dupa scrierea listei se incheie cu  </ul> . - Majoritatea elementelor pentru marcatori si numerotare sunt compuse din unu sau mai multe elemente  <li> ... </li>  (list element). Fara atributul "type" specificat in "<ul>" acestea prezintă un marcaj ca un bullet. Mai jos puteti vedea exemplu. <html> <head> <title>titlu documentului</title> </head> <body> <ul> <li>List item 1 ...</li> <li>List item 2 ...</li> <li>List item 3 ...</li> </ul> </body> </html> - In pagina web apare asa: List item 1 ... List item 2 ... List ite...
Trimiteți un comentariu
Citiți mai multe

Formate text

Imagine
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="...
Trimiteți un comentariu
Citiți mai multe

Titluri, Paragrafe, Un nou rand, Linie orizontala

Imagine
1. Titluri <Hx> ... </Hx> - Pentru titluri din continutul documentului HTML este indicat folosirea etichetelor <Hx>, ( headings ) unde 'x' este un numar intre 1 si 6. - In cadrul elementului BODY, elementele Headings sunt folosite ca titluri sau pentru o mai buna impartire a continutului paginii. - Mărimea textului înconjurat de elementul Heading variază de la foarte mare, in  <H1>  pana la foarte mic in  <H6> . Mai jos puteti vedea exemplu: Cod HTML Cum apare in pagina <html> <head> <title>Titlu documentului</title> </head> <body> <h1>Heading 1</h1> <h2>Heading 2</h2> <h3>Heading 3</h3> <h4>Heading 4</h4> <h5>Heading 5</h5> <h6>Heading 6</h6> </body> </html> Heading 1 Heading 2 Heading 3 Heading 4 Heading 5 Heading 6 2. Paragraf <p> ... </p> - Paragrafele permit sa adaugi ...
Trimiteți un comentariu
Citiți mai multe

Creare si editare pagini HTML pas cu pas

Imagine
1. Crearea bazei de început a unui document Dupa cum ati vazut in postarile anterioare, sunt elemente sigure, generale, care sunt necesare pentru crearea unui document HTML. Pentru început deschideti aplicatia NotePad++ si scrieti structura de baza a unei pagini web.  Aceasta este: <html>   <head>     <title> Titlul </title>   </head>   <body>     Continut   </body> </html> Acum pagina dv. are HEAD si BODY in interiorul bazei <HTML>. 2.Setarea proprietarilor documentului Proprietatile documentului pot fi controlate de atributele elementului BODY, de exemplu cum ar fi culorile pentru fondul paginii, pentru text si diferite faze ale link-urilor. Culorile sunt setate folosind culorile de baza: rosu, verde si albastru; expresia folosita RGB (Red, Green, Blue), acestea sunt reprezentate ca valori hexadecimale si sunt scrise intre ghilimele (" "), la inceput...
Trimiteți un comentariu
Citiți mai multe

Elemente principale HTML

Imagine
1. Ce este HTML? (Hypertext Markup Language) Este un set de coduri logice care constituie apariţia unui document web si a informatiilor pe care le deţine. Codurile sunt scrise intre " < " (paranteza deschisa) si " > " (paranteza inchisa), cu toate ca nu sunt chiar paranteze, aşa se numesc si arata aşa:  < > . Exemplu: <BODY>  sau  <DIV>  Cele mai multe elemente ( numite si tag-uri ) au un element (tag) de deschidere si un element de închidere distins prin "/" in interiorul parantezei deschise "<". Exemplu: <DIV> ... </DIV> Primul cuvânt care apare înăuntru "<" se numeşte  element  sau  eticheta HTML  si spune browser-ului sa facă ceva, precum <DIV> Cuvintele care urmeaza după element in interiorul "< >"se numesc  atribute  care descriu proprietăţile elementului. Cum ar fi stilul: culoarea, mărimea, etc.  Atributele sunt separate prin spatiu si urmate de...
Trimiteți un comentariu
Citiți mai multe