Wprowadzenie do HTML

Szkielet strony html


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<HTML>

<HEAD>

<meta http-equiv="Content-Type" content="text/html; charset=UTF8">



<TITLE></TITLE>

</HEAD>

<BODY>


  tutaj należy umieścić treść strony


</BODY>

</HTML>

Szkielet strony z wykorzystaniem znacznika div i mechanizmu arkusza styli css


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<HTML>

<HEAD>

<meta http-equiv="Content-Type" content="text/html; charset=utf8">

<TITLE></TITLE>

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

</HEAD>

<BODY>

<div>

<div class="top">

</div>

<div class="side">

</div>

<div class="middle">

</div>

</div>

<div class="stopka">

</div>

</BODY>

</HTML>

plik arkusza styli style.css


.top{

  	position: absolute;

  	top: 2%;

  	height: 8%;

  	margin-left: 10%;
	
}


.side {

  	width: 15%;

  	position: absolute;

  	top: 12%;

  	left: 2%;

  	margin-right: 2%;

  	vertical-align: middle;

}


.middle {

  	position: absolute;

  	top: 12%;

  	left: 17%;

  	width: 79%;

  	margin-left: 2%;

  	margin-right: 5%;

  	vertical-align: middle;

  	text-align: justify;
	
}

CODE {

	  color: Red;

}

body {

	background-color: rgb(0,220,250);

}

Formy


   <form action="akcja.php" method="get">

    Imię: <input type="text" name="imie"><br>

    Nazwisko: <input type="text" name="nazwisko"><br>

    <button type="reset" name="reset">skasuj dane</button>

    <input type="submit" value=" wyślij dane ">

  </form>

Plik akcja.php


   <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

   <HTML>

   <HEAD>

   <meta http-equiv="Content-Type" content="text/html; charset=utf8">

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

   </HEAD>

   <BODY>

   <div>

   <div class="top">

   </div>

   <div class="side">

   </div>

   <div class="middle">

        <?php

         $imie=$_GET["imie"];

         $nazwisko=$_GET["nazwisko"];

         print("$imie $nazwisko");

        ?>

   </div>

   </div>

   <div class="stopka">

   </div>

   </BODY>

   </HTML>

Znaki specjalne

Strona z wypisanymi kodami znaków specjalnych znajduje się pod tym linkiem:
Kurs HTML 4.01, XHTML 1.0 i CSS 2 z przykładami, Dariusz Majgier

Znaki takie można otrzymać wpisując &#liczbaDziesiętna;
Poniżej przedstawiony jest kod skryptu jawy wypisujący znaki w systemie UTF8


    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

    <HTML>

    <HEAD>

    <meta http-equiv="Content-Type" content="text/html; charset=UTF8">



   <TITLE></TITLE>

   </HEAD>

   <BODY>



     <script type="text/javascript">



      var i=0

      for(i=1;i<6000;i++)

         {document.write(" &#"+i+"; ")

         if(((i+1) % 10)==0) document.write("<br>"+(i+1)+"  ");

         }

     </script>


   </BODY>

   </HTML>

Literatura

W3Schools
Kurs HTML 4.01, XHTML 1.0 i CSS 2 z przykładami, Dariusz Majgier
UTF8
Tablice znaków w UTF8

Waldemar Tokarz; ostatnia modyfikacja 14.02.2007