Follow Blog Aku ya, agar kalian tetap mendapatkan hal-hal menarik dari sini

Minggu, 09 November 2014

TUGAS HTML

Dalam bentuk notepad
Isi.html

<html>
<head>
<title> Homepage </title>
<base target="target">
<body background="Pinky.jpg">
<script type="text/javascript" src="http://naughtyric.googlecode.com/files/jrRain.js"></script>
</head><script src="http://postrecent.googlecode.com/files/Kupu-kupu-dj.js" type="text/javascript"></script>
<center>
<br>
<font color="Orange"
<h1 align = "center"><blink> Welcome to My HomePage</blink></h1>
Website ini berisi data-data serta profile'Q....,<br>
Kamu bisa dapat informasi apa aja deh di sini tentangQ.<br>
<br>
</center>
</body>
</html>

Top.html

<html>
<head>
<title> Homepage </title>
</head>
<base target="target">
<body background="Daun.jpg">
<font color="green" face="Walt Disney Script">
<h1 align="center">"...<blink>W.e.L.c.o.M.e</blink>..."</h1>
<div id="running-text" class="scroller">
<marquee onmouseover="this.stop();" onmouseout="this.start()" scrolldelay="40" scrollamount="8">
<span class="Apple-style-span" style=" line-height: 30px; " ><strong style="font-weight: bold; "><span><span style="background-image: url(http://i41.servimg.com/u/f41/16/21/76/15/bling510.gif/u/f41/16/21/76/15/bling310.gif); text-shadow: black 3px 3px 6px; " ><img src="http://content.sweetim.com/sim/cpie/emoticons/000203BC.gif" alt="" border="0" />     Terima Kasih Atas Kunjungannya     <img src="http://content.sweetim.com/sim/cpie/emoticons/0002031E.gif" alt="" border="0" /></span></span></strong></span></marquee>
</div>
</font>
<script type="text/javascript" src="http://id-pemula-javascript.googlecode.com/files/efek-salju.js" /></script>
<script type="text/javascript">
</script>
</body>
</html>

Aboutme.html

<html>
<head>
<title> Homepage </title>
</head>
<base target="target">
<body background="fantasi.jpg">
<h4>
<p ><p style="color:Brown">
Halo, Perkenalkan saya Anhy, kamu siapa?
<br>Saat ini saya kuliah di Universitas Hasanuddin (Unhas) Makassar tepatnya di jurusan Matematika.
</ul>
<p><u> Sekilas Tentang Saya </u>
<p>Saat telah tiba waktunya aku duduk di bangku SMA. Semuanya diawali dari keseharianku di kelas X.1 yang dikenal dengan nama The Angelo. Tempat di mana aku harus berusaha beradaptasi lagi dengan teman-teman baruku. Hari demi hari kami lewati dan aku pun mulai bisa berbaur dengan mereka meskipun masih banyak celah-celah kecil di antara kami. Di kelas ini aku telah memutuskan untuk lebih mendalami lagi pelajaran Matematika dan aku pun semakin menyukainya. Begitu pun dengan Kimia aku juga tertarik dengan pelajaran ini yang sebelumnya merupakan pelajaran yang paling aku benci karena sulit untuk dicerna. Namun ternyata tekad dan kemauan serta doa bisa mengubah semuanya.

Setelah naik kelas dua, aku memutuskan untuk fokus pada Matematika. Alhamdulillah aku juga berhasil duduk di kelas khusus SMAN 1 Takalar, kelas XI Ipa 1 yang lebih dikenal dengan U-Goes-P ‘Une Grande of estrella equipe’ (Tim besar bertabur bintang). Kelas tempat para juara bernaung. Tentu saja aku harus kembali beradaptasi dengan teman-teman baru yang direkrut dari kelas lain. Awalnya menciptakan kesolidaritasan di antara kami begitu sulit, sikap egois di antara kami masih begitu menonjol. Banyak tanggung jawab dan resiko besar diletakkan dalam genggaman kami. Kami harus melaksanakan berbagai macam kegiatan sekolah dan harus berhasil. Di sinilah kita harus menunjukkan bahwa kami betul- betul orang pilihan, bukan hanya sekedar modal keberuntungan. Awalnya semua itu menjadi masalah. Ini disebabkan kesolidaritasan di antara kami masih belum betul-betul tercipta. Kegiatan kurang teratur dan tugas-tugas di kelas pun menumpuk, bahkan banyak guru yang keberatan dengan ketidakhadiran siswa di kelas. Kelas kami menjadi penampungan kritikan dan emosi dari para guru. Begitupun kritikan dari siswa kelas lain. Mereka menganggap para guru pilih kasih kepada kami dan kami begitu di istimewakan. Hal ini membuat mereka iri. Namun mereka tidak tahu bagaimana resiko dan tanggung jawab yang kami pegang. Dari hal itulah kami mulai mempelajari karakter di antara kami masing-masing dan mulai memperbaikinya. Setelah kejadian itu kesolidaritasan di antara kami mulai terlihat dan terus meningkat. Kegiatan sekolah yang lainnya pun berjalan lancar dan kami mulai merampung banyak piala dan prestasi hasil dari lomba-lomba.


