HTML 3 : HTML tutorial (Font)

B.FONT

Tag <font>…</font>

<font> Tag manipulation functions for both types, sizes, and font color.

Click File – New – HTML/XHTML.

Example :Type the code below.

<html>

<head>

<title><p><font face="Arial">Ini Font Arial</font></p></tile>

 </head>

<body>

</body>

</html>

           Or modification the red label, with this

<p><font face="Arial"><i> </i></font>your word here</p>

Font is Arial and italic, or

<p><font face="verdana" size="4" color="blue">your word here<b></b></font>

Verdana Font size is 12 pt bold blue at the same time,or

<p align="center"><font face="Tahoma" color="red">your word here<b></b></font><p> 

This red Tahoma Font

red, thick and are in the middle,or

<p align="center"><font face="Arial" color="red">your word here</font></p>

Arial Font color is red,

 Note: Signs Enter the code above does not affect the display / output to the browser. Enter
used to code readability.
save the with name tagfont.html

<<<HTML 2 | HTML 4>>>

HTML 2 : HTML tutorial (Paragraph)

A.Paragraph

Tag <p>…</p>

Tag <p>used to make the paragraph (left, center, rigt and justify)  in a web page.

type the code below.

<html>

<head>

<title>Atribut Tag <P></title>

</head>

<body>

</body>

</html>

<P>in the html code was modified as below 

<p align="left"><b>Left-justified text</p>

<p align="center">Centered Text </p>

<p align="right">Text on the right</p>

<p align="justify">justified text</p>.

When finished save the file, click the menu File - Save.give the name "taqP".run this file with your html editor program, if you make this in notepad you an find with your internet browser


<<<Html 1 | Html 3>>>

HTML 1 : HTML Tutorial (PHP &WYSIWYG)

WYSIWYG programs and PHP Editor?

HTML (Hyper Text Markup Language) is a symbol or tag that is written in a file that is intended to display the page on the web browser

Notepad,WYSIWYG editor,PHP editor
Program WYSIWYG HTML editor (What You See Is What You Get) HTML editor is a program which provides an interface such as the Microsoft Word program.
Examples of programs that are WYSIWYG HTML editor is
Microsoft FrontPage, Macromedia Dreamweaver and Adobe GoLive.
If you are using a WYSIWYG is easy you just drag and drop it without knowing the HTML language, but that will hinder you to develop your own blog, where many widget2 or tools on a blog created by the php script for PHP and Java It is more difficult than the WYSIWYG.
You can also make from notepad, in your windows program.

In this tutorial we learn about HTML..

Here the list( or you can follow with the Html continous pages button in the bottom place centered )

• Paragraph,
• Font
• on release

Home | Html 2>>>

Blogger code 3 : sidebar

Go to "Design->Edit HTML

backup of your template 

Search for

<body>

put in the blow body

copy this script

 (rename in the bold Text with your and  change the symbol # = with you link url ), 

<script  type="text/javascript"></script>

<style>
body{
    font-size:75%;
}
a{
    outline: none;
}
a:active{
    outline: none;
}
#sideBar{
text-align:left;
}
#sideBar h2{
    color:#FFFFFF;
    font-size:110%;
    font-family:arial;
    margin:10px 10px 10px 10px;
    font-weight:bold !important;
}
#sideBar h2 span{
    font-size:125%;
    font-weight:normal !important;
}
#sideBar ul{
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
}
#sideBar li{
    margin:0px 10px 3px 10px;
    padding:2px;
    list-style-type:none;
    display:block;
    background-color:#DA1074;
    width:177px;
    color:#FFFFFF;
}
#sideBar li a{
    width:100%;
}
#sideBar li a:link,
#sideBar li a:visited{
    color:#FFFFFF;
    font-family:verdana;
    font-size:100%;
    text-decoration:none;
    display:block;
    margin:0px 0px 0px 0px;
    padding:0px;
    width:100%;
}
#sideBar li a:hover{
    color:#FFFFFF;
    text-decoration:underline;
}
#sideBar{
    position: fixed;
    width: auto;
    height: auto;
    top: 140px;
    left:0px;
    background-image:url(http://your image location in format:.jpg:jpeg:png);
    background-position:top right;
    background-repeat:repeat-y;
}
#sideBarTab{
    float:left;
    height:137px;
    width:28px;
}
#sideBarTab img{
    border:0px solid #FFFFFF;
}
#sideBarContents{
    float:left;
    overflow:hidden !important;
    width:200px;
    height:320px;
}
#sideBarContentsInner{
    width:200px;
}</style>
<div id="sideBar">
        <div id="sideBarContents" style="display:none;">
        <div id="sideBarContentsInner">
            <h2><div style="text-align: justify;"><span style="font-family:Arial;">Useful Links</span>
