2016년 5월 31일 화요일

MUSIC HTML

This is a great day!!!
Haha today I discovered how to set up music on my website with html...
CODE:
<audio controls>
<source src="music.ogg" type="audio/ogg">
<source src="music.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio>

You have to change red one and blue one.
But remember never change other ones!!!

PLEASE GIVE ME COMMENTS!!!
COMMENT IS VERY HELPFUL FOR ME.

PLEASE ADD 'How 2 Code' TO YOUR FAVORITE!!!.

2016년 5월 27일 금요일

Come here to make linked moving text!!!

How 2 Code CODE:
<html> <body> <marquee direction="left"><a href="http://hahacoding.blogspot.kr/" target="_blank"> How 2 Code</a></marquee> </body> </html>

You can change red one and blue one if you want.
But remember never change other ones!!!

PLEASE GIVE ME COMMENTS!!!
COMMENT IS VERY HELPFUL FOR ME.

PLEASE ADD 'How 2 Code' TO YOUR FAVORITE!!!.

IF YOU WANT TO READ RECENT POSTING AOUT MOVING TEXT...
http://hahacoding.blogspot.kr/2016/05/moving-text.html

2016년 5월 25일 수요일

You want to make email link with style???

If you have a problem using 'How 2 Code' email by clicking (Email Me).

Code:
<p style= "color : gray ; font-size: 15px"> If you have a problem using 'How 2 Code' email by clicking <a href="mailto:jiwoo.k@hotmail.com">(Email Me)</a>.

You can change red one, blue one, orange one and lime one if you want.
But remember never change other ones!!!

PLEASE GIVE ME COMMENTS!!!
COMMENT IS VERY HELPFUL FOR ME.

PLEASE ADD 'How 2 Code' TO YOUR FAVORITE!!!.

IF YOU USE NAVER BLOG...
PLEASE VISIT THIS BLOG!!!
http://blog.naver.com/yeppi1000

2016년 5월 23일 월요일

PICTURE&LETTER(LINKED)

HEY GUYS~
TODAY I'M POSTING A LINKED PICTURE AND LINKE LETTER...
I THINK SOME OF YOU DO NOT UNDERSTAND WHAT I'M TALKING ABOUT.
SO YEAH I'LL SHOW YOU THE EXAMPLE AND THE EXACT CODE AS USUAL!!!

