Web Development Support

Screen Height & Width Button Creating

spforwebdev@gmail.com (Anonymous) — Fri, 23 Jan 2015 08:44:00 +0000

By this post you can know how to create Screen Height and Width Button by Java Script. You can set it on any web page. By setting this, anybody can know your Screen Width & Height. The demo is given below:

This is this demo of Screen Width.

This is the Screen Width of Java Script.

Know Your Screen Width

It is made of Java Script.

You can also set this Height & Screen Button on Blogger Page. For this you have to configure the page setting.

On the blogger page you can see 'Option'. Click on Option and
you can see ' Don't allow, hide existing'. Now click on it. Look at this image:

Page Setting for Creating Height & Screen Button

On the mode of HTML, you will have to set the following Java Script. After setting this, when you click on the mode of 'Compose', you can see nothing. Don't worry at this. Then you give your post or update and all is done!

This is the Java Script of Screen Height

<head>
<script>
function myFunction() {
document.getElementById("10001").innerHTML =
"Screen height is " + screen.height;
}
</script>
</head>

<body>

<h1>
Know Your Screen Height</h1>
<div id="10001">
It is made of Java Script.</div>
<button onclick="myFunction()" type="button">Click Here</button>

</body>
</html>

This is the Screen Width of Java Script.

<html>
<head>
<script>
function myFunction() {
document.getElementById("10002").innerHTML =
"Screen width is " + screen.width;
}
</script>
</head>

<body>

<h1>
Know Your Screen Width</h1>
<div id="10002">
It is made of Java Script.</div>
<button onclick="myFunction()" type="button">Click Here</button>

</body>

*In the Java Script you can change the green colored writings.

HTML Attributes

spforwebdev@gmail.com (Anonymous) — Mon, 19 Jan 2015 20:38:00 +0000

If you want to give extra information about an element, you can do so by setting HTML attributes. Attributes are fixed in the start tag. They generally remain in the form of name/value pairs like: name="value". Here I am discussing some attributes one by one.

Lang Attribute

Lang Attribute contains the declaration of the language.
Declaring a language gets accessibility applications (screen readers) and search engine. It is search engine friendly.Now look this below html script:

<!DOCTYPE html>
<html lang="en-US">
<body>

<h1>This is My Blogger Heading</h1>

<p>This can help you set html lang="en-US". Thus you can write your paragraph here.</p>

</body>
</html>

You can set this html lang below the <!DOCTYPE html> but above <body> of blogger or any website. The language code''en-US' that found in the html lang is changeable. Here you can change any other language code instead of it.

Size Attribute

By this <img> tag you can define HTML images. Here you can define the file names of the source as src. The 'src', the size of the images are all provided as attributes:

<!DOCTYPE html>
<html>
<body>

<img src="https://lh5.googleusercontent.com/-73Wz3fVoMZw/AAAAAAAAAAI/AAAAAAAAABg/NXM1NahY0jA/s46-c-k-no/photo.jpg" width="100" height="100">

</body>
</html>

