Tuesday 10 May 2011

HTML Lists and Attributes

HTML Lists
The HTML lists are ordered and unordered lists:

An ordered list
  1. First
  2. Second
  3. Third
An unordered list
  • First
  • Second
  • Third
HTML Unordered Lists
<ul>
<li>Ram</li>
<li>Shyam</li>
</ul>

How this code looks in a browser:
  • Ram
  • Shyam
HTML Ordered Lists
<ol>
<li>Ram</li>
<li>Shyam</li>
</ol> 

How this code looks in a browser:
  1. Ram
  2. Shyam
HTML Definition Lists 
A definition list is below
<dl>
<dt>Ram</dt>
<dd>- is a good boy</dd>
<dt>Shyam</dt>
<dd>- is a bad boy</dd>
</dl> 

How this code looks in a browser:

Ram
     - is a good boy
Shyam
     - is a bad boy
Posted by WEB Design ideas at 10:15 1 comments

HTML Images and Attribute

HTML Images
Example

HTML Images - The <img> Tag and the Src Attribute.
The <img> tag is empty, which means that it contains attributes only, and has no closing tag.

Example
<img src="url" alt="some_text"/>

HTML Images - The Alt Attribute
<img src="boat.gif" alt="Big Boat" />

HTML Images - Set Height and Width of an Image
<img src="pulpit.jpg" alt="Pulpit rock" width="304" height="228" />


HTML Image Tags:-
<img /> : Defines an image
<map> : Defines an image-map
<area /> : Defines a clickable area inside an image-map
Posted by WEB Design ideas at 09:57 1 comments

Monday 9 May 2011

HTML -- link syntax


HTML Link Syntax
It looks like this:

Example
<a href="url">Link text</a>
<a href="http://www.ideasinweb.blogspot.com">www.ideasinweb.blogspot.com/</a>
<a href="http://www.ideasinweb.blogspot.com" target="_blank">www.ideasinweb.blogspot.com</a>

HTML Links - The name Attribute
The name attribute specifies the name of an anchor.

Example
A named anchor inside an HTML document:
<a name="tips">ideasinweb.blogspot</a>

Create a link to the "Useful Tips Section" inside the same document:
<a href="#tips">ideasinweb.blogspot</a>

Or, create a link to the "Useful Tips Section" from another page:
<a href="http://www.ideasinweb.blogspot.com/html_links.htm#tips">ideasinweb.blogspot</a>
Posted by WEB Design ideas at 12:56 0 comments

HTML - - paragraphs and line breaks


HTML Paragraphs
Paragraphs are defined with the <p> tag.

Example
<p>This is a paragraph</p>
<p>This is another paragraph</p>

Don't Forget the End Tag
Most browsers will display HTML correctly even if you forget the end tag:

Example
<p>This is a paragraph
<p>This is another paragraph

HTML Line Breaks
Use the <br /> tag if you want a line break (a new line) without starting a new paragraph. The <br /> element is an empty HTML element. It has no end tag. Write <br> or <br />.

Example
<p>This is<br />a para<br />graph with line breaks</p>
Posted by WEB Design ideas at 12:52 0 comments

HTML - heading, line, comment tag


HTML Headings
Headings are important in HTML documents.
Headings are defined with the <h1> to <h6> tags.

Example
<h1>This is a heading</h1>
<h2>This is a heading</h2>
<h3>This is a heading</h3>

HTML Lines
The <hr /> tag creates a horizontal line in an HTML page.

Example
<p>This is a paragraph</p>
<hr />
<p>This is a paragraph</p>
<hr />
<p>This is a paragraph</p>

HTML Comments
Comments are written like this:

Example
<!-- This is a comment -->
Posted by WEB Design ideas at 12:49 1 comments

Saturday 7 May 2011

HTML - Getting Started

What You Need
1. You don't need an HTML editor
2. You don't need a web server
3. You don't need a web site

Create Your Own Test Web
First open any HTML editor like notepad, dreamweaver, frontpage, golive etc. and paste the below shown code and save it ".html" extension. (Example suppose your file name is "home.html") Double click the "home.html" file and open it.

Below the first HTML code:

<html>
<head>
<title>This is my first page</title>
</head>
<body>
I am a web designer. i am live in kolkata. My name is Santu Mondal. Now I am a employer in a web design company.
</body>
</html>
Posted by WEB Design ideas at 10:13 0 comments

HTML Table Tags

Tag Description
<table> Defines a table
<th> Defines a table header
<tr> Defines a table row
<td> Defines a table cell
<colgroup> Defines a group of columns in a table, for formatting
<caption> Defines a table caption
<col /> Defines attribute values for one or more columns in a table
<thead> Groups the header content in a table
<tbody> Groups the body content in a table
<tfoot> Groups the footer content in a table

Posted by WEB Design ideas at 09:59 1 comments

Friday 6 May 2011

HTML Tables

HTML Tables
Tables are defined with the <table></table> tag.

A table is divided into rows (with the <tr> tag), and each row is divided into data cells (with the <td> tag). td stands for "table data," and holds the content of a data cell. A <td> tag can contain text, links, images, lists, forms, other tables, etc.

Table Example:-