EXAMPLE
CLICK ME(I'M NOT ADSENSE!!!) <a href="http://blog.naver.com/yeppi1000" target="_blank"><img border="0" height="175" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAOEAAADhCAMAAAAJbSJIAAAAVFBMVEX///8AAAAPBwimpqYGAwNjYmJUU1OqqaoMAQMJAAAhGxxOSkqfnZ0SEBBCQEBoZ2d0c3QwKywoISJwbW2TkZE9PTyHh4cYFxe/vr62tbUiICA7NjZ5S3ZdAAABnUlEQVR4nO3TAW6CUBAGYfYJAiJa0NJW73/P0oC9ASHznDnBfsm/ReResfcBm/cuwuPQl9kVj+PjJbycu1OTcqt9TtMqPJ7byA84E+P5swiHLtJub7JhKUW1CPtTilt9yK06UjMuwnLG1kV+xd9Q/4WHvc/ZoFmYFLJTyE8hP4X8FPJTyE8hP4X8FPJTyE8hP4X8FPJTyE8hP4X8FPJTyE8hP4X8FPJTyE8hP4X8FPJTyE8hP4X8FPJTyE8hP4X8FPJTyE8hP4X8FPJTyE8hP4X8FPJTyE8hP4X8FPJTyE8hP4X8FPJTyE8hP4X8FPJTyE8hP4X8FPJTyE8hP4X8FPJTyE8hP4X8FPJTyE8hP4X8FPJTyE8hP4X8FPJTyE8hP4X8FPJTyE8hP4X8FPJTyE8hP4X8FPJTyE8hP4X8FPJTyE8hP4X8FPJTyE8hP4X8FPJTyE8hP4X8FPJTyE8hv3cSRpOi3vucDZqF7SLsx6a8VNl1jdQOi/Byi1RGfs0bvS/Cz/s4DzW/yrhO6x9+fVdjfsSyqz9iFWadQn6/7GguoVx22KgAAAAASUVORK5CYII=" width="175" /></a><br />
<a href="http://blog.naver.com/yeppi1000">EXAMPLE<br />CLICK ME(I'M NOT ADSENSE!!!)</a></center>
<center>

HAHA...

THIS IS ALL!!!

You can change red one, orange one, blue one, lime one and aqua one if you want.
But remember never change other ones!!!

PLEASE GIVE ME COMMENTS!!!
COMMENT IS VERY HELPFUL FOR ME.

PLEASE ADD 'How 2 Code' TO YOUR FAVORITE!!!.

2016년 5월 21일 토요일

Web Page Alert!!!

Code:
<!DOCTYPE html>
<html>
<body>
<p id="demo"></p>
<script>
var x = 10;
switch(x) {
case 10: alert("How 2 Code");
}
</script>
</body>
</html>

PLEASE GIVE ME COMMENTS!!!
COMMENT IS VERY HELPFUL FOR ME.

PLEASE ADD 'How 2 Code' TO YOUR FAVORITE!!!.

DAY OF THE WEEK CODE~

CODE:
<!DOCTYPE html>
<html>
<body>
<p id="demo"></p>
<script>
var day;
switch (new Date().getDay()) {
    case 0:
        day = "Sunday";
        break;
    case 1:
        day = "Monday";
        break;
    case 2:
        day = "Tuesday";
        break;
    case 3:
        day = "Wednesday";
        break;
    case 4:
        day = "Thursday";
        break;
    case 5:
        day = "Friday";
        break;
    case 6:
        day = "Saturday";
        break;
}
document.getElementById("demo").innerHTML = "Today is " + day;
</script>
</body>
</html>

PLEASE GIVE ME COMMENTS!!!
COMMENT IS VERY HELPFUL FOR ME.

PLEASE ADD 'How 2 Code' TO YOUR FAVORITE!!!.

2016년 5월 20일 금요일

AddFavorite

<a href="javascript://" onclick="window.external.AddFavorite('http://hahacoding.blogspot.kr/','How 2 Code')">
Add to favorites
</a>


You can change red one, blue one and lime one if you want.
But remember never change other ones!!!

PLEASE GIVE ME COMMENTS!!!
COMMENT IS VERY HELPFUL FOR ME.

PLEASE ADD 'How 2 Code' TO YOUR FAVORITE!!!.

MAKING A IMAGE WIDGET FOR BLOGGER!!!

HEY GUYS!!!
TODAY I AM GOING TO WRITE ABLOU MAKING A WIDGET FOR MY BLOGGER!!!
UMM...
IT WILL LOOK LIKE THIS...

NOW THIS IS THE CODE!!!

<a href="http://hahacoding.blogspot.kr/" target="_blank"><img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcRt_37vWLapvbAv_Dwf4As46UrKdsUKdfP5sE5yx8Vk395tg1NPSQ" border="5" width="175" height="175"></a>

You can change red one, blue one, lime one, purple one and orange one if you want.
But remember never change other ones!!!

PLEASE GIVE ME COMMENTS!!!
COMMENT IS VERY HELPFUL FOR ME.

2016년 5월 17일 화요일

The basic structure

<html>

<head>

<title>

WRITE THE TITLE HERE!!!

</title>

</head>

<body>

WRIGHT WHAT YOU WANT!!!

</body>

</html>

Well...
This is the basic structure of html.

You can change red one and blue one if you want.
But remember never change other ones!!!

PLEASE GIVE ME COMMENTS!!!
COMMENT IS VERY HELPFUL FOR ME.

2016년 5월 15일 일요일

HOW TO MARK.(2)

YOU HAVE TO CODE THIS WITH CSS!!!

mark {
background: cyan;
}

You can change red one if you want.
But remember never change other ones!!!
PLEASE GIVE ME COMMENTS!!!
COMMENT IS VERY HELPFUL FOR ME.

IF YOU DIDN'T WATCH 'HOW TO MARK.(1)'...
http://hahacoding.blogspot.kr/2016/05/how-to-mark1.html

HOW TO MARK.(1)

How 2 Code

This is how to mark.

HTML:

<h1>
How 2 Code</h1>
<mark>This is how to mark.</mark>

You can change red one, blue one if you want.
But remember never change other ones!!!
PLEASE GIVE ME COMMENTS!!!
COMMENT IS VERY HELPFUL FOR ME.

IF YOU WANT TO KNOW HOW TO CHANGE COLOR...
http://hahacoding.blogspot.kr/2016/05/how-to-mark2.html

2016년 5월 13일 금요일

SEARCH FORM!!!

CODE:
<center>
<form action="http://google.com/search" method="get">
<input type="text" name="q" size="50">
<input type="submit" value="Search Google">
</center>

You can change red one, blue one and green one if you want.
But remember never change other ones!!!

PLEASE GIVE ME COMMENTS!!!
COMMENT IS VERY HELPFUL FOR ME.

TEXT BOX!!!

CODE:
<input type="text" name="textbox1" size="50">

PLEASE GIVE ME COMMENTS!!!
COMMENT IS VERY HELPFUL FOR ME.

BUTTON CODE!!!

<a onclick="this.nextSibling.style.display=(this.nextSibling.style.display=='none')?'block':'none';">
<button><p style= "color : black ; font-size: 15px">How 2 Code</button></a><div style="display:none; background:white"><ul>
<br>THANK YOU FOR VISITING
<br>※URL
<br>☞ http://hahacoding.blogspot.kr/
<br>  </ul></div>

You can change red one, blue one, green one, orange one and yellow one if you want.
But remember never change other ones!!!

PLEASE GIVE ME COMMENTS!!!
COMMENT IS VERY HELPFUL FOR ME.

Calculator

This is caculator made by someone.(I actually don't remember the origin of this code.)
Well...
Since this code was not made by me I can not share it...
Sorry guys!!!

PLEASE GIVE ME COMMENTS!!!
COMMENT IS VERY HELPFUL FOR ME.

I FOUND THE URL!!!
THIS IS KOREAN Q&A SITE.
THE RIGHT CODE IS SECOND ONE.

http://kin.naver.com/qna/detail.nhn?d1id=1&dirId=1040205&docId=160674314&qb=6rOE7IKw6riwIGh0bWw=&enc=utf8&section=kin&rank=1&search_sort=0&spq=0&pid=SzT/HwpySpZssuYwI7Vsssssssw-168110&sid=Orxg%2BOfJnn75ZhJSyB/29A%3D%3D

Moving text~

You can copy the code bellow:
<html>
<body>
<marquee direction="up">Welcome to my BLOG~</marquee>
</body>
</html>

You can change red one and blue one if you want.
But remember never change other ones!!!
(red one: up, down, right, left)

PLEASE GIVE ME COMMENTS!!!
COMMENT IS VERY HELPFUL FOR ME.

I recommend this guys YouTube video...(I really think this video is great.)

Hey guys!!!
I really recommend you this if you are a begginer like me...
Of course this video is not mine though... T.T
Anyway you will love this!!!

HTML-How to change font size and color... (My YouTube Video)

This is what I uploaded to YouTube few months ago.
It was about changing font size color!!!
Enjoy Video~

This is clock source!!!

<!DOCTYPE html>
<html>
<body>
<h1>What Time Is It Now??</h1>
<button type="button"
onclick="document.getElementById('demo').innerHTML = Date()">
Click the button if you want to know the time!!!</button>
<p id="demo"></p>
</body>
</html>

You can change red one and blue one if you want.
But remember never change other ones!!!

This blog share some HTML sources!!!

I am going to share you guys some HTML sources I know.
Please visit often!!!
THANKS~

AdSense