abc HTML5 i CSS TUTORIAL

Zabilješke sa predavanja

Lekcija 1.

ss

 

   
<html>
<head>
<title>
Vjezba
</title>
</head>

 

<body>

<article>

izmijeni me

</article>

<!--

<article style="background-color:lightblue;">

<h1 style = "background-color:red;">

 

<span style="color : white;" >VJEZBA </span>

<h1/>

<img src="http://www.hortongroup.com/sites/default/files/410x420xtech-icons-css-html.jpg.pagespeed.ic.iR8bwCuvL9.jpg"/>

<br/>

Jedina uloga ovog teksta jeste da zauzima prostor, mada ni to ne radi kako treba.
Tekst nije narocito komplikovan. Ima jednu boldiranu crvenu rijec,

<span style ="color:red;font-weight:bold;text-transform:uppercase;"> crvena </span>

, jedan precrtan link na google.com, koji se otvara u novom tab-u, nesto

<a href="http://google.com"
target="_blank"
>

<span style = "color:purple;text-decoration:line-through;" > ovako </span>

</a>

i to je to.

</article>

<article >

 

<h1>

VJEZBA

<h1/>

<img src="http://www.hortongroup.com/sites/default/files/410x420xtech-icons-css-html.jpg.pagespeed.ic.iR8bwCuvL9.jpg"/>

<br/>

Jedina uloga ovog teksta jeste da zauzima prostor, mada ni to ne radi kako treba.
Tekst nije narocito komplikovan. Ima jednu boldiranu crvenu rijec,

<span style ="color:red;font-weight:bold;text-transform:uppercase;"> crvena </span>

, jedan precrtan link na google.com, koji se otvara u novom tab-u, nesto

<a href="http://google.com"
target="_blank"
>

<span style = "color:purple;text-decoration:line-through;" > ovako </span>

</a>

i to je to.

</article>

-->

<body/>

<html/>

  
   

<html>
<head>
<title>
Vjezba
</title>
</head>

 

<body>
<article>
izmijeni me
</article>

   
<html>
  <head>
		  <title>
		  Vjezba
		  </title>
  </head>
   
<body>
  <article>
	    izmijeni me
  </article>
  
<!--

Komentar

<article style="background-color:lightblue;">
<h1 style = "background-color:red;">
<span style="color : white;"        >VJEZBA  </span>
<h1/>

  

Prozor na dnu stranice je namjenje za provjeru koda:
- kopirajte kod (edit, copy, paste ili CTRL+C, CTRL+V ili DRAG&DROP metodom), editovanje je moguće u prozoru

Index