HTML PDF

Crearea i
programarea paginilor
WEB
Curriculum la decizia colii
Clasa a XII-a
Prof. Sanda Popescu

Terminologie
Internet- reeaua mondial unic de computere interconectate
prin protocoalele (regulile) de comunicare
World Wide Web (abreviat WWW, sau pur i simplu Web-ul)
definete un spaiu informaional, desfurat cu ajutorul
Internetului
Provider- firm specializat ce distribuie servicii Internet
Server - aplicaie pe computer, uneori chiar un computer ntreg,
care opereaz continuu n reeaua sa i ateapt solicitri din
partea altor calculatoare din reea, numite client
Browser- soft, ansamblu de programe pentru manevrarea
informaiilor bazate pe grafic i text (Internet Explorer, Mozilla
Firefox)
URL (Uniform Resourse Locator)- adresa unic a unei pagini WEB-
alctuit din: identificator de coninut (http:// Hyper Text Transfer
Protocol sau ftp:// File Transfer Protocol) i localizare (format din
numele domeniului i numele unei anumite resurse).
Exemple:
http://www.google.ro,
http://www.w3schools.com
Site- ansamblul: spaiu pe hard+fiierele pe care le
conine+adresa.
HTML
HyperText Markup Language
Un fiier HTML este un fiier text
care conine markup tags
Aceste markup tags spun browser-
ului cum s afieze pagina
Un fiier HTML trebuie s aib
extensia htm sau html
Un fiier HTML poate fi creat utiliznd
un simplu text editor: Notepad
Introducei urmtorul text:
<html>
<head> Textul dintre tag-urile
<title>Title of page</title> <head> i </head>
</head> reprezint informaia
<body> This is my first header-ului. Aceasta nu
homepage. <b>This text is este afiat n fereastra
bold</b> </body> browser-ului.
</html> Textul dintre tag-urile
Salvai fiierul cu numele <title>este titlul
pagina1.htm documentului i este
Atenie la extensia htm sau afiat n bara de titlu.
html
Textul dintre tag-urile
Executai
<body> este textul care se
va afia n fereastra
browser-ului.
Textul dintre tag-urile <b>
i </b> tags va afia textul
cu litere ngroate (Bold)
Observaie
Putem edita un fiier HTML cu
uurin, folosind un editor
WYSIWYG (what you see is what you
get) cum ar fi FrontPage sau
Dreamweaver.
Dac dorim, totui, s devenim
adevrai programatori de pagini
Web, este recomandabil s utilizm
un editor de text pentru a nva
abecedarul HTML.
Atributele Tag-urilor
Tag-urile pot avea atribute. Atributele ofer informaii

suplimentare unui element HTML. Urmtorul tag definete
un tabel: <table>. Acestuia i putem aduga un chenar
adugnd un atribul <table border="0">. Fr acesta,
tabelul nu are chenar.
Atributele apar ntotdeauna n perechi name/value de
forma: name="value".
Atributele sunt ntotdeauna specificate n tag-ul de start al
elementului HTML.
Atributele sunt de cele mai multe ori case-insensitive.
Valorile atributelor trebuie cuprinse ntre ghilimele (duble
sau simple)
n rare situaii, ca n cazul n care valoarea atribului n sine
conine ghilimele, este necesar folosirea apostrofurilor, ca
n exemplu: name='John "ShotGun" Nelson'
Titluri, paragrafe, comentarii
Headings (Titluri) Paragrafuri
Headings sunt definite cu tag-uri Paragrafurile sunt definite cu tag-
<h1> <h6>. <h1> definete ul <p>
cel mai mare heading iar <h6> <p>This is a paragraph</p>
definete heading-ul cel mai mic. <p>This is another
<h1>This is a heading</h1> paragraph</p>
<h2>This is a heading</h2> HTML adaug automat linii goale
<h3>This is a heading</h3> nainte i dup paragraf.
<h4>This is a heading</h4>
<h5>This is a heading</h5>
<h6>This is a heading</h6> Sfrit de linie
HTML adaug automat linii goale Tag-ul <br> este folosit cnd se
nainte i dup heading. dorete salt la linia urmtoare
(enter)
<p>This <br> is a
Comments in HTML para<br>graph with line
Un comentariu va fi ignorat de breaks</p>
browser. Tag-ul <br> este folosit singur,
 nu trebuie nchis.