<table border="1">
<tr>
<td>row 1, cell 1</td>
<td>row 1, cell 2</td>
</tr>
<tr>
<td>row 2, cell 1</td>
<td>row 2, cell 2</td>
</tr>
</table>

HTML Tables and the Border Attribute
To display a table with borders, specify the border attribute:

<table border="1">
<tr>
<td>Row 1, cell 1</td>
<td>Row 1, cell 2</td>
</tr>
</table>

HTML Table Headers
Header information in a table are defined with the <th> tag.

<table border="1">
<tr>
<th>Header 1</th>
<th>Header 2</th>
</tr>
<tr>
<td>row 1, cell 1</td>
<td>row 1, cell 2</td>
</tr>
<tr>
<td>row 2, cell 1</td>
<td>row 2, cell 2</td>
</tr>
</table>
Posted by WEB Design ideas at 18:33 0 comments

Wednesday 4 May 2011

The HTML Meta Element and Title tag

The HTML Meta Element
The <meta> tag provides metadata about the HTML document.
Metadata will not be displayed on the page, but will be machine parsable.
The <meta> tag always goes inside the head element. The metadata can be used by browsers (how to display content or reload page), search engines (keywords), or other web services.

The following meta element defines a description of a page:

<head>
<meta name="description" content="write your website description" />
<meta name="keywords" content="write site related keywords" />
<meta name="author" content="website author name" />
<meta http-equiv="content-type" content="text/html;charset=UTF-8" />
</head>

Description mean:- Here you can write your website related description. Like what is in this site, which service provide this site etc.
Keywords mean:- Keyword is the more important for a website for "search engine optimization". So you must write the right keyword for your website. For example, if your site is a webdesign related site then you may write "webdesign, webdesign service, web development, webdesign company, service in webdesign etc".
Author mean:- Here you can write the site name or site author name, company name, site owner name etc.

One most important tag is "Title" tag.
This title is always shown in a header bar position. Title show you the site defination. So you must write a proper title for awebsite.
Emaple:

<title>your site title</title>
<title>website design, web development services</title>
Posted by WEB Design ideas at 11:26 1 comments

Tuesday 3 May 2011

How do I put AdSense on my blog (using Layouts)? - Blogger Help

How do I put AdSense on my blog (using Layouts)? - Blogger Help
Posted by WEB Design ideas at 14:54 0 comments

HTML head Elements


HTML head Elements
The head element is a container for all the head elements.

A simplified HTML document :-
<html>
<head>
<title>Title of the document</title>
</head>

<body>
The content of the document......
</body>
</html>

The HTML base Element :-
<head>
<base href="http://www.w3schools.com/images/">
<base target="_blank">
</head>

The HTML link Element :-
<head>
<link rel="stylesheet" type="text/css" href="mystyle.css">
</head>

The HTML style Element :-
<head>
<style type="text/css">
body {background-color:yellow}
p {color:blue}
</style>
</head>

All HTML head Elements are below :-
<head>, <title>, <base>, <link>, <meta>, <script>, <style>
Posted by WEB Design ideas at 11:49 0 comments

HTML Doctypes


HTML Doctypes
A doctype declaration refers to the rules for the markup language, so that the browsers render the content correctly.

Example :-

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Title of the document</title>
</head>

<body>
The content of the document......
</body>
</html>
Posted by WEB Design ideas at 11:36 0 comments

Learn HTML

HTML Tutorial
With HTML you can create your own Web site.

You can write this HTML code in any HTML editor like Adobe Dreamweaver, golive etc. And save it ".html" extension.
Some example below here ....

<html>
<head>
<title>write some title</title>
</head>
<body>
Design your website
</body>
</html>


Here <html>, <head>, <title> and <body> is mandatory tags to create a website. Without this tag you did not create any website. All tags

must be close like </title>, </head>, </body>, </html>.
Posted by WEB Design ideas at 11:31 2 comments

Monday 2 May 2011

What is WEBSITE and HTML ?

What is WEBSITE?
This definition is also listed under presence, site and Website.
WWW = World Wide Web
A web site is a file that includes a beginning file called home page.


A company or an individual tells/show you how to get to their web site by giving you the address of their in home page. From the home page, you can get to all the other pages on their site. Like services, work, contact etc. The home page address actually includes a specific file name like index.html. But a Web site can also be just a few pages. [ Website link address: http://yoursitename.com ].
What is HTML?
HTML is a language to allow creates a website. These websites can then be viewed by anyone to connect the Internet. It is relatively easy to learn, and quite powerful in what it allows you to create.

The definition of HTML is "HyperText Markup Language".

1. HyperText is the method by which you move around on the web by clicking on special text called hyperlinks which bring you to the next page.
2. Markup is what HTML tags.
3. HTML is a Language, as it has code-words and syntax like any other language.

How does it work?
HTML consists of a series of short codes typed into a text-file. The text is saved as an html file, and viewed through a browser, like Internet Explorer, GoogleChrome or Firefox etc. This browser reads the text into visible form writing your own HTML tags correctly to create your vision. You can use anything from a text-editor to a powerful graphical editor to create HTML pages.
Posted by WEB Design ideas at 18:23 1 comments
Subscribe to: Posts (Atom)