1.
<p> Firma Komputerowa</p>
<input type="button" onClick="history.back()" value="wstecz">
<input type="button"onClick="history.forward()" value="dalej">
2.
Dla dokumentu HTML utwórz skrypt dzięki któremu po kliknięciu przycisku data modyfikacji będzie możliwe wyświetlanie daty modyfikacji bieżącej strony internetowej. <-- string
3.
Napisz skrypt wyświetlający całą aktualną datę w formie 16 luty 2015.
<script type="text/javascript">
data=new Date();
document.write("Dzien miesiaca:"+data.getDate()+"<br>");
document.write("Miesiac:"+data.getMonth()+"<br>")
document.write("Rok:"+data.getYear()+"<br>");
</script>
4.
Przygotuj prosta wizytówkę Jan Kowalski, Ul.Słoneczna 20A
34-300 Żywiec
tel:000000000
użyć obiektu string
5.
<script language ="JavaScript">
function przetwarzaj_dane (formularz){
if(formularz.imie.value =="")
alert("A może jednak podałbyś swoje imie?");
else
alert("Cześć" +formularz.imie.value+ "! Miło Cię poznać");
}
</script>
</head>
<body>
<h2>
<form name="formularz1">
Podaj nam swoje imię:
<br>
<input type="text"NAME="imie">
<br><br>
<input type="button" Value="Kliknij tutaj" onClick ="przetwarzaj_dane(this.form)">
</h2>
<!-- tutaj wstaw tresc strony -->
</body>
</html>
6.
<script language ="JavaScript">
function logowanie(formularz){
if(formularz.login.value=="kuba"&formularz.pass.value=="123"){
window.location.replace("strona.html")
}
else
{
window.location.replace("");
}
}
</script>
<form name="formularz1">
Podaj nam swoje imię:
<br>
Login:<input type="text"NAME="imie">
<br><br>
Haslo:<input type="password"NAME="pass"> <br>
<input type="button" value="logowanie" onClick="logowanie(this.form)">
</form>
7.
<link rel="stylesheet" href=" style.css " type="text/css">
</head>
<body>
<div id="pudlo">
<div id="logo">Logo</div>
<div id="menu">
<a href="">link</a>
<a href="">link</a>
<a href="">link</a>
<a href="">link</a>
<a href="">link</a>
</div>
<div id="tresc">
tresc strony
</div>
<div id="stopka"><div>
</div>
</body>
</html>
STYLE V
body{
margin:0;
padding:0;
text-align:center;
}
#pudlo{
margin:auto;
width:800px;
}
#logo{
height:100px;
background-color:gray;
}
#menu{
background-color:orange0;
}
#tresc{
background-color:#789ad8;
height:400px;
}
#stopka{
background-color:#a8a8a8;
height:200px;
}
8.
Brak komentarzy:
Prześlij komentarz