Formatarea textului n HTML
<html>
<body> <html>
<b>This text is bold</b><br>
<body>
<strong>
This text is strong
</strong><br> <pre>
<big> This is
This text is big preformatted text.
</big><br> It preserves both spaces
<em>
and line breaks.
This text is emphasized
</em><br> </pre>
<i>
This text is italic <p>The pre tag is good for displaying
</i><br> computer code:</p>
<small>
This text is small <pre>
</small><br> for i = 1 to 10
This text contains
<sub>
print i
subscript next i
</sub><br> </pre>
This text contains
<sup> </body>
superscript </html>
</sup>
</body>
</html>
Tag-uri Computer output
<html>
<body>
Computer code
<code>Computer code</code>
<br> Keyboard input
<kbd>Keyboard input</kbd>
<br> Teletype text
<tt>Teletype text</tt>
<br> Sample text
<samp>Sample text</samp>
<br> Computer variable
<var>Computer variable</var>
<br> Not: Aceste
<p> tag-uri sunt
<b>Note:</b> These tags are often used
to display computer/programming
code.
folosite pentru a
</p> afia linii de
</body>
</html>
program.
Basic HTML Tags Text Formatting Tags
<html>Defines an HTML <b>Defines bold text
document <big>Defines big text
<em>Defines emphasized text
<body>Defines the <i>Defines italic text
document's body <small>Defines small text
<h1> to <h6>Defines header <strong>Defines strong text
1 to header 6 <sub>Defines subscripted text
<p>Defines a paragraph <sup>Defines superscripted text
<br>Inserts a single line <ins>Defines inserted text
break <del>Defines deleted text
<s>Deprecated. Use <del>
<hr>Defines a horizontal rule instead
<!-->Defines a comment <strike>Deprecated. Use <del>
instead
<u>Deprecated. Use styles
instead
"Computer Output" Tags Citations, Quotations,
<code>Defines computer and Definition Tags
code text <abbr>Defines an
<kbd>Defines keyboard text abbreviation
<samp>Defines sample <acronym>Defines an
computer code acronym
<tt>Defines teletype text <address>Defines an
<var>Defines a variable address element
<pre>Defines preformatted <bdo>Defines the text
text<listing>Deprecated. direction
Use <pre> instead
<plaintext>Deprecated. <blockquote>Defines a
Use <pre> long quotation
instead<xmp>Deprecated. <q>Defines a short
Use <pre> instead quotation
<cite>Defines a citation
<dfn>Defines a
definition term
Caractere speciale n HTML
Unele caractere au o semnificaie aparte n HTML, cum ar fi semnul (<)
care definete nceputul unui tag. Dac vrei s afiai un astfel de
caracter, trebuie s inserai o entitate caracter n sursa HTML.
O entitate caracter are trei pri: un ampersand (&), un nume de entitate
sau semnul # i un numr al entitii, construcie terminat prin (;).
Pentru a afia semnul de mai mic trebuie s scriei: < or <
Avantajul folosirii unui nume n locul unui numr este faptul c poate fi
mai uor de amintit i identificat. Dezavantajul este c nu orice browser
recunoate cele mai noi nume de entiti, n timp ce entitile numere
sunt foarte bine suportate de orice browser.
Numele entitilor sunt case sensitive.
Crearea link-urilor n HTML
Tag-ul ancor i atributul Href
HTML folosete tag-ul <a> (anchor) pentru a crea un link
spre un alt document.
O ancor poate direciona spre un alt produs: o pagin HTML,
o imagine, un fiier sunet, un film, etc.
Sintaxa:
<a href="url">Text to be displayed</a>

