HTML: dołączanie CSS, JS i PHP.

article-thumbnail

Dołączanie CSS, JS i PHP

Do dokumentu HTML5 możemy dołączyć odniesienia do innych formatów i języków programowania. Przy użyciu znacznika <link> dołącza się plik CSS do strony internetowej. Istnieje także możliwość umieszczenia kodu CSS wewnątrz dokumentu, w znaczniku <style>.

Umieszczanie kodu CSS na stronie internetowej:

(...)<style media="screen">
  	.klasa{background-color: red;}
</style>
<link rel="stylesheet" href="styl.css">
</head>(...)


Za pomocą znacznika <script> możemy dołączyć skrypt wykonywany po stronie klienta, zwykle jest to skrypt napisany w języku JavaScript bądź w całości umieścić go już na stronie. Błędy i zawartość skryptu są pokazywane w konsoli narzędzi deweloperskich.

Umieszczanie kodu JS na stronie internetowej:

(...)
<script type="text/javascript">
  	document.write("<p>jestem z środka pliku html</p>");
</script>
<script type="text/javascript" src="skrypt.js"></script>
</body>


Za pomocą znaczników <?php … ?> dołączamy skrypt wykonywany po stronie serwera, napisany w języku php. W tym wypadku rozszerzeniem witryny musi być .php, a sam plik przejdzie przez parser języka po stronie serwera. Błędy są wyświetlane na stronie.

Umieszczanie kodu PHP na stronie internetowej:

(...)
<body>
<?php	
	echo "Hello World!"
?>
</body>


Umieszczanie błędnego kodu PHP na stronie internetowej:

(...)
<body>
<?php
	//brakuje cudzysłowu	
	echo "Hello World! 
?>
</body>


Autor tekstu: Jacek Woźniak