luni, 13 iulie 2015

Notiuni elementare HTML

Dupa cum bine stiti, site-urile au ajuns sa aiba un mare succes in 2015. Telefonul? Numai exista, acum este Smartphone sa poti naviga linistit pe internet. Au ajuns telefoanele la un nivel ridicat incat, Google a impus in noile cerinte SEO ca, toate site-urile sa fie facute si pentru mobil, altfel site-ul risca o scadere drastica in cautarile mobile.

Pentru a putea face site-ul sa fie responsive poti folosi tehnologia Bootstrap. Codurile sursa le poti descarca de pe site-ul lor in format .css si .js apoi va trebui doar sa le adaugati in codul sursa al paginei tale si sa modifici putin css-ul deja existent.

Cod necesar pentru crearea unei simple pagine web. Index.html trebuie sa contina:

<html>
<head>
</head>
<body>
</body>
</html>

In <head> </head> vei pune titlul, meta descrierea, si linkurile catre css sub forma <link href="style.css" type="text/css" rel="stylesheet" media="screen" />

In <body> </body> trebuie sa ai structura site-ului si continutul. Culoarea si forma o vei face din CSS.

Cod link:
<a href="domeniulmeu.ro" title="Domeniul Meu">Domeniul Meu</a>
Cod imagine:
<img src="htt://domeniulmeu.ro/images/poza.jpg" title="Poza" alt="Poza" />
(ALT = este numele prin care Google, Yahoo, Bing si alte motoare de cautare iti indexeaza imaginea dupa numele dat)

<b>bold</ b> sau <strong>strong</strong> = vei scrie ingrosat
<i>italic</i> = vei scrie inclinat
<u>underline</u> = vei sublinia cuvantul