Atributul href este utilizat pentru a specifica adresa
documentului spre care se face link-ul, i cuvintele care vor
aprea ntre tag-ul de nceput si cel de sfrit vor fi afiate ca
hyperlink.
Aceast ancor definete un link spre W3Schools:
<a href="http://www.w3schools.com/">Visit
W3Schools!</a>
Afiarea se va face de ctre browser n felul urmtor:Visit
W3Schools!
Atributul Target
Cu acest atribut poi defini locul n care fiierul spre care se face link va fi deschis. Exemplul de
mai jos va deschide un document ntr-o fereastr nou a browser-ului
<a href="http://www.w3schools.com/" target="_blank">Visit W3Schools!</a>

Tag-ul Anchor i atributul Name
Atributul name este utilizat pentru a se identifica o ancor. Cnd foloseti numele
ancorei poi crea un link cu salt direct la o seciune specificat din pagin, m loc s
foloseti bara de scroll pentru a defila pn la seciunea cutat.
Sintaxa pentru denumirea unei ancore:
<a name="label">Text to be displayed</a>
Atributul name denumete ancora. Acesta poate fi orice text, ca de exemplu:
<a name="tips">Useful Tips Section</a>
Se poate sesiza c numele ancorei nu este afiat ntr-un mod special.
Pentru a crea link direct la seciunea tips adugai caracterul # i numele ancorei la
sfritul URL-ului, ca n exemplu:
<a href="http://www.w3schools.com/html_links.asp#tips"> Jump to the Useful Tips
Section</a>
Un hyperlink spre Seciunea Useful Tips fr a mai folosi fiierul "html_links.asp" va
arta aa:
<a href="#tips">Jump to the Useful Tips Section</a>
Exemplu
<html>
<body>
See also Chapter 4.
<p>
<a href="#C4">See also Chapter 4.</a>
Chapter 1
</p> This chapter explains ba bla
<h2>Chapter 1</h2>
bla
<p>This chapter explains ba bla bla</p> Chapter 2
<h2>Chapter 2</h2>
This chapter explains ba bla
<p>This chapter explains ba bla bla</p> bla
<h2>Chapter 3</h2>
Chapter 3
<p>This chapter explains ba bla bla</p> This chapter explains ba bla
bla
<h2><a name="C4">Chapter
4</a></h2> Chapter 4
<p>This chapter explains ba bla bla</p>
</body> This chapter explains ba bla
</html> bla
Chenare HTML
Folosind cadre (chenare) se pot Tag-ul Frameset
afia mai multe documente Definete modul n care se divide
HTML n aceeai fereastr a fereastra n chenare.
browser-ului. Fiecare Fiecare frameset definete un numr
document HTML se numete de rnduri i un numr de
coloane.
cadru i fiecare cadru este
independent unul fa de Aceste valori indic cantitatea de
spaiu de pe ecran ocupat de
cellalt. fiecare rnd i coloan.
Dezavantaje: Tag-ul Frame
- Realizatorul paginii web Definete ce document HTML se pune
trebuie s in cont de mai n fiecare chenar.
multe documente HTML Exemplu:
Este mai dificil s listezi la <frameset cols="25%,75%">
imprimant ntreaga pagin. <frame src="frame_a.htm">
<frame src="frame_b.htm">
</frameset>
Not: Limea unui chenar poate fi