</div></h2>
                    <ul>
                <li><a href="#">Put Your Link here 1</a></li>
                <li><a href="#">Put Your Link here 2</a></li>
                <li><a href="#">Put Your Link here 3</a></li>
                <li><a href="#">Put Your Link here 4</a></li>
                  </ul>
                </div> </div>
    <a id="sideBarTab" href="#"><img alt="sideBar" src="http://where your pic store" title="sideBar"/></a>
</div>

Save your template and view your blog
...............................just it

notes if you need converter(to PHP,ASP,JS,SP,Perl  you cam see our page Zoopy, or see in th top of this blog.. Zoopy..developer..etc

<<<Code 2 | Code4>>>

Blogger code 2 : Thumbs up

Compare this with : Blogger code 9 : thumbs up~2

Go To Blogger > Design > Edit HTML

Back up your template ,always beack . if there is any trouble you can upload the back up

Click the box "Expand Widget Templates"

Search for

<data:post.body/> 

 Just above it paste the code below:

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='js-kit-rating' expr:path='data:post.url' expr:permalink='data:post.url' expr:title='data:post.title' view='score'>
</div>
</b:if>

The widget will display only at post pages

Now search for

<body>  or another related dont confuse with body of the head

Just above it paste the following code:

<script src="http://js-kit.com/ratings.js"></script> 

Save your template

notes if you need converter(to PHP,ASP,JS,SP,Perl  you cam see our page Zoopy, or see in th top of this blog.. Zoopy..developer..etc

<<<Code 1  | Code 3>>>

if the continues link like code3>>> or  page 4>>> in this blog blank it' means that we will continues in other day

Blogger code 1: sticky bar

Go To Blogger > Design > Edit HTML

Backup your template

Search for this,

 ]]></b:skin>

Just above it paste the CSS code below

#fry-stickybar{
background:#0080ff url('http://your image link background for sidebar.png') repeat-x;
width:100%;
margin:0 auto;
text-align:center;
padding:0px 0;
border-bottom: 1px solid #888888;
  -moz-box-shadow: #666666 0px 1px 3px;
  -webkit-box-shadow: #666666 0px 1px 3px;
  box-shadow: #666666 0px 1px 3px;
  z-index: 999;
height: 28px; position:fixed;
line-height: 1.85em;
vertical-align: baseline;
letter-spacing: 1px;
}
#fry-stickybar a{
text-decoration:none;
color:#fff;
font-size:13px;
font-weight:bold;
font-family: arial,"Helvetica",sans-serif;
line-height: 24px;
}
#fry-stickybar a:hover{
text-decoration:underline;
}
#fry-stickybar p {margin:0; list-style:none;}
#fry-stickybar img {vertical-align: middle;
      margin-right: 6px;}

To change the background colour : #0080ff  Use our Color code generator.

Next search for this code

<body> or  related code, dont fill in the body of head there are different path 

Just below it paste the following code, which you you choice only text or image

FOR TEXT ONLY

<div id='fry-stickybar'>

<a href='#'>ADD TEXT HERE</a>

</div>

FOR IMAGE

<div id='fry-stickybar'>

<img src='IMAGE LINK'/><a href='#'>ADD TEXT HERE</a>

</div>

....................................Only that..........

# change with your Url link,or blog link

ADD TEXT HERE rename it

IMAGE LINK where is your image link

