Showing posts with label HTML. Show all posts
Showing posts with label HTML. Show all posts
Thursday, November 20, 2014
Wednesday, November 19, 2014
Wednesday, June 26, 2013
The basic functionalities of 3 - Tier or N-Tier Architecture
Presentation Layer
- Gathering information from the user
- Sending the user information to the business services from processing
- Receiving the result of the business services processing
- Presenting those results to the user
Business Layer
- Receiving input from the presentation tier.
- Interacting with the data services to perform the business operations.
- Sending the processed results to the presentation tier.
Data Service Layer
- Storage of data
- Retrieval of data
- Maintenance of data
- Integrity of data
Tuesday, June 25, 2013
Display Div Tags side by side
If you are using div tags and they display vertically.
<div>
Test 1
</div>
<div>
Test 2
</div>
<div>
Test 3
</div>
OutPut:
Sometimes you want them to display horizontally or side by side. Then use style 'float' as shown below.
<div style="float: left">
Test 1
</div>
<div style="float: left">
Test 2
</div>
<div style="float: left">
Test 3
</div>
OutPut:
Wednesday, August 10, 2011
What is HTML?
- HTML stands for "Hyper Text Markup Language".
- A markup language designed for the creation of web pages and other information viewable in a browser.
- It is the basic language used to write web pages.
- File extension: .htm, .html
Wednesday, July 27, 2011
Friday, September 24, 2010
HTML doctype
HTML doctype
The <!DOCTYPE ...> declaration (technically it's not a "tag") should be the very first thing in your document. A DOCTYPE is required to validate the document.
The version of HTML against which the document is validated is based on the DOCTYPE.
Different version doctype is shown below.
This is the <!DOCTYPE ...> declaration
For HTML version 3.2:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2 Final//EN">
For HTML version 4.0: we have three standard doctypes.
The documents that strictly confirm and that aren’t frameset documents use this
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN" "http://www.w3.org/TR/REC-html40/strict.dtd”>
For a not quite so strict conformance use this
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"
"http://www.w3.org/TR/REC-html40/loose.dtd">
For documents which are frameset documents use this
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Frameset//EN"
"http://www.w3.org/TR/REC-html40/frameset.dtd">
The <!DOCTYPE ...> declaration (technically it's not a "tag") should be the very first thing in your document. A DOCTYPE is required to validate the document.
The version of HTML against which the document is validated is based on the DOCTYPE.
Different version doctype is shown below.
This is the <!DOCTYPE ...> declaration
For HTML version 3.2:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2 Final//EN">
For HTML version 4.0: we have three standard doctypes.
The documents that strictly confirm and that aren’t frameset documents use this
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN" "http://www.w3.org/TR/REC-html40/strict.dtd”>
For a not quite so strict conformance use this
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"
"http://www.w3.org/TR/REC-html40/loose.dtd">
For documents which are frameset documents use this
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Frameset//EN"
"http://www.w3.org/TR/REC-html40/frameset.dtd">
HTML Bold
The HTML bold tag is used for specifying bold text
<html>
<head>
<title>Cooltuts.com</title>
</head>
<body>
Hello Friends <b>I am bold</b> Welcome
</body>
</html>
Few attributes you can use in this bold tag
Title: some browser displays this text when the user keeps his cursor on this text example as shown below.
<html>
<head>
<title>Cooltuts.com</title>
</head>
<body>
Hello Friends <b title="bold text">I am bold</b> Welcome
</body>
</html>
Like title you can use
class, dir, id, lang, style, onclick, ondbclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup.
<html>
<head>
<title>Cooltuts.com</title>
</head>
<body>
Hello Friends <b>I am bold</b> Welcome
</body>
</html>
Few attributes you can use in this bold tag
Title: some browser displays this text when the user keeps his cursor on this text example as shown below.
<html>
<head>
<title>Cooltuts.com</title>
</head>
<body>
Hello Friends <b title="bold text">I am bold</b> Welcome
</body>
</html>
Like title you can use
class, dir, id, lang, style, onclick, ondbclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup.
Thursday, September 23, 2010
HTML Title
Title is very important to every web page, by reading title user should know what content can expect in that page/screen. As of me the title is supposed to describe the whole page in a few words.
<html>
<head>
<title>Cooltuts.com</title>
</head>
</html>
As you see above example title tag <title> comes in between head tag <head>. This title content appears on your web browser tab or browser title bar – at the very top of the window.
Mainly search engines like Bing, Google takes title as main content and show according to the title. So, your title should contain everything means main keywords. Especially if someone likes your web page and he puts your page to favorites or bookmarks then this title will appear.
Try to search something in Bing/Google then you will see title appears as our link to a particular site.
<html>
<head>
<title>Cooltuts.com</title>
</head>
</html>
As you see above example title tag <title> comes in between head tag <head>. This title content appears on your web browser tab or browser title bar – at the very top of the window.
Mainly search engines like Bing, Google takes title as main content and show according to the title. So, your title should contain everything means main keywords. Especially if someone likes your web page and he puts your page to favorites or bookmarks then this title will appear.
Try to search something in Bing/Google then you will see title appears as our link to a particular site.
Monday, September 20, 2010
How to get HTML link or anchor tag without underline
by Emmaneale Mendu, Web Developer
Basic anchor or link code looks like this<a href="http://www.cooltuts.com/">Visit Cooltuts.com</a>
On Web browser this looks like
Visit Cooltuts.com
Let’s work with style property to remove the Underline to the link; basically if the text is underlined then by default user thinks it’s a link. But in some cases the requirement will be without underline.
We use “text-decoration” to overcome this issue. This is a style property we do have none|inherit|combination of ‘underline’,’overline’,’line-through’ and ‘blink’
Properties
style="text-decoration:none" (remove complete decoration like underline)
style="text-decoration:underline"
style="text-decoration:overline"
style="text-decoration:line-through"
style="text-decoration:blink" (wont work in IE but works in Mozila)
If you are using style="text-decoration:none"
<a href="http://www.cooltuts.com/" style="text-decoration:none">Visit Cooltuts.com</a>
Output looks like
Visit Cooltuts.com
Thursday, August 26, 2010
The Difference Between HTML and JavaScript
When the browser is reading in a HTML document it needs to be able to determine what text is HTML and therefore what to display in the browser window, and what text is JavaScript source code to be interpreted and executed. One way to let a browser know that part of an HTML document is JavaScript is to enclose it inside the HTML <SCRIPT></SCRIPT> tags as illustrated above. A browser that knows how to interpret Javascript will attempt to interpret text inside the script tags while reading and displaying HTML elements correctly.
Script tags are most often placed inside the head or body tags but may also be placed inside other elements. Not every version of every browser correctly interprets JavaScript code when script tags are placed inside other HTML elements such as table data cells.
Script tags are most often placed inside the head or body tags but may also be placed inside other elements. Not every version of every browser correctly interprets JavaScript code when script tags are placed inside other HTML elements such as table data cells.
JavaScript Statements and Source Code
The JavaScript text is often referred to as "source code" or just "code" and is made up of statements. In the example first javaScript post these two JavaScript statements:
document.write("<P>Script tags can be placed ")
document.write("in the Head of an HTML document.</P>")
write some text, considering of an HTML paragraph, into the Web page being loaded by the browser. The first statement writes the first half of the paragraph and the second writes the last half. A full description of the parts of these statements is provided later but the net effect is to make the text:
<P>Script tags can be placed in the Head of an HTML document.</P>
part of the HTML document.
Wednesday, August 25, 2010
Placing Javascript Statements inside HTML Documents
JavaScript programing statements (source code) made only be placed in certain locations within HTML documents. When a browser with a JavaScript interpreter reads the JavaScript code it can interpret and execute it so that some scripting task is completed. The simple document below shows JavaScript source code placed within HTML <SCRIPT></SCRIPT>
<HTML>
<HEAD>
<TITLE> </TITLE>
<SCRIPT>
document.write("<P>Script tags can be placed ")
document.write("in the Head of an HTML document </P>")
<SCRIPT>
</HEAD>
<BODY>
<H1>The Script Tag: Example 1</H1>
<P>Script tags can also be placed in the Body of an HTML document.</P>
<SCRIPT>
document.write("<P>Script tags will be ignored by ")
document.write("browsers that do not understand them.</P>")
</SCRIPT>
</BODY>
</HTML>
Friday, August 6, 2010
HTML Introduction
Welcome to HTML Basics. This Site leads you through the basics of Hyper Text Markup Language.
To begin using HTML, you will need to have a few things. Here is the big list of items you need to have to get started.
1. You will need to have a computer that is running. Most likely you have this already, since you are reading this page.
2. You will need a text editor of your choice. If you have windows, Notepad will do the trick. If you have a Mac, you can use BBE dit. To find Notepad/BBE dit on your computer.
In Windows 3.x, find the program group named "Accessories" and double click to open it.
3. You will need a web browser of your choice. If you possibly can, use the latest version of Netscape Navigator or Microsoft Internet Explorer.
4. You will need a place to save your work. You can use your hard drive, a floppy disk, or your web server. You don't have to work online, you can write the html and use your web browser offline on your own computer. We will get to that shortly, in the next tutorial.
Okay, once you have the above materials, you can begin creating your own web pages with HTML. Let's move on to the next tutorial, Using the Materials.
To begin using HTML, you will need to have a few things. Here is the big list of items you need to have to get started.
1. You will need to have a computer that is running. Most likely you have this already, since you are reading this page.
2. You will need a text editor of your choice. If you have windows, Notepad will do the trick. If you have a Mac, you can use BBE dit. To find Notepad/BBE dit on your computer.
In Windows 3.x, find the program group named "Accessories" and double click to open it.
3. You will need a web browser of your choice. If you possibly can, use the latest version of Netscape Navigator or Microsoft Internet Explorer.
4. You will need a place to save your work. You can use your hard drive, a floppy disk, or your web server. You don't have to work online, you can write the html and use your web browser offline on your own computer. We will get to that shortly, in the next tutorial.
Okay, once you have the above materials, you can begin creating your own web pages with HTML. Let's move on to the next tutorial, Using the Materials.
Subscribe to:
Posts (Atom)