HTML

2
0
0
4
/
2
0
0
5
-
M
i
h
a
e
l
a

B
r
u
t
[
1
]

Proiectare situri Web
HyperText Markup
Language
2
0
0
4
/
2
0
0
5
-
M
i
h
a
e
l
a

B
r
u
t
[
2
]

Elemente de baz
HTML este un limbaj de adnotare
Marcajele adaug hipertext i informaii de formatare
<TITLE> Introducere n HTML </ TITLE>
nceputul elem. Sf. Elem. title
title
Textul care va fi formatat
Titluri: <h1>Capitol</h1>, <h2>Subcapitol</h2>, ...,
<h6>Seciune</h6>,
2
0
0
4
/
2
0
0
5
-
M
i
h
a
e
l
a

B
r
u
t
[
3
]

Struct. Doc.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2//EN">
<html>
<head>
<title> Ionescu Andreea </title>
</head>
<body>
</body>
</html>
2
0
0
4
/
2
0
0
5
-
M
i
h
a
e
l
a

B
r
u
t
[
4
]

Caractere speciale
HTML include entiti speciale descriu
caracterele internationale i speciale;
Forma general:
& amp;
semnul & sign denot un caracter special marcaj de sfrit
codul caracterului (n acest caz, codul pt. &)
2
0
0
4
/
2
0
0
5
-
M
i
h
a
e
l
a

B
r
u
t
[
5
]

Hiperlegturi
<a href=index.html> Cuprins </ a>
Elem. Anchor
Descriere
Atribut al Elem. Anchor
Sfrit de elem.
Va fi creat o hiperlegtur ctre index.html
2
0
0
4
/
2
0
0
5
-
M
i
h
a
e
l
a

B
r
u
t
[
6
]

HTML
Forarea trecerii la linie nou:
<p>E-mail-ul meu este:<br />
mihaela@infoiasi.ro<br />, ns nu
garantez c rspund.</p>
Spaii indestructibile: Coca Cola
Hiperlegturi interne:
<a href="#3">Construire prez.</a>
...
<a id="1" name="1"></a>
<h5>CONSTRUIREA PREZENTRII</h5>
2
0
0
4
/
2
0
0
5
-
M
i
h
a
e
l
a

B
r
u
t
[
7
]

HTML
Text preformatat:
<pre>
<style>
input {width: 100px;}
</style>
</pre>
Evideniere prin asocierea de proprieti de stil:
pre{ border-bottom: solid thin navy 1px;
border-top: solid thin navy 1px;
width: 100%;
font-family: "Courier New", monospace;
font-size: 10pt;
}
2
0
0
4
/
2
0
0
5
-
M
i
h
a
e
l
a

B
r
u
t
[
8
]

HTML
Asocierea de text imaginilor:
<p><img src= "compkey.jpg"
align="right
align="right"> Imagine afiat la
dreapta textului.</p>
<p><img src="comp-mse.gif"
align="left"
align="left"> Imagine afiat
<br clear="all">
în interiorul
textului.</p>
2
0
0
4
/
2
0
0
5
-
M
i
h
a
e
l
a

B
r
u
t
[
9
]

HTML | hri senzitive
Punctul de reper: colul stnga sus
Se pot defini zone de 3 forme:
rect: left-x, top-y, right-x, bottom-y
circle: center-x, center-y, radius
poly: x1,y1, ... xn,yn
Atributul nohref:
permite suprapuneri
de zone senzitive
2
0
0
4
/
2
0
0
5
-
M
i
h
a
e
l
a

B
r
u
t
[
1
0
]

HTML | hri senzitive
<p align="center">
<img src="pages.gif" width="384" height="245"
alt="site map" usemap="#sitemap" border="0">
<map name="sitemap">
<area shape="circle" coords="186,44,45"
href="Overview.html" alt="Start">
href="Style.html" alt="Style">
alt="Web Page Design">
href="Advanced.html" alt="Advanced">
</map>
</p>
2
0
0
4
/
2
0
0
5
-
M
i
h
a
e
l
a

B
r
u
t
[
1
1
]

