Curs Html

<html> - marcajul HTML de deschidere - indica faptul ca informatia care urmeaza este scrisa in limbajul HTML
<head> -marcajul HEAD de deschidere - de aici incepe antetul paginii
<title>Titlul paginii</title> - marcajele TITLE - aici se scriu cateva cuvinte despre continutul paginii - aceste cuvinte vor apare pe bara de titlu a browserului; daca pagina este adaugata intr-o lista favorita, ele apar ca nume al paginii.
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name = "description"
content ="... o fraza sugestiva ...">
... alte instructiuni: cod JavaScript,
cod CSS, etc. ...
- metatag-uri, ajuta motoarele de cautare la indexarea paginii si stabilirea redarii continutului.
- "viewport" e pentru ajustarea designului pt. dispozitive mobile
- "description" - o descriere a paginii in maxim 160 caractere.
</head> - marcajul HEAD de inchidere - aici se termina antetul paginii; cea ce este in antet nu apare in fereastra browserului
<body> - marcajul BODY de deschidere - incepe corpul documentului, de aici este adaugat continutul care va apare in pagina web
... Continut, etichete HTML ... - tot ceea ce apare aici va fi afisat in fereastra browserului
</body> - marcajul BODY de inchidere - indica sfarsitul corpului documentului
</html> - marcajul HTML de inchidere
 

Instructiunile HTML (numite si controale, marcaje sau tag-uri) incep cu o paranteza unghiulara deschisa < urmata imediat de numele instructiunii, unul sau mai multe atribute ale instructiunii (optional), apoi de o paranteza unghiulara inchisa >.
Majoritatea instructiunilor sunt perechi; cea de inceput se numeste marcaj de deschidere si este de forma:

<nume_instructiune atribut="valoare_atribut">
iar cea de sfarsit marcaj de inchidere si nu contine atribute sau spatii; este de forma:
</nume_instructiune>
NU sunt permise spatii decat intre nume de instructiune si atribute. Tot ce se gaseste intre marcajul de deschidere si cel de inchidere va avea caracteristicile elementului respectiv.
Browserul ignora elementele pe care nu le intelege si pe cele scrise gresit.
Exemplu (daca simbolizam spatiul prin _ atunci):
Gresit Rezultat Bine Rezultat
<_h2>text</h2> < h2>text <h2> text </h2>

text

<_h4 _ style=color:red> text </_h4_> < h4 style=color:red> text </ h4 > <h4 style="color:red"> text </h4>

text

Un Test simplu in fiecare zi

HTML
CSS
JavaScript
PHP-MySQL
Engleza
Spaniola
Care tag defineste zona de click intr-o harta creata dintr-o imagine?
<map> <img> <area>
<img src="image.jpg" usemap="#map1">
<map name="map1">
  <area shape="rect" coords="9, 120, 56, 149" href="#">
  <area shape="rect" coords="100, 200, 156, 249" href="#">
</map>
Ce proprietate CSS indica ce sa se intample cand continutul unui element depaseste dimensiunile lui?
display overflow position
#id {
  overflow: auto;
}
Clic pe evenimentul care este declansat cand mouse-ul e deasupra unui obiect.
onclick onmouseover onmouseout
document.getElementById("id").onmouseover = function(){
  document.write("Sa ai Viata Buna");
}
Indicati variabila PHP ce contine datele adaugate in adresa URL, dupa caracterul "?".
$_SESSION $_GET $_POST
if(isset($_GET["id"])) {
  echo $_GET["id"];
}
Clic pe pronumele reflexiv care e potrivit in propozitia: "Marc is the boy ... won the prize".
who which whoever
Marc is the boy who won the prize.
- Marc e baiatul care a castigat premiul.
Clic pe pronumele reflexiv care e potrivit in propozitia: "Voy a ver al pintor de ... les hablé ayer".
que quien cuyo
Voy a ver al pintor de quien les hablé ayer.
- Ma duc sa vad pictorul despre care ti-am vorbit ieri.
Forma generala a unei pagini Web

Last accessed pages

  1. Forma verbului Hay (6301)
  2. PHP OOP - Clase, Obiecte, constructor (5215)
  3. Variabile si referinte in functii (1805)
  4. Numeralul - Exercitii incepatori (8184)
  5. Expresii uzuale din Limba Spaniola (O-Y) (2704)

Popular pages this month

  1. Cursuri si Tutoriale: Engleza, Spaniola, HTML, CSS, Php-Mysql, JavaScript, Ajax (372)
  2. Gramatica limbii engleze - Prezentare Generala (212)
  3. Gramatica limbii spaniole. Indrumator si prezentare generala (165)
  4. Coduri pt culori (157)
  5. Cursuri limba engleza gratuite si lectii online (139)
Chat
Discuta sau lasa un mesaj pt. ceilalti utilizatori
Full screenInchide