kaijim

HTML Tutorial and Reference

71 posts in this topic

For the beginner it is a best guide for codes and all the things.

Share this post


Link to post
Share on other sites

Hi guys,I'm trying to use HTML5 canvas tag with drawImage, and stuck with a little problem. Canvas shows image only one time, after reloading the page image disappear. I tried this in Safari and Chrome, but same result. Do you know any solutions?Thanks.Below you'll find code:<!DOCTYPE html><html><body><p>Image to use:</p><img id="scream" src="img_the_scream.jpg" alt="The Scream" width="220" height="277"><p>Canvas:</p><canvas id="myCanvas" width="250" height="300" style="border:1px solid #d3d3d3;">Your browser does not support the HTML5 canvas tag.</canvas><script>var c=document.getElementById("myCanvas");var ctx=c.getContext("2d");var img=document.getElementById("scream");ctx.drawImage(img,10,10);</script></body></html>

Share this post


Link to post
Share on other sites

Hi Friends.

 

I wanted to know

1. In Break out of a frame, there is no tag for this. then what it mean?

 

2.In <Head> Section

(1.) What is the use @ what it mean(Charset and UTF-8) of < Meta Charset = "UTF-8>

(2.) I am getting the <base> topic, how it works

(3.) In <link> what is the use or what it mean type=" text / css".

 

I am waiting for ur's replay....

 

Thank you

Share this post


Link to post
Share on other sites

Greetings, I have checked out the turorials, and I am a bit confused about something trivial. I am very new at this game :Unsure: so here goes. In order to test my HTML page I can just save it on a browser and then open it, or so I have to upload to a server to test them??? :(:huh:

 

Go on Save as and than where is file name write: name of file.html and down you have save as type you choose all types "." (the first type)

and you can save it on desktop, if you don't want to search all your computer.

Share this post


Link to post
Share on other sites

Hello I am having trouble with the positioning of elements.

this is my first website i have ever built so bear with my if the code is not ideal.

here is my html:

<!DOCTYPE html>
<html>
<head>
<link rel='stylesheet' href='style.css'/>
<script src='script.js'></script>
</head>
<body>
<div class="header">
<h>Born</h>
<h>Explore</h>
</div>
<div class="navbar">
<ul>
<a href"#"><li>Home</li></a>
<a href"#"><li>About Us</li></a>
<a href"#"><li>Preparation</li></a>
<a href"#"><li>Photos</li></a>
<a href"#"><li>Videos</li></a>
<a href"#"><li>Charity Work</li></a>
<a href"#"><li>Highlights</li></a>
<a href"#"><li>Maps</li></a>
<a href"#"><li>Contact</li></a>
</ul>
</div>
</body>

</html>

 

here is my css:

.header {
border:2px solid #ff800d;
background-color:#ff800d;
width:100%;
position:relative;
height:250px;
;
margin-right:10;
margin-top:-10;
padding-right:15;
}
.header h{
z-index:1;
text-transform:uppercase;
font-weight:bold;
text-shadow: 10px 10px 10px black;
color:white;
font-size:95px;
font-family:arial;
text-align:center;
margin-top:-100px;
position:inherit;
}
.header img{
height:175;
padding-left:100;
padding-right:100;
position:relative;
margin-top:35;
}
.navbar ul{
text-align:center;
border:2px solid;
background-color:black;
margin-top:-1px;
width:100%;
height:38;
;
position:relative;
}
.navbar ul li{
color:white;
display:inline;
font-size:30px;
padding:25px;
text-transform:uppercase;
}
.navbar ul a{
text-decoration:none;
}
.navbar a:hover{
font-weight:bold;
font-family:verdana;
}
attached is the actual website,
i want the born/explore part to move up more, to be more inline with the images, everything i try it always ends up moving something else where i dont want it. please help

Born 2 Explore Codecademy.htm

Share this post


Link to post
Share on other sites

 

Hello I am having trouble with the positioning of elements.

this is my first website i have ever built so bear with my if the code is not ideal.

[...]

attached is the actual website,
i want the born/explore part to move up more, to be more inline with the images, everything i try it always ends up moving something else where i dont want it. please help

 

It is too wide. Anything over 1200px is quite wide. You require a width of 1800px. Some people never maximize the browser on their screen.

 

Take the edge of the browser window and set it to different widths to test your website. Consider that some screens are only 1350px and some smartphone devices are only 320px wide.

 

http://www.mydevice.io/devices/

 

You need to learn about using min-width and @media blocks and vertical-align.

 

http://www.w3schools.com/cssref/pr_pos_vertical-align.asp

Share this post


Link to post
Share on other sites

Do I set the width to auto?

i played with it a bit and i cant seem to get it to resize accordingly.

please help

Share this post


Link to post
Share on other sites

No, you only set the widths of columns, and usually as a percent. Google "responsive web design."

Share this post


Link to post
Share on other sites

I am so frustrated with "responsive web design". I viewed multiple sites but I am still confused. I tried to set widths to percentages and em but all the content is still wrapping around when I change the browser size. Does anyone know a free and well explained responsive web design course?

Share this post


Link to post
Share on other sites

Hi everybody... :) :)

I'm a beginner and I don't know what kind of HTML editor is the best.

please help and tell me the best HTML editor.Thanks alot...

Share this post


Link to post
Share on other sites

w3school world one of best as well gaint web design source code tutorial sites. It's all coding everything is really awesome when i have started web designing that's time my brother recommended about this site.

Share this post


Link to post
Share on other sites

Very Greate this site is W3schools. I love it. Here is something you should look for HTML tutorials as well.

Edited by justsomeguy

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!


Register a new account

Sign in

Already have an account? Sign in here.


Sign In Now