Html kodo struktūra, css bei javascript failo iterpimas

Html  kodo rašymas nėra laikomas programavimu. Tai yra bet kokio tinklapio pagrindas taip vadinamas skeletas. Jo pagalba yra iterpiami elementai į tinklapį, taip pat dizaino karpymas bei visi front-end darbai. Css tai pat nėra laikoma kaip programavimo kalba, čia tiesiog yra stiliai, taip sakoma priduoti tinklapiui spalvų.

Html kodo rašyme naudojami parindiniai tagai:

<HTML>
<HEAD>                                                                            <?–Tai vadinamoji HTML „antraštė“. Įterpiami yra čia stiliu failai bei stiliai, informacija apie autoriu–>
<TITLE>Mano pirmasis puslapis</TITLE>             <?– Čia yra tinklapio pavadinimas–>
</HEAD>
<BODY>                                                                             <?– Čia yra pagrindinė dalys kurioje rašomas visas kitas kodas bei tekstas kuris bus atvaizduojamas naršyklėje–>
Hello World !                                                                    <?– Čia yra tekstas kuris bus atvaizduotas naršyklėje–>
</BODY>
</HTML>

Kodas yra rašomas  notpade, htmlkit editor, bei su kokiu nors kitu teksto redaktoriumi, kuris yra skirtas kurti web puslapius.

 

Css failo įterpimas html kode:

<HTML>
<HEAD>    

<link rel=“stylesheet“ type=“text/css“ href=“style.css“ />   


<TITLE>Mano pirmasis puslapis</TITLE>
</HEAD>
<BODY>
Hello World !
</BODY>
</HTML>

Css stiliu rašymas html kode be įterpimo iš failo:

<HTML>
<HEAD>    

<style type=“text/css“>
body {
 font-size:15px;
}
</style>  

           
<TITLE>Mano pirmasis puslapis</TITLE>
</HEAD>
<BODY>
Hello World !
</BODY>
</HTML>

Javascript failo įterpimas:

<script src=“myscripts.js“></script>

<HTML>
<HEAD>  

<script src=“myscripts.js“></script>

            
<TITLE>Mano pirmasis puslapis</TITLE>
</HEAD>
<BODY>
Hello World !
</BODY>
</HTML>

 

Javascript kodo įterpimas į html:

<HTML>
<HEAD>    

 <script type="text/javascript">
 
    alert("Pirmasis JavaScript testas");
 
  </script>
                                                          
<TITLE>Mano pirmasis puslapis</TITLE>            
</HEAD>
<BODY>                                                                             
Hello World !                                                                             
</BODY>
</HTML>

Palikite komentarą