exprimat i n pixeli:
(cols="200,500").
Exemplu
<html>
<frameset
cols="25%,50%,25
%">
<frame
src="frame_a.htm">
<frame
src="frame_b.htm">
<frame
src="frame_c.htm">
</frameset>
</html>
Acest exemplu demonstreaz cum s mpari pagina n trei
chenare structurate pe linii i coloane.
<html>
<frameset
rows="50%,50%">
<frame
src="frame_a.htm">
<frameset
cols="25%,75%">
<frame
src="frame_b.htm">
<frame
src="frame_c.htm">
</frameset>
</frameset>
Navigarea ntre chenare
Acest exemplu arat cum s navigai printre chenare. Chenarul de navigare conine o
list de link-uri cu al doilea chenar ca tint. Fiierul cu numele tryhtml_contents.htm"
conine trei link-uri. Codul surs al acestor link-uri este:
<a href ="frame_a.htm" target ="showframe">Frame a</a><br>
<a href ="frame_b.htm" target ="showframe">Frame b</a><br>
<a href ="frame_c.htm" target ="showframe">Frame c</a>
Al doilea chenar va arta documentul spre care se face link.
<html>
<frameset cols="120,*">
<frame
src="tryhtml_contents.htm">
<frame src="frame_a.htm"
name="showframe">
</frameset>
</html>
Tabele HTML
Tabele <table border="1">
Tabelele sunt definite cu <tr>
tag-ul <table>. Un <td>row 1, cell 1</td>
tabel este mprit n <td>row 1, cell 2</td>
rnduri (cu tag-ul </tr> <tr> <td>row 2,
<tr> )i fiecare rnd cell 1</td> <td>row 2,
n celule ce conin cell 2</td>
date(cu tag-ul <td>). </tr>
O astfel de celul </table>
poate conine text, Un astfel de tabel va arta:
imagini, liste,
paragrafe, form-uri,
tabele, rigle
orizontale, etc.
Capete de tabel
Atributul Border Sunt definite cu tag-ul <th>.
Dac nu este specificat atributul <table border="1">
border, tabelul va fi afiat fr <tr>
margine. Cteodat acest lucru este <th>Heading</th>
util dar uneori vrem ca marginile s <th>Another Heading</th>
fie vizibile. </tr>
Pentru a afia un tabel cu bordur, <tr>
se poate folosi atributul border : <td>row 1, cell 1</td>
<table border="1"> <td>row 1, cell 2</td>
<tr> </tr>
<td>Row 1, cell 1</td> <tr>
<td>Row 1, cell 2</td> <td>row 2, cell 1</td>
</tr> <td>row 2, cell 2</td>
</table> </tr>
</table>
Liste HTML
HTML permite definirea
listelor ordonate sau
neordonate.
Exemple
List neordonat folosete
tag-ul <ul>
<ul>
<li>Coffee</li>
<li>Milk</li>
</ul>
List ordonat folosete
tag/ul <ol>
<ol>
<li>Coffee</li>
<li>Milk</li>
</ol>
Definirea Listelor
Aa apare n browser:
Definirea unei liste nu este o
list de itemi. Este o list de Coffee
termeni i explicaii ale Black hot drink
acestora. Milk
Definiia listet ncepe cu tag- White cold drink
ul <dl>. Fiecare termen
definit ncepe cu tag-ul <dt>. n interiorul tag-ului <dd>
Fiecare explicaie a termenilor se pot defini paragrafe, linii
ncepe cu tag-ul <dd>. de la capt, imagini, link-
<dl> uri, alte liste, etc.
<dt>Coffee</dt>
<dd>Black hot drink</dd>
<dt>Milk</dt>
<dd>White cold drink</dd>
</dl>
Forme i intrri n HTML
Intrri
Cea mai utilizat tag-form este
Forme tag-ul <input>. Tipul datei
introduse este specificat de tipul
O form este o zon care atributului. Vom explica cele mai
conine elemente form. utilizate tipuri de date.
Elementele form permit
utilizatorului s introduc Cmpuri Text
informaii (cum ar fi texte, Sunt utilizate pentru a introduce
meniuri, butoane radio, texte, numere ntr-o form.
casue de verificare <form>
(checkboxes), etc.) ntr-o First name: <input type="text"
name="firstname"> <br>
form. Last name: <input type="text"
O form este definit cu name="lastname">
tag-ul <form>. </form>
<form>
<input>
<input>
</form>
Lungimea implicit a unui cmp text este de 20 caractere

