Jump to content

HTML Tutorial and Reference


kaijim

Recommended Posts

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

Link to comment
Share on other sites

  • 6 months later...

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>

Link to comment
Share on other sites

  • 1 month later...

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

Link to comment
Share on other sites

  • 4 months later...

Before you ask a question in this forum, you should check out our HTML Tutorial.For our HTML Tutorial: W3Schools HTML TutorialFor a complete HTML Reference: W3Schools HTML Reference

Ā 

I have learned so good because of this site. Thanks man! :good:

Link to comment
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.

Link to comment
Share on other sites

  • 1 month later...
  • 1 month later...

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

Link to comment
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

Link to comment
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?

Link to comment
Share on other sites

  • 1 month later...
  • 1 month later...
  • 4 weeks later...
  • 1 month later...
  • 4 months later...
  • 1 year later...
  • 2 weeks later...
  • 2 years later...
  • 4 months later...
  • 7 months later...

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
×
×
  • Create New...