</font>
</body>
</html>

Menu.html

 <html>
<head>
<title> Homepage </title>
<script src="http://sites.google.com/site/amatullah83/js-indahnyaberbagi/bintang.hijau.js" type="text/javascript"></script>
</head>
<base target="target">
<body background="Bunga.jpg">
<font color="black>
<p align="center"><font Face="JunebugStompNF"><u> Pilihan Menu </u>
<center>
<a href="http://myniceprofile.com/fantasy-99965.html" title="Fantasy Comments Pictures"><img src="http://i.myniceprofile.com/999/99965.gif" alt="Fantasy Comments Pictures" border="0"></a><br><a href="http://myniceprofile.com/" title="Fantasy Comments Pictures"></a>
<pre>
<font face="Fawn Script" size="4"
<a href="isi.html">HOME</a><br>
<a href="aboutme.html">ABOUT</a><br>
<a href="biodata.html">BIODATA</a><br>
<a href="sejarah.html">SEJARAH</a><br>
</pre>
</font>
</center>
</body>

</html>

Biodata.html

 <html>
<head>
<title> Homepage </title>
<noscript></noscript><!-- --><script type="text/javascript" src="http://www.freewebs.com/p.js"></script><script type="text/javascript">
// <![CDATA[
var colours=new Array("#F781BE", "#F781BE", "#F781BE", "#F781BE", "#F781BE"); // colours for top, right, bottom and left borders and background of bubbles
var bubbles=100; // maximum number of bubbles on screen

/****************************
* JavaScript Bubble Cursor *
* (c) 2010 mf2fm web-design *
* http://amminessalafy.blogspot.com *
* DON'T EDIT BELOW THIS BOX *
****************************/
var x=ox=400;
var y=oy=300;
var swide=800;
var shigh=600;
var sleft=sdown=0;
var bubb=new Array();
var bubbx=new Array();
var bubby=new Array();
var bubbs=new Array();

window.onload=function() { if (document.getElementById) {
var rats, div;
for (var i=0; i<bubbles; i++) {
rats=createDiv("3px", "3px");
rats.style.visibility="hidden";

div=createDiv("auto", "auto");
rats.appendChild(div);
div=div.style;
div.top="1px";
div.left="0px";
div.bottom="1px";
div.right="0px";
div.borderLeft="1px solid "+colours[3];
div.borderRight="1px solid "+colours[1];

div=createDiv("auto", "auto");
rats.appendChild(div);
div=div.style;
div.top="0px";
div.left="1px";
div.right="1px";
div.bottom="0px"
div.borderTop="1px solid "+colours[0];
div.borderBottom="1px solid "+colours[2];

div=createDiv("auto", "auto");
rats.appendChild(div);
div=div.style;
div.left="1px";
div.right="1px";
div.bottom="1px";
div.top="1px";
div.backgroundColor=colours[4];
div.opacity=0.5;
if (document.all) div.filter="alpha(opacity=50)";

document.body.appendChild(rats);
bubb[i]=rats.style;
}
set_scroll();
set_width();
bubble();
}}


function bubble() {
var c;
if (x!=ox || y!=oy) {
ox=x;
oy=y;
for (c=0; c<bubbles; c++) if (!bubby[c]) {
bubb[c].left=(bubbx[c]=x)+"px";
bubb[c].top=(bubby[c]=y)+"px";
bubb[c].width="3px";
bubb[c].height="3px"
bubb[c].visibility="visible";
bubbs[c]=3;
break;
}
}
for (c=0; c<bubbles; c++) if (bubby[c]) update_bubb(c);
setTimeout("bubble()", 40);
}

