Adaugare skype link HTML

Doua modalitati rapide de a adauga ID-ul sau numarul de telefon skype ca link intr-o pagina web.

<a href=”skype:username?call”>Call me on Skype!</a>

<a href=”callto:+441159881995“>Call me on my number via Skype!</a>

Cum trasezi simplu o linie verticala folosind HTML

Cum trasezi simplu o linie verticala folosind HTML

1. 

<HR width=1, size=500>

2. Folosind CSS

<div class="verticalLine">


some other content
</div>

CSS

.verticalLine {

    border-left:thick solid #ff0000;
}

Enjoy !

Script de extragere a numerelor de telefon

Iata un script simplu care extrage numere de telefon de forma 0222112233 dintr-un text:

<?php
function extract_tel_from($string){
preg_match_all("#(\d{10})#", $string, $matches);
return $matches[0];
}

if(isset($_POST['telefoane'])) {
    $tel = extract_tel_from($_POST['telefoane']);
    echo "<b>Telefoane</b></br> ";
    print(implode("<br/>", $tel));
}

?>
</b>
 <b>Telefoane</b>
<form method="post">
<textarea name="telefoane"></textarea>
<input type="submit" />
</form>

Script de extragere al e-mail

Iata un script simplu de extragere a e-mail-urilor dintr-un  text:

<?php

function extract_emails_from($string){
  preg_match_all("/[\._a-zA-Z0-9-]+@[\._a-zA-Z0-9-]+/i", $string, $matches);
  return $matches[0];
}

if(isset($_POST['emails'])) {
    $emails = extract_emails_from($_POST['emails']);
    echo "<b>E-mailuri gasite:</b></br> ";
    print(implode("<br/>", $emails));
}

?>

 </br>
 <b>E-mail</b>
<form method="post">
<textarea name="emails"></textarea>
<input type="submit" />
</form>

Butoane HTML/CSS

O metoda simpla pentru a realiza un meniu cu butoane care se pot schimba complet la trecerea mouseului este utilizand imagini .

Se adauga codul pentru buton in CSS:
.but a {
display: block;
background: url(imagine_normala.jpg) no-repeat;
}
.but a:hover {
background: url(imagine_atentionare.jpg) no-repeat; ;
} 

 Apoi in cadrul paginii se apeleaza clasa pentru a afisa butonul.
<div class="but">
<a href="#">link</a>
</div>

Fonturi HTML Generice

Fonturi HTML Generice

FONT
Antiqua	The quick brown fox jumps over the lazy dog. 0123456789
Arial	The quick brown fox jumps over the lazy dog. 0123456789
Avqest	The quick brown fox jumps over the lazy dog. 0123456789
Blackletter	The quick brown fox jumps over the lazy dog. 0123456789
Calibri	The quick brown fox jumps over the lazy dog. 0123456789
Comic Sans	The quick brown fox jumps over the lazy dog. 0123456789
Courier	The quick brown fox jumps over the lazy dog. 0123456789
Decorative	The quick brown fox jumps over the lazy dog. 0123456789
Fraktur	The quick brown fox jumps over the lazy dog. 0123456789
Frosty	The quick brown fox jumps over the lazy dog. 0123456789
Garamond	The quick brown fox jumps over the lazy dog. 0123456789
Georgia	The quick brown fox jumps over the lazy dog. 0123456789
Helvetica	The quick brown fox jumps over the lazy dog. 0123456789
Impact	The quick brown fox jumps over the lazy dog. 0123456789
Minion	The quick brown fox jumps over the lazy dog. 0123456789
Modern	The quick brown fox jumps over the lazy dog. 0123456789
Monospace	The quick brown fox jumps over the lazy dog. 0123456789
Palatino	The quick brown fox jumps over the lazy dog. 0123456789
Roman	The quick brown fox jumps over the lazy dog. 0123456789
Script	The quick brown fox jumps over the lazy dog. 0123456789
Swiss	The quick brown fox jumps over the lazy dog. 0123456789
Times New Roman	The quick brown fox jumps over the lazy dog. 0123456789
Verdana	The quick brown fox jumps over the lazy dog. 0123456789

HTML vs HTML 5 - JavaScript

 JavaScript
HTML
Nu permite rulearea codului JavaScript in browser. JavaScript ruleaza in acelasi fir de executie ca si interfata browserului.


VS


HTML 5
Permite JavaScript sa ruleze pe fundal. Acest lucru este posibil folosind API-ul JS Web worker.

HTML vs HTML 5 - Web Sockets

Web Sockets

HTML
Nu este disponibil. Mecanismele folosite sunt long polling si streaming.

VS


HTML 5
Canale de comunicatie full dupex pot fi stabilite cu servere folosind Web Sockets.

HTML vs HTML 5 - Cache

Cache

HTML
 Se foloseste cache-ul browserului.

VS

HTML 5
 Application Cache, baza de date Web SQL  sau orice forma de stocare Web sunt disponibile ca si forma de stocare pentru clienti.
Cache-ul este accesibil folosind interfete JavaScript compatibile cu browserele HTML5.

HTML vs HTML 5 - GeoLocation

 GeoLocation
HTML
In HTML e aproape imposibila stabilirea geolocatiei exacte in special daca foloseste un browser mobil.



VS


HTML 5
Folosind API-ul JS GeoLocation se poate stabili cu destul de multa usurinta locatia unui utilizator care navigheaza pe un site.

HTML vs HTML 5 - Grafica vectoriala

Grafica vectoriala

HTML
Poate fi posibila doar folosint tehnologii ca VML, Silverlight sau Flash.

VS


HTML 5
Este parte integranta ex. SVG and canvas.

HTML vs HTML 5 - Audio Video

2.  Audio Video

HTML
Nu exista implementare in HTML

VS

HTML 5
Se folosesc tag-urile
<audio>  si <video>

HTML vs HTML 5 - DOCTYPE

Mini Serie cu diferente intre HTML si HTML 5

1. Doctype
Un DOCTYPE descrie un DTD ( document type definition). Este un document care este citit automat (machine-readable) si care ofera browserului informatia de care are nevoie pentru a afisa pagina corect.
HTML

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">

VS

HTML 5

<!DOCTYPE html> 

Coduri culori HTML

Coduri culori hex HTML