Curs Html

HTML contine si elemente pentru adaugarea de imagini in pagina web.


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


Adaugarea unei imagini intr-o pagina web

Pentru a introduce o imagine intr-un format HTML se foloseşte elementul <img> impreuna cu urmatoarele atribute:

In exemplu de mai jos puteti vedea modul de introducere a unei imagini pe o pagina web si cum pot fi folosite atributele:
<h4>Exemplu adaugare imagine</h4>

<img src='../imgs/smile_gift.png' alt='Zambeste' width='150' height='132'/>
- In tagul <img> se poate adauga atributul style cu proprietati CSS pentru setare pozitiei imaginii, bordura, margine exterioara.
Exemplu:
<h4>Exemplu magine cu style</h4>

<img src='../imgs/smile_gift.png' alt='Zambeste' width='150' height='132' style='border:2px solid #0000ee; margin:5px 25px;'/>

Un Test simplu in fiecare zi

HTML
CSS
JavaScript
PHP-MySQL
Engleza
Spaniola
Care tag afiseaza textul oblic?
<strong> <pre> <em>
<p>Cursuri, Jocuri, Anime: <em>www.MarPlo.net</em></p>
Care proprietate CSS defineste spatiul dintre continutul elementului si bordura lui?
margin padding position
h3 {
  padding: 2px 0.2em;
}
Clic pe metoda ce returneaza primul element indicat de selectorii specificati.
getElementsByName() querySelector() querySelectorAll()
// preia primul Div cu class="cls", si afiseaza continutul
var elm = document.querySelector("div.cls");
alert(elm.innerHTML);
Indicati variabila PHP ce contine datele din formular trimise cu method="post".
$_SESSION $_GET $_POST
if(isset($_POST["field"])) {
  echo $_POST["field"];
}
Indicati pronumele corespunzator celui din paranteza in propozitia: "(Noi) speak english".
I They We
We speak english.
- Noi vorbim engleza.
Indicati pronumele corespunzator celui din paranteza in propozitia: "(Noi) hablamos español".
Ellos Vosotros Nosotros
Nosotros hablamos español.
- Noi vorbim spaniola.
Adaugare imagini in pagina

Last accessed pages

  1. Espanol Chistes - Glume, Bancuri (2095)
  2. Prezentul simplu si continuu - Present Tense Simple and Continuous (74332)
  3. Curs si Tutoriale JavaScript (54132)
  4. Numere cardinale 1-10 (3008)
  5. Adjective - Exercitii si teste engleza incepatori (7887)

Popular pages this month

  1. Cursuri si Tutoriale: Engleza, Spaniola, HTML, CSS, Php-Mysql, JavaScript, Ajax (2758)
  2. Curs HTML gratuit Tutoriale HTML5 (1867)
  3. Curs si Tutoriale JavaScript (1761)
  4. Curs PHP MySQL, Tutoriale si Scripturi PHP (1708)
  5. Curs CSS Online Tutoriale CSS3 (1595)