By this size attribute you can change the size of the image as you like. Instead of this image location or image url(https://lh5.googleusercontent.com/-73Wz3fVoMZw/AAAAAAAAAAI/AAAAAAAAABg/NXM1NahY0jA/s46-c-k-no/photo.jpg) you can give your image url or location. Thus you can do your html image size solution for your web development.

How to CSS Header, Body, Page

spforwebdev@gmail.com (Anonymous) — Sat, 17 Jan 2015 20:22:00 +0000

CSS means Cascading Style Sheet language which is used for describing the look and formatting of a document written in a markup language. However, let's learn how to CSS Header, Body and Page of a document.

Here if you want to change the background color of the body, just you have to change the color code no.( #00FFFF) which is between
body {
    background-color: #00FFFF;
}
After that if you want to stylize the header, you will have to change the following code:
h1 {
    color: red;
    text-align: left;
}

Here you can change 'text-align' left or right as you like best. Besides, if you want to CSS the page according to your liking, you will have to change this following code:

p {
    font-family: "Calibri";
    font-size: 20px;
    color: Blue
}

Here p means page. Thus you will have to change the code for CSS of the document. Finally you will write your own document name between <h1>............</h1> and <p>...........</p> and that is done.

<!DOCTYPE html>
<html>
<head>
<style>
body {
    background-color: #d0e4fe;
}

h1 {
    color: red;
    text-align: left;
}

p {
    font-family: "Calibri";
    font-size: 20px;
    color: Blue
}
</style>
</head>
<body>

<h1>Your Own Document</h1>
<p>This is a paragraph.</p>

</body>
</html>

Color is an important element of CSS. So for this you will have know the color code. To know the color code, you can visit this color codes link

Creating Answer Button

spforwebdev@gmail.com (Anonymous) — Sat, 17 Jan 2015 17:11:00 +0000

For creating Answer Button you follow the below script that can help you create Answer Button. Here you look. You can write your question between it( <p> .........................<p> ) that's marked as red.
Then you have to write Answer between this blank place(<button onclick="myFunction()">.........</button>). Besides, you also have to set the answer of the question between <script>..........</script>. That instead of Wordsworth you can set your own answer. Better to say, you must notice that <p id and getElementById should be same. If the both ids are different, this button will not work. Thus you can create your Answer Button with Java Script.

<!DOCTYPE html>
<html>
<body>

<p>01.Who is called nature poet?</p>

<button onclick="myFunction()">Answer</button>

<p id="10001"></p>

<script>
function myFunction() {
document.getElementById("10001").innerHTML =
"Wordsworth ";
}
</script>

</body>
</html>

How to Create Page Title with HTML

spforwebdev@gmail.com (Anonymous) — Sat, 17 Jan 2015 14:00:00 +0000

Dear Learners!
By this following html you can create your own page title. This html knowledge can also help your web development. Here you can see the two red marked options( Here You will Write Your Own Page Name and Page Title ).
Instead of 'Here You will Write Your Own Page Name' you can write Your Own Page Title and all is done! It is noticeable that when you write the following html script and apply it in the web page, you can't see another red marked option: Page Title.

<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>

<body>
<h1>Here You will Write Your Own Page Name</h1>
<p>You should learn html and educate yourself.</p>
</body>

</html>

Web Development Support

Screen Height & Width Button Creating

This is this demo of Screen Width.

Know Your Screen Width

This is the Java Script of Screen Height

This is the Screen Width of Java Script.

*In the Java Script you can change the green colored writings.

HTML Attributes

Lang Attribute

Lang Attribute contains the declaration of the language. Declaring a language gets accessibility applications (screen readers) and search engine. It is search engine friendly.Now look this below html script:

You can set this html lang below the <!DOCTYPE html> but above <body> of blogger or any website. The language code''en-US' that found in the html lang is changeable. Here you can change any other language code instead of it.

Size Attribute

By this <img> tag you can define HTML images. Here you can define the file names of the source as src. The 'src', the size of the images are all provided as attributes:

<!DOCTYPE html> <html> <body> <img src="https://lh5.googleusercontent.com/-73Wz3fVoMZw/AAAAAAAAAAI/AAAAAAAAABg/NXM1NahY0jA/s46-c-k-no/photo.jpg" width="100" height="100"></body></html>

How to CSS Header, Body, Page

Creating Answer Button

How to Create Page Title with HTML

Lang Attribute contains the declaration of the language.
Declaring a language gets accessibility applications (screen readers) and search engine. It is search engine friendly.Now look this below html script:

<!DOCTYPE html>
<html>
<body>

<img src="https://lh5.googleusercontent.com/-73Wz3fVoMZw/AAAAAAAAAAI/AAAAAAAAABg/NXM1NahY0jA/s46-c-k-no/photo.jpg" width="100" height="100">

</body>
</html>