Sunteți pe pagina 1din 3

Crearea paginilor web

Pentru a crea pagini web putem proceda n principal n urmtoarele dou


moduri:

1) folosim un soft specializat pentru crearea automat a paginii web


2) prin scrierea pur i simplu a codului paginii

n continuare vom crea pagini web prin scrierea de cod. Codul pe care l scriem
folosete

1. Limbajul HTML
2. Foi de stil n cascad (CSS)

Limbajul HTML este un limbaj de marcare adic instruciunile sale i voi spune
browser-ului ce s afieze n cadrul paginii web i cum s afieze.

Codul paginii web pe care l scriem folosind limbajul HTML poate fi scris fie ntr-
un editor de text, fie n editoare de text specializate numite editoare HTML, cum ar fi
Notepad++, HTMLkit etc.

Presupunem n continuare c folosim aplicaia Notepad din Windows pt. crearea


unei prime pagini web simple.

Presupunem c pagina noastr vorbete despre mncruri tradiionale


romneti i se va numi pur si simplu Mncare.

Pt. ca pagina web creat s funcioneze (s fie corect interpretat i afiat de


browser) trebuie s salvm fiierul surs al paginii cu extensia .html. Presupunem deci
c fiierul nostru dup ce l-am creat l vom salva cu numele mancare.html

Instruciunile n limbajul HTML se numesc etichete i forma general a unei


etichete este

<nume etichet>

Exist dou tipuri de etichete HTML i anume:

1) etichete pereche
2) etichete nepereche

Etichetele pereche se numesc aa deoarece dup ce introducem eticheta de


deschidere putem un anumit coninut n pagin i o etichet de nchidere care
are n plus semnul /

Etichetele nepereche folosesc doar o singur scriere, adic eticheta este


simultan deschis i apoi nchis, punnd la sfrit semnul backslash. <nume
eticheta\>

Codul paginii web trebuie s nceap <html> i s se termine cu </html>

ntre aceste etichete trebuie s introducem cod pt. dou zone: zona de antet a
paginii web i zona cu coninutul propriu-zis.

Zona de antet este introdus cu ajutorul etichetei <head> .

Zona cu coninutul propriu zis al paginii se afl n cadrul etichetei <body>.


n zona de antet ca i coninut obinuim s punem numele fiierului ce conine
codul surs al paginii i pentru aceasta trebuie s folosim eticheta <title>.

Numele fiierului introdus n seciunea <title> apare atunci cnd afiam pagina
web n browser n bara de titlu a browserului.

Toate celelalte etichete pt. coninutul propriu-zis le introducem ntre <body>


</body> pentru coninut propriu-zis.

Pentru introducerea unui titlu n cadrul paginii folosim una din etichetele <h1> -
titlu de mrimea ce mai mare, <h2> , <h6> - titlul de mrime cel mai mic;

Majoritatea etichetelor din HTML pe langa numele din interiorul celor doua tag-
uri suporta si nite attribute, de exemplu pt. a pune o culoare pt. fundalul paginii
folosim la eticheta <body> atributul bgcolor, iar pentru a pune titlul pe centru
folosim la eticheta <h1> atributul align.

Formatri pentru text n HTML

Pentru a introduce culoarea i mrimea unui text folosim <font> cu atributele size i
color. Ex: <font size=4 color=red> text </font>.

Valorile pentru size sunt numere naturale ntre 1 i 7, 7 fiind mrimea ce mai mare.
Pentru a introduce un text ngroat sau italic sau subliniat folosim: <b> text</b>
<i>text</i> <u>text</u>

Pentru a introduce un text taiat cu o linie folosim eticheta <strike>>text</strike>

Asemntor cu <b> pentru a evidenia un text folosim eticheta <strong>text</strong>

Pentru a introduce un text doar puin mai mare sau puin mai mic dect textul imediat
anterior putem folosi etichetele: <big>text</big> <small>text</small>.

Pentru a introduce un text ca exponent sau ca indice folosim etichetele <sub> i


respectiv </sub>.

Browserele nu recunosc decat un spatiu intre cuvinte si nu fac trecerea automata la


rand nou. Pentru a introduce o trecere la rnd nou folosim eticheta nepereche <br \>. Pentru
a introduce mai multe spatii intre cuvinte pentru fiecare spaiu suplimentar trebuie s
introducem un cod &nbsp;

Pentru a introduce un paragraf de text folosim urmtoarea etichet <p>text</p> .


Pentru a introduce n pagin o linie orizontal care s separe de exemplu paragrafele folosim
eticheta nepereche <hr \>.

Pentru a centra un text pe orizontala paginii folosim eticheta <center>text</center>

Pentru a introduce un text care deflizeaz pe ecran pe orizontal folosim eticheta


<marquee>text</marquee>.

Pentru a introduce un citat <blockquote>text</blockquote>, iar pentru a introduce un


text care s reprezinte o adres folosim eticheta <address>text</address>.

Pentru a mpri pagina n blocuri avem la dspoziie etichetele <span> . </span> i


<div> </div>.
Pentru a introduce n pagin un text care s fie link ctre alt pagin folosim eticheta
<a href="pagina.html">text</a>.

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