Butoane Radio Csue de verificare (checkboxes)
Sunt utilizate cnd doreti ca utilizatorul
Sunt folosite cnd doreti
s selecteze una sau mai multe opiuni
ca utilizatorul s selecteze dintr-un numr limitat de opiuni.
o opiune dintr-un numr <form>
limitat de opiuni. I have a bike: <input type="checkbox"
<form> name="vehicle" value="Bike" /> <br />
I have a car: <input type="checkbox"
<input type="radio" name="vehicle" value="Car" /> <br />
name="sex" I have an airplane: <input
value="male">Male <br> type="checkbox" name="vehicle"
<input type="radio" value="Airplane" />
name="sex" </form>
value="female"> Female
</form>
Cmpuri Password Efect la browser:
<html>
<body>
<form action="">
Username:
<input type="text"
name="user"> De reinut c atunci
<br> cnd scriei caractere
Password: n cmpul password,
browser-ul afieaz
<input type="password"
name="password"> asteriscuri sau bullets
n loc de caractere.
</form>
</body>
</html>
Liste ascunse
<html>
<body>
<form action="">
<select name="cars">
<option
value="volvo">Volvo</option>
<option
value="saab">Saab</option>
<option value="fiat"
selected="selected">Fiat</option
>
<option
value="audi">Audi</option>
</select>
</form>
</body>
</html>
Acest form trimite un e-mail la W3Schools
<html>
<body>
<form
action="MAILTO:someone@w3schools.com"
method="post" enctype="text/plain">
<h3>This form sends an e-mail to

W3Schools.</h3>
Name:<br>
<input type="text" name="name"
value="yourname" size="20">
<br>
Mail:<br>
<input type="text" name="mail"
value="yourmail" size="20">
<br>
Comment:<br>
<input type="text" name="comment"
value="yourcomment" size="40">
<br><br>
<input type="submit" value="Send">
<input type="reset" value="Reset">
</form>
</body>
</html>
Inserarea imaginilor n HTML
Tag-ul img i atributul Src Atributul Alt
n HTML, imaginile sunt definite Atriburul alt este utilizat pentru a
cu tag-ul <img>, care nu se defini un text alternativ unei
nchide. imagini. Valoarea atributului alt
Pentru a afia o imagine n este un text definit de autorul
pagin, trebuie s utiizai paginii:
atributul src (source). Valoarea <img src="boat.gif" alt="Big
atributului src este URL-ul Boat">
imaginii pe care dorii s-o afiai Atributul "alt" spune cititorului ce
n pagin. lipsete din pagin dac browser-
Sinaxa pentru definirea imaginii: ul nu poate ncrca imaginea.
<img src="url">. URL-ul arat Browser-ul va afia n acest caz
locaia unde imaginea este textul n locul imaginii. Este o
stocat. O imagine numit bun practic s includei
"boat.gif" localizat n directorul atributul alt pentru fiecare
"images" din imagine din pagin, astfel nct
"www.w3schools.com" are URL- cei ce folosesc doar un browser
ul: text-only s poat folosi pagina
http://www.w3schools.com/imag creat de voi.
es/boat.gif. Daca imaginea este
stocat pe disk, trebuie
specificat calea spre aceasta.
Imagine ca link
<html>
<body>
<p>
You can also use an image
as a link:
<a href="lastpage.htm">
<img border="0"
src="buttonnext.gif"
width="65" height="38">
</a>
</p>
</body>
</html>
Imagine folosit ca background
<html>
<body
background="background.jpg">
<h3>Look: A background
image!</h3>
<p>Both gif and jpg files can be

used as HTML backgrounds.</p>
<p>If the image is smaller than