Formulare
Un formular Web permite interaciunea
cu utilizatorii
Exemple de utlizare:
Chestionare on-line
Formulare pentru trimitere e-mail
Guest Books
2
0
0
4
/
2
0
0
5
-
M
i
h
a
e
l
a

B
r
u
t
[
1
2
]

Formulare
Metode de transmitere a datelor spre
server:
GET datele din formular sunt incluse in URL-
ul de destinatie ca sir de introgare
POST URL-ul destinaie arat obinuit, fr
elemente suplimentare adaugate la sfirsitul
adresei Web
2
0
0
4
/
2
0
0
5
-
M
i
h
a
e
l
a

B
r
u
t
[
1
3
]

Formulare
form: method, action
input: type, name, value, checked,
disabled, size, maxlength, readonly
type: text, password, hidden, checkbox,
radio, button, submit, image, reset, file
option
select
textarea
2
0
0
4
/
2
0
0
5
-
M
i
h
a
e
l
a

B
r
u
t
[
1
4
]

Atributul type
text
<form method="..." action="...">
<input type="text" size="30" value="Text initial" name="subiect">
</form>
password
<input type="password" size="20" name="parola" maxlength="25">
</form>
hidden:
<input type=hidden name=adresa value=web@infoiasi.ro >
2
0
0
4
/
2
0
0
5
-
M
i
h
a
e
l
a

B
r
u
t
[
1
5
]

Atributul type
Checkbox
<h5 align="center">Ma abonez la stiri: <input type="checkbox"
name="parola" checked>
Mesajele vor fi filtrate: <input type="checkbox" name="parola" ></h5>
</form>
Radio
Button
Alege-ti :</br>
<input type="radio" name="domeniu" value="auto" checked=checked>
SOAP si .Net </br>
<input type="radio" name="domeniu" value="manual">
SOAP si Perl</br></br>
<input type="button" name="buton" value="Continua" >
</form>
2
0
0
4
/
2
0
0
5
-
M
i
h
a
e
l
a

B
r
u
t
[
1
6
]

Atributul type
submit
image: <input type=image src=cauta.gif alt=Cauta>
reset
<form method="GET" action="http://www.infoiasi.ro/.../search.cgi">
<p> Cauta în cadrul paginilor <b>Facultatii de
Informatica:</b></p>
<input name="termeni" size="35"
maxlength="50" value=""></br>
<input type="submit" value="Cauta" >
<input type="reset" value="Sterge">
</form>
2
0
0
4
/
2
0
0
5
-
M
i
h
a
e
l
a

B
r
u
t
[
1
7
]

Atributul type
File
<p> Dati un nume de fisier sau alegeti unul:</p>
<form action="..." method="...">
<input type="file" name="fisier" size="30">
</form>
2
0
0
4
/
2
0
0
5
-
M
i
h
a
e
l
a

B
r
u
t
[
1
8
]

Select
<form name="formular">
<p>Protocoale:
<select name="protocoale" size="1">
<option value="" selected>-- nimic? --</option>
<option value="" >HTTP</option>
<option value="" >SMTP</option>
<option value="" >FTP</option>
</select>
</form>
2
0
0
4
/
2
0
0
5
-
M
i
h
a
e
l
a

B
r
u
t
[
1
9
]

TextArea
<form name="impresii">
<p>Trimiteti-ne parerile dumneavoastra:</p>
<textarea name="scrisoare" rows="3"
cols="25">...
</textarea>
</form>
2
0
0
4
/
2
0
0
5
-
M
i
h
a
e
l
a

B
r
u
t
[
2
0
]

ntrebri?

HTML

Diunggah oleh

Informasi Dokumen

Hak Cipta

Format Tersedia

Bagikan dokumen Ini

Bagikan atau Tanam Dokumen

Opsi Berbagi

Apakah menurut Anda dokumen ini bermanfaat?

Apakah konten ini tidak pantas?

Hak Cipta:

Format Tersedia

HTML

Diunggah oleh

Hak Cipta:

Format Tersedia

2

Anda mungkin juga menyukai