Vaja 3V tretji vaji se boš naučil spremenit besede/slike v linke in vstaviti sliko. Odpri mapo v kateri imaš vaje naredi novo mapo in jo poimenuj vaja3 v njo prilepi kodo iz vaje2 in nadaljuj programirat. Za začetek spremeni besedo "deževalo" spremeni v link ki te pelje na (https://www.vreme.si) potem boš dodal sliko in jo spremenil v link (https://google.si) sliko si naloži tako da klikneš TUKAJ ko ti odpre pa si jo shraniš v enako mapo kjer mas vaja3.html na koncu dodaj črto črne barve Navodila:
Pomoč:
Linki so zelo uporabna stvar v html-ju uporabimo pa jih tako da dodamo značko
<a>
v tem a-ju dodaš
<a href="">,
kar pomeni da boš nekaj iskal. V dvojne narekovaje pa daš link katerega želiš iskati npr;
<a href="https://google.si">
ko končaš z začetkom a značke moraš vpisati besedilo,sliko,gumb... na katerega boš kliknil in bo odprlo ta link, če hočeš da ti link odpre v novem oknu mu moraš dodati artributo
target="_blank"
.
Kadar hočeš dodat sliko začneš z značko:
<img>
ampak pri slikah ko iščeš ne dodaš href ampak src="" v narekovaje prilepiš/napišeš od kje ti slika slika se mora obvezno končati z ".jpg, .jpeg, png..." če nenajdeš url-ja od slike
priporočam da si jo naložiš daš v enako mapo kot imaš html datoteko in samo napišeš ime v src. alt atributa opiše sliko in res ni obvezna ampak priporočam jo pisat. Primer cele kode za sliko:
<img src="https://google.si" alt="slika google logota">
če ti recimo želiš imeti sliko in ko jo klikneš jo odpre:
|