the page, the image will repeat
itself.</p>
</body>
</html>
Background- Fundal
Fundal Background
Tag-ul <body> are dou Atributul background specific
atribute prin care se poate o imagine pentru fundalul
specifica fundalul unei pagini. unei pagini HTML. Valoarea
Acesta poate fi color sau o acestui atribut este URL-ul
imagine. imaginii pe care daoreti s-o
Bgcolor utilizezi. Dac imaginea este
Atributul bgcolor atribuie o
prea mic ea se va repeta
culoare specificat pentru pn cnd se umple ntreaga
fundalul paginii. Valoarea fereastr a browser-ului.
acestui atribut poate fi un <body
numr hexazecimal, o valoare background="clouds.gif">
RGB, sau un nume de <body
culoare: background="http://www.w3s
<body bgcolor="#000000">
chools.com/clouds.gif">
<body bgcolor="rgb(0,0,0)"> URL-ul poate fi relativ (ca n
<body bgcolor="black"> prima linie de mai sus) sau
absolut (ca n a doua linie din
exemplul de mai sus).
Atenie: Dac doreti s foloseti o imagine
ca background, ar trebui s te gndeti la
urmtoarele:
Background-ul imagine va mri timpul de
ncrcare prea mult?
Background-ul imagine va arta bine cu
alte imagini n pagin?
Background-ul imagine va arta bine cu
un text colorat pe pagin?
Background-ul imagine va arta bine cnd
imaginea se repet pe pagin?
Background-ul imagine nu va distrage
atenia de la text?
Culori HTML
Numele culorilor standard:

HTML valideaz 16 nume pentru culori: aqua, black, blue, fuchsia,
gray, green, lime, maroon, navy, olive, purple, red, silver, teal,
white, and yellow.
Derularea textului n controale
marquee
Controlul marquee este un marcaj de efect ce determin animarea
unui text ntr-o pagin Web.
Exemplu:
<marquee> <h1> Text la plimbare</h1> </marquee>
Pentru a controla direcia de deplasare se folosete atributul direction
care poate lua urmtoarele valori: left (implicit- de la stnga la
dreapa), right, down, up.
Atributul behavior are trei valori:
Scroll (implicit- textul se plimb pe ecran, se pierde la stnga i
reapare n dreapta)
Slide- textul se oprete la marginea opus apariiei
Alternate- se deplaseaz alternativ, stnga, dreapta, fr a prsi
ecranul
Exemplu:
<marquee behavior=slide direction=right> <h1> text plimbaret
</h1> </marquee>
CSS
Cascading Style Sheets
CSS - limbaj prin care se poate realiza
formatarea textului, aplicarea unui stil asupra
unor elemente de acelai tip (paragraf, imagine,
tabel, etc.)
Stilurile definesc how to display elementele
HTML
Stilurile sunt n mod normal stocate n Style
Sheets
Stilurile sunt adugate n HTML pentru a
rezolva o problem
External Style Sheets te poate salva de la o
grmad de munc
External Style Sheets sunt stocate n fiiere CSS
Sintaxa CSS
Sintaxa CSS este format din trei pri: un selector, o
proprietate i o valoare:
selector {property: value}
Selectorul este n mod normal elementul/tag-ul HTML pe care
doreti s-l defineti, proprietatea este atributul oe care
doreti s-l schimbi, i fiecare proprietate poate lua o
valoare. Proprietatea i valoarea sunt separate prin (;) i
cuprinse ntre acolade:
body {color: black}
Note: Dac valoarea este format din mai multe cuvinte,
atunci aceasta trebuie cuprins ntre ghilimele:
p {font-family: "sans serif"}
Dac doreti s specifici mai mult dect o proprietate, trebuie
s separi fiecare proprietate prin (;). Exemplul urmtor un
paragraf cu text centrat i colorat rou:
p {text-align:center;color:red}
EXEMPLUL 1 (fiier extern .css):
Rezultatul este un chenar de forma de