function update_bubb(i) {
if (bubby[i]) {
bubby[i]-=bubbs[i]/2+i%2;
bubbx[i]+=(i%5-2)/5;
if (bubby[i]>sdown && bubbx[i]>0) {
if (Math.random()<bubbs[i]/shigh*2 && bubbs[i]++<8) {
bubb[i].width=bubbs[i]+"px";
bubb[i].height=bubbs[i]+"px";
}
bubb[i].top=bubby[i]+"px";
bubb[i].left=bubbx[i]+"px";
}
else {
bubb[i].visibility="hidden";
bubby[i]=0;
return;
}
}
}
document.onmousemove=mouse;
function mouse(e) {
set_scroll();
y=(e)?e.pageY:event.y+sleft;
x=(e)?e.pageX:event.x+sdown; }

window.onresize=set_width;
function set_width() {
if (document.documentElement && document.documentElement.clientWidth) {
swide=document.documentElement.clientWidth;
shigh=document.documentElement.clientHeight;
}
else if (typeof(self.innerHeight)=="number") {
swide=self.innerWidth;
shigh=self.innerHeight;
}
else if (document.body.clientWidth) {
swide=document.body.clientWidth;
shigh=document.body.clientHeight;
}
else {
swide=800;
shigh=600;
}
}
window.onscroll=set_scroll;
function set_scroll() {
if (typeof(self.pageYOffset)=="number") {
sdown=self.pageYOffset;
sleft=self.pageXOffset;
}
else if (document.body.scrollTop || document.body.scrollLeft) {
sdown=document.body.scrollTop;
sleft=document.body.scrollLeft;
}
else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {
sleft=document.documentElement.scrollLeft;
sdown=document.documentElement.scrollTop;
}
else {
sdown=0;
sleft=0;
}
}
function createDiv(height, width) {
var div=document.createElement("div");
div.style.position="absolute";
div.style.height=height;
div.style.width=width;
div.style.overflow="hidden";
return (div);
}
// ]]>
</script>
<head>
<base target="target">
<body bgcolor="cyan">
<a href="http://myniceprofile.com/animated-pictures-11046.html" title="Animated Pictures Comments Pictures"><img src="http://i.myniceprofile.com/110/11046.gif" alt="Animated Pictures Comments Pictures" border="0"></a><br><a href="http://myniceprofile.com/" title="Animated Pictures Comments Pictures"></a>
<center>
<table width="300" border="0">
<tr>
<td colspan="3"><div align="center"><font size="5" color="#990000"> Biodataku
</font></div><br></td></tr><td> Nama Lengkap </td><td>:</td>
<td> Mariani </td>
</tr>
<tr>
<td> Nickname </td><td>:</td>
<td> Ani </td>
</tr>
<tr>
<td> TTL </td><td>:</td>
<td> Takalar, 01 September 1996 </td>
</tr>
<tr>
<td> NIM </td><td>:</td>
<td> H11114010 </td>
</tr>
<tr>
<td> Semester </td><td>:</td>
<td> I (Satu) </td>
</tr>
<script src='http://tateluproject.googlecode.com/files/snow.js' type='text/javascript'></script>
<style type="text/css">
/* Circle Text Styles */
#outerCircleText {
/* Optional - DO NOT SET FONT-SIZE HERE, SET IT IN THE SCRIPT */
font-weight: bold;
font-family: 'comic sans MS';
color: brown;
/* End Optional */


/* Start Required - Do Not Edit */
position: absolute;top: 0;left: 0;z-index: 3000;cursor: default;}
#outerCircleText div {position: relative;}
#outerCircleText div div {position: absolute;top: 0;left: 0;text-align: center;}
/* End Required */
/* End Circle Text Styles */
</style>


<script type="text/javascript">
/* Circling text trail- Tim Tilton
Website: http://www.tempermedia.com/
Visit: http://www.dynamicdrive.com/ for Original Source and tons of scripts
Modified Here for more flexibility and modern browser support
Modifications as first seen in http://www.dynamicdrive.com/forums/
username:jscheuer1 - This notice must remain for legal use
*/