notes if you need converter(to PHP,ASP,JS,SP,Perl  you cam see our page Zoopy, or see in th top of this blog.. Zoopy..developer..etc

Home | Code 2 >>>

 

HTML editor free download

Are you a blogger or may be you want to be a blogger, which one you like to write your own html secript or use the CMS that more easier than you must create your html script.

Here the list for create your own HTML script editor and you can choioce one of them , use it and if the program is not fulfill what you need you can try another one or asking the expert, or someone else know the language better than you.

HTMLKIT

Runs as a stand-alone program on a user's computer

Highly customizable development environment

Designed for experienced users in html development.

Developers website: http://www.htmlkit.com

Download page: http://www.htmlkit.com/download/

Version: build 292

Download file size: 2.8 MB

64 Bit compatibility: 32 bit but 64 bit compatible

License type: Unrestricted freeware

A portable version of this product is available from the developer.

System requirements: Windows All

Great community support

KompoZer  

Runs as a stand-alone program on a user's computer

http://kompozer.net

http://kompozer.net/download.php

Version 0.7.10

Download file size: 7.6 MB

32 and 64 bit versions available

Unrestricted freeware

Windows All, Mac OSX, Linux

 

Amaya

Runs as a stand-alone program on a user's computer

Standards compliance and accessibility

WYSIWYG rendering is not very good. Doesn't recognize PHP pages.

Developers website: http://www.w3.org/Amaya/

Download page: http://www.w3.org/Amaya/User/BinDist.html

Version: 11.3.1

Download file size: 13.9 MB

64 Bit compatibility: 32 bit but 64 bit compatible

License type: Unrestricted freeware

There is no portable version of this product available.

System requirements: Windows All, Mac, Linux

Netbeans

Runs as a stand-alone program on a user's computer

Good CSS suport,

 including refactoring of inline CSS to external stylesheet.

Tag checking.

 Customisable code colouring. 

Code completion. Auto-indentation. 

Fast and powerful. Customisable UI. 

PHP editing. Settings exportable.

Extensive online support, tutorials and documentation. Cross platform

At first sight Netbeans may be a little intimidating for novices.

Developers website: http://netbeans.org/index.html

Download page: http://netbeans.org/downloads/index.html

Version: 7.0.1

Download file size: 65.3 MB

License type: Open source freeware

System requirements: Windows, Mac OSX, Linux, o

Additional information:

Download the 31MB PHP version unless you need modules for non-web programming. The Java SE Development Kit, JDK 6.0 Update 26 or later,

Aptana studio

Runs as a stand-alone program on a user's computer

Pros:

Full featured IDE, many plugins

Cons:

Primarily focused on development of AJAX applications, can be a bit scary for new users

Developers website: http://www.aptana.com/studio/

Download page: http://www.aptana.com/studio/download

Version: 3.03

Download file size: 135 MB

64 Bit compatibility: 32 and 64 bit versions available

License type: Unrestricted freeware

Portable version available: A portable version of this product is available but not from the developer

System requirements: Windows, Mac, Linux

PS pad

Runs as a stand-alone program on a user's computer

Programming editor with html syntax highlighting

No libraries or code lookup

Developers website: http://www.pspad.com/

Download page: http://www.pspad.com/en/download.php

Version: 4.5.4

Download file size: 4.2 MB

64 Bit compatibility: 32 and 64 bit versions available

Unrestricted freeware

This product is portable

System requirements: Windows All

other

Komodo Edit and Komodo IDE. Version: 6.0.0

Bluefish Version: 2.0.3

Eclipse Version: 3.7.1

SeaMonkey Version 1.1 and get the add ons here in this link too

Alleycode Version: 2.21 and find the updates here too

Title:

Website static or dynamic,HTML

The website can be distinguished static and dynamic.
Static 

means that the content and appearance only, without any additional interaction of the accessor (just click-click). Static sites are usually only for information.
Dynamic

interaction that is able to adjust the access of, the site you can think / make decisions. Yahoo mail for example, if I login with my ID, then the show is my email, and I might not be able to access your email if I do not know the correct password. Such ads or sites bekas.com, or sites that have shopping carts, forums, and so forth.

HTMLThe computer only knows binary numbers (the numbers 0 and 1),

use letters to recognize the ASCII code, for example 'a' code was 01,100,001,

 so that in any device (computer, phone, etc.), with any operating system (Windows, Macintosh , PocketPC, etc.), 

in any country, it would appear as 01100001 'a'.
LHA continues, how all the computers in all countries with all programs (internet explorer, mozilla, opera, etc.) can display a website EXACTLY THE SAME? The answer is with HTML codes.So the basic purpose of creating a website is HTML.If you just want to create sites that provide information about your product, and only need DISPLAY without any login or shopping cart, or forum, then just HTML alone. But if you want accessed can order it through the computer, can login to view the order and everything is completely automatic 24 hours. Then you need to learn internet programming, various kinds are ASP, CGI, PERL, and is currently the most widely used is PHP.
the database use PHP is MySQL 

database is the access in order to store data, email, email, bills, our products, etc..
you can use 

FLASH, JAVASCRIPT, GIF and other auxiliary components,
À Apache Web Server 

PHP4 à Engine for PHPÀ Engine for MySQL databaseMySQL Front à program to access the databaseÀ Program Filezilla to upload files to server

and many program