mai jos
EXEMPLUL 2 (fiier extern .css)
Fiierul pagina.html
Fiierul ex2.css
<html>
body {background-color: tan}
<head>
h1 {color:maroon; font-size:20pt}
<link rel="stylesheet"
type="text/css" hr {color:navy}
href="ex2.css" /> p {font-size:11pt; margin-left:
15px}
</head>
a:link {color:green}
<body>
a:visited {color:yellow}
<h1>This is a header 1</h1>
a:hover {color:black}
<hr />
a:active {color:blue}
<p>You can see that the style
sheet formats the text</p>
<p><a Rezultatul
href="http://www.w3schools.com
"
target="_blank">This is a
link</a></p>
</body>
</html>
EXEMPLUL 3: (foaie intern)
<html>
<head>
<style type="text/css">
body {background-color: yellow}
h1 {background-color: #00ff00}
h2 {background-color: transparent}
p {background-color: rgb(250,0,255)}
</style>
</head> Legtura dintre HTML i CSS se face prin

elementul STYLE care utilizeaz tag-urile
<body> <style> i </style>. Cele dou tag-uri vor
<h1>This is header 1</h1> fi aezate ntre <head> i </head>
<h2>This is header 2</h2>
<p>This is a paragraph</p>
</body>
</html>
EXEMPLUL 4: (foaie intern)
<html>
<head>
<style type="text/css">
h1 {color: #00ff00}
h2 {color: #dda0dd}
p {color: rgb(0,0,255)}
</style>
</head>
<body>
<p>This is a paragraph</p>
</body>
</html>
EXEMPLUL 5 - Liste
<html>
<head> <ol class="uroman">
<style type="text/css"> <li>Coffee</li>
ol.decimal {list-style-type: decimal} <li>Tea</li>
ol.lroman {list-style-type: lower-roman} <li>Coca Cola</li>
ol.uroman {list-style-type: upper-roman} </ol>
ol.lalpha {list-style-type: lower-alpha}
ol.ualpha {list-style-type: upper-alpha} <ol class="lalpha">
</style> <li>Coffee</li>
</head> <li>Tea</li>
<li>Coca Cola</li>
<body> </ol>
<ol class="decimal">
<li>Coffee</li> <ol class="ualpha">
<li>Tea</li> <li>Coffee</li>
<li>Coca Cola</li> <li>Tea</li>
</ol> <li>Coca Cola</li>
</ol>
<ol class="lroman"> </body>
<li>Coffee</li>
<li>Tea</li> </html>
<li>Coca Cola</li>
</ol>
Exemplul 6 - Tabele
<html> <table class="two" border="1" width="100%">
<head> <tr>
<style type="text/css"> <td
width="20%">100000000000000000000000
table.one 0000</td>
{ <td width="40%">10000000</td>
table-layout: automatic <td width="40%">100</td>
} </tr>
table.two </table>
{
table-layout: fixed </body>
} </html>
</style>
</head>
<body>
<table class="one" border="1" width="100%">

<tr>
<td
width="20%">100000000000000000000000
0000</td>
<td width="40%">10000000</td>
<td width="40%">100</td>
</tr>
</table>
Bibliografie
http://www.w3schools.com/
Tudor Sorin, Vlad Huanu, Crearea i

programarea paginilor Web, Editura
L&S Soft, 2003
Marcel Homorodeanu, Irina
Iosupescu, Internet i pagini Web,
Editura Niculescu, 2001

HTML PDF

Încărcat de

Informații document

Titlu original

Drepturi de autor

Formate disponibile

Partajați acest document

Partajați sau inserați document

Opțiuni de partajare

Vi se pare util acest document?

Este necorespunzător acest conținut?

Drepturi de autor:

Formate disponibile

HTML PDF

Încărcat de

Drepturi de autor:

Formate disponibile

Crearea i

Prof. Sanda Popescu

Tag-urile pot avea atribute. Atributele ofer informaii

<a href="url">Text to be displayed</a>

<a href="http://www.w3schools.com/" target="_blank">Visit W3Schools!</a>

Not: Limea unui chenar poate fi

Lungimea implicit a unui cmp text este de 20 caractere

<h3>This form sends an e-mail to

<p>Both gif and jpg files can be

<p>If the image is smaller than

Numele culorilor standard:

Rezultatul este un chenar de forma de

</head> Legtura dintre HTML i CSS se face prin

<table class="one" border="1" width="100%">

Tudor Sorin, Vlad Huanu, Crearea i

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