;(function(){


// Your message here (QUOTED STRING)
var msg = "Homepage  Mariani";


/* THE REST OF THE EDITABLE VALUES BELOW ARE ALL UNQUOTED NUMBERS */


// Set font's style size for calculating dimensions
// Set to number of desired pixels font size (decimal and negative numbers not mallowed)
var size = 36;


// Set both to 1 for plain circle, set one of them to 2 for oval
// Other numbers & decimals can have interesting effects, keep these low (0 to 3)
var circleY = 0.75; var circleX = 2;


// The larger this divisor, the smaller the spaces between letters
// (decimals allowed, not negative numbers)
var letter_spacing = 5;


// The larger this multiplier, the bigger the circle/oval
// (decimals allowed, not negative numbers, some rounding is applied)
var diameter = 10;


// Rotation speed, set it negative if you want it to spin clockwise (decimals allowed)
var rotation = 0.3;


// This is not the rotation speed, its the reaction speed, keep low!
// Set this to 1 or a decimal less than one (decimals allowed, not negative numbers)
var speed = 0.2;


////////////////////// Stop Editing /////////////////////


if (!window.addEventListener && !window.attachEvent || !document.createElement) return;


msg = msg.split('');
var n = msg.length - 1, a = Math.round(size * diameter * 0.208333), currStep = 20,
ymouse = a * circleY + 20, xmouse = a * circleX + 20, y = [], x = [], Y = [], X = [],
o = document.createElement('div'), oi = document.createElement('div'),
b = document.compatMode && document.compatMode != "BackCompat"? document.documentElement : document.body,


mouse = function(e){
e = e || window.event;
ymouse = !isNaN(e.pageY)? e.pageY : e.clientY; // y-position
xmouse = !isNaN(e.pageX)? e.pageX : e.clientX; // x-position
},


makecircle = function(){ // rotation/positioning
if(init.nopy){
o.style.top = (b || document.body).scrollTop + 'px';
o.style.left = (b || document.body).scrollLeft + 'px';
};
currStep -= rotation;
for (var d, i = n; i > -1; --i){ // makes the circle
d = document.getElementById('iemsg' + i).style;
d.top = Math.round(y[i] + a * Math.sin((currStep + i) / letter_spacing) * circleY - 15) + 'px';
d.left = Math.round(x[i] + a * Math.cos((currStep + i) / letter_spacing) * circleX) + 'px';
};
},


drag = function(){ // makes the resistance
y[0] = Y[0] += (ymouse - Y[0]) * speed;
x[0] = X[0] += (xmouse - 20 - X[0]) * speed;
for (var i = n; i > 0; --i){
y[i] = Y[i] += (y[i-1] - Y[i]) * speed;
x[i] = X[i] += (x[i-1] - X[i]) * speed;
};
makecircle();
},


init = function(){ // appends message divs, & sets initial values for positioning arrays
if(!isNaN(window.pageYOffset)){
ymouse += window.pageYOffset;
xmouse += window.pageXOffset;
} else init.nopy = true;
for (var d, i = n; i > -1; --i){
d = document.createElement('div'); d.id = 'iemsg' + i;
d.style.height = d.style.width = a + 'px';
d.appendChild(document.createTextNode(msg[i]));
oi.appendChild(d); y[i] = x[i] = Y[i] = X[i] = 0;
};
o.appendChild(oi); document.body.appendChild(o);
setInterval(drag, 25);
},


ascroll = function(){
ymouse += window.pageYOffset;
xmouse += window.pageXOffset;
window.removeEventListener('scroll', ascroll, false);
};


o.id = 'outerCircleText'; o.style.fontSize = size + 'px';


if (window.addEventListener){
window.addEventListener('load', init, false);
document.addEventListener('mouseover', mouse, false);
document.addEventListener('mousemove', mouse, false);
if (/Apple/.test(navigator.vendor))
window.addEventListener('scroll', ascroll, false);
}
else if (window.attachEvent){
window.attachEvent('onload', init);
document.attachEvent('onmousemove', mouse);
};


})();
</script>
<script src="http://postrecent.googlecode.com/files/Kupu-kupu-dj.js" type="text/javascript"></script>

</body>

</html>

Sejarah.com

 <html>
<head>
<title> Homepage </title>
</head>
<base target="target">
<body background="sma.jpg">
<h4>
<p >Sejarah SMA Negeri 1 Takalar
<br>SMAN 1 Takalar sejak berdirinya tahun 1966 sampai sekarang telah dipimpin oleh 6 Kepala Sekolah

<li> Drs. Lapong</li>

<li>Drs. Marzuki</li>

<li>Drs.H. Makking</li>

<li>Drs. H.Yusuf, M.Pd</li>

<li>Drs. Mudatsir M.Ap</li>

<li>Drs. H. Muh. Ali, M.Pd</li>

<p><u><p style="color:blue"> Sekilas Tentang SMA Negeri 1 Takalar </u>
<p>
SMA NEGERI 1 TAKALAR
    SMA Negeri 1 Takalar adalah CYBER SCHOOL dikawasan Indonesia Timur.SMA Negeri 1 Takalar berjarak kurang lebih 45 km dari arah selatan kota Makassar.NSS=301 190 406 001
Semuanya diawali dari keseharianku di kelas X.1 yang dikenal dengan nama The Angelo. Tempat di mana aku harus berusaha beradaptasi lagi dengan teman-teman baruku. Hari demi hari kami lewati dan aku pun mulai bisa berbaur dengan mereka meskipun masih banyak celah-celah kecil di antara kami. Di kelas ini aku telah memutuskan untuk lebih mendalami lagi pelajaran Matematika dan aku pun semakin menyukainya. Begitu pun dengan Kimia aku juga tertarik dengan pelajaran ini yang sebelumnya merupakan pelajaran yang paling aku benci karena sulit untuk dicerna. Namun ternyata tekad dan kemauan serta doa bisa mengubah semuanya.

Setelah naik kelas dua, aku memutuskan untuk fokus pada Matematika. Alhamdulillah aku juga berhasil duduk di kelas khusus SMAN 1 Takalar, kelas XI Ipa 1 yang lebih dikenal dengan U-Goes-P ‘Une Grande of estrella equipe’ (Tim besar bertabur bintang). Kelas tempat para juara bernaung. Tentu saja aku harus kembali beradaptasi dengan teman-teman baru yang direkrut dari kelas lain. Awalnya menciptakan kesolidaritasan di antara kami begitu sulit, sikap egois di antara kami masih begitu menonjol. Banyak tanggung jawab dan resiko besar diletakkan dalam genggaman kami. Kami harus melaksanakan berbagai macam kegiatan sekolah dan harus berhasil. Di sinilah kita harus menunjukkan bahwa kami betul- betul orang pilihan, bukan hanya sekedar modal keberuntungan. Awalnya semua itu menjadi masalah. Ini disebabkan kesolidaritasan di antara kami masih belum betul-betul tercipta. Kegiatan kurang teratur dan tugas-tugas di kelas pun menumpuk, bahkan banyak guru yang keberatan dengan ketidakhadiran siswa di kelas. Kelas kami menjadi penampungan kritikan dan emosi dari para guru. Begitupun kritikan dari siswa kelas lain. Mereka menganggap para guru pilih kasih kepada kami dan kami begitu di istimewakan. Hal ini membuat mereka iri. Namun mereka tidak tahu bagaimana resiko dan tanggung jawab yang kami pegang. Dari hal itulah kami mulai mempelajari karakter di antara kami masing-masing dan mulai memperbaikinya. Setelah kejadian itu kesolidaritasan di antara kami mulai terlihat dan terus meningkat. Kegiatan sekolah yang lainnya pun berjalan lancar dan kami mulai merampung banyak piala dan prestasi hasil dari lomba-lomba.

</ul>
</font>
</body>

</html>

Index.html

 <html>
<head>
<title> Homepage </title>
<frameset rows="45%,70%">
<frame src="top.html" Frameborder="0" noresize scrolling="no">
<frameset cols="20%,*">
<frame src="menu.html" noresize="noresize">
<frame src="isi.html" name="target" noresize scrolling="yes">
<script src='http://misbahudin-dcaesga.googlecode.com/files/efek-salju.js'/>
<frameset>
<frameset>


</html>

Ini dalam bentuk HTML






Diposting oleh di

1 komentar:

Langganan: Posting Komentar (Atom)