android populer: html

Home / Posts filed under html

Tampilkan postingan dengan label html. Tampilkan semua postingan

Alert, Confirm, and Prompt boxes in Javascript

Posted by Unknown Sabtu, 15 Februari 2014 0 komentar

The three "commands" involved in creating alert, confirm, and prompt boxes are:

window.alert()
window.confirm()
window.prompt()

window.alert() :This command pops up a message box displaying whatever you put in it.

 
<body>
<script type="text/javascript">
window.alert("Iam an alert box!!!")
</script>
</body>

window.confirm():Confirm is used to confirm a user about certain action, and decide between two choices depending on what the user chooses.

 
<body>
<script type="text/javascript">
var x=window.confirm("Are you sure?")
if (x)
window.alert("Yes!")
else
window.alert("No")
</script>
</body>

window.prompt():Prompt is used to allow a user to enter something, and do something with that info:

 
<body>
<script type="text/javascript">
var y=window.prompt("Enter your name here...")
window.alert(y)
</script>
</body>

Baca Selengkapnya ....

Formatting and Styling Text in CSS

Posted by Unknown Kamis, 14 November 2013 0 komentar

Text indention [text-indent]
The property text-indent allows you to add an elegant touch to text paragraphs by applying an indent to the first line of the paragraph.

 
  p {
      text-indent: 10px;
    }

Text alignment [text-align]
The CSS property text-align corresponds to the attribute align used in old versions of HTML. Text can either be aligned to the left, to the right or centred. In addition to this, the value justify will stretch each line so that both the right and left margins are straight.

 
     p {
	  text-align: left;
       }
     h1{
	  text-align: right;
       }
     h2{
	  text-align: center;
       }
     b {
	  text-align: justify;
	}

Text decoration [text-decoration]
The property text-decoration makes it is possible to add different "decorations" or "effects" to text. Some properties are underline, overline, line-through.

 
        h1 {
		text-decoration: underline;
	}

	h2 {
		text-decoration: overline;
	}

	h3 {
		text-decoration: line-through;
	}

Letter space [letter-spacing]
The spacing between text characters can be specified using the property letter-spacing. The value of the property is simply the desired width.

 
        h1 {
		letter-spacing: 8px;
	}

	p {
		letter-spacing: 5px;
	}

Text transformation [text-transform]
The text-transform property controls the capitalization of a text.

capitalize
Capitalizes the first letter of each word. For example: "angel mark" will be "Angel Mark".
uppercase
Converts all letters to uppercase. For example: "angel mark" will be "ANGEL MARK".
lowercase
Converts all letters to lowercase. For example: "ANGEL MARK" will be "angel mark".
none
No transformations - the text is presented as it appears in the HTML code.

 
        h1 {
		text-transform: uppercase;
	}

	li {
		text-transform: capitalize;
	}

Baca Selengkapnya ....

Transferring user to new web page automatically

Posted by Unknown 0 komentar

 
<META HTTP-EQUIV="Refresh" CONTENT="2;URL=http://eazyprogramming.blogspot.in/">

Use the code above inside your head tag and your web page will be redirected to "http://eazyprogramming.blogspot.in/" within 2 seconds.
Change the value of CONTENT="2" to some other integer to decrease or increase the delay of redirection of webpage.If "0" is given the change will be seen immediately.

Baca Selengkapnya ....

Properties with Colors and Backgrounds in CSS

Posted by Unknown Rabu, 30 Oktober 2013 0 komentar

Foreground color: the 'color' property
The color property describes the foreground color of an element.
Sample code is given below copy and try it out...

 
 h1 {
  color: #990099;
 }
 h3{
  color: #999999;
 }
 p {
  color: #990099;
 }

'background-color' property
The background-color property describes the background color of elements.
Sample code is given below copy and try it out...

 
 h1 {
  background-color: #990099;
 }
 h3{
  background-color: #999999;
 }
 p {
  background-color: #990099;
 }

Background images [background-image]
The CSS property background-image is used to insert a background image.
Sample code is given below copy and try it out...

 

body {
 background-color: #FFCC66;
 background-image: url("016.jpg");
     }

Repeat background image [background-repeat]
This property describes whether background image has to repeat or not,because if given by default it will repeat horizontally.
background-repeat: repeat - image will be repeated both horizontally and vertically
background-repeat: repeat-x - image will be repeated both horizontally
background-repeat: repeat-y - image will be repeated both vertically
background-repeat: no-repeat - image will not repeat
Sample code is given below copy and try it out...

 
body {
 background-color: #FFCC66;
 background-image: url("8701.gif");
 background-repeat: repeat
 /*background-repeat: repeat-x*/
 /*background-repeat: repeat-y*/
 /*background-repeat: no-repeat*/
     }

Lock background image [background-attachment]
The property background-attachment specifies whether a background picture is fixed or scrolls along with the containing element.
Background-attachment: scroll - The image scrolls with the page - unlocked
Background-attachment: fixed - The image is locked

 
body {
 background-color: #FFCC66;
 background-image: url("8701.gif");
 background-repeat: repeat
 background-attachment: fixed;
 /*background-attachment: scroll;*/
 }

Place background image [background-position]
This property will help you to change the default position of image and we can set image in a fixed position.
background-position: 3cm 3cm - The image is positioned 3 cm from the left and 3 cm down the page
background-position: 50% 25% - The image is centrally positioned and one fourth down the page
background-position: top right - The image is positioned in the top-right corner of the page

 
 body {
 background-color: #FFCC66;
 background-image: url("8701.gif");
 background-repeat: no-repeat;
 background-attachment: fixed;
 background-position: right bottom;
      }

Compiling [background]
From the above example we saw that we used different background properties together,we can compile these properties to a single unit and develop a single line of code.
for example the above codecan be rewritten as source code gven below :

 
background: #FFCC66 url("8701.gif") no-repeat fixed right bottom;

If a property is left out, it will automatically be set to its default value.

Baca Selengkapnya ....

Calling an External CSS to HTML document

Posted by Unknown 0 komentar

An external style sheet is simply a text file with the extension .css. Suppose our CSS file is inside the folder named "style" and the CSS file with file name "newstyles.css".The the code to link the html with CSS is given below ..

 
<link rel="stylesheet" type="text/css" href="style/newstyles.css" />

The line of code must be inserted in the header section of the HTML code.

And if you have to give different style to different attribute you can see the sample code below..
Get the sample source code for "test.html" which is connected to an external CSS named "newstyles.css".

 
<html>
 <head>
	My sample document
		
 </head>
	 <body>
	  My first stylish header

	  My second stylish header

       My paragraph 

	 </body>
</html>

Get the sample source code for "newstyles.css".

 
    body {
	  background-color: #00FF00;
	 }
    h1 {
	  color: #990099;
	  background-color: #FC9804;
       }
    h3{
	  color: #999999;
	  background-color: #FC980F;
      }
    p {
	  color: #990099;
      }

Copy and download the sample code and try your self and you will see that each tag get applied with its respective styles.

Baca Selengkapnya ....

Applying CSS to an HTML document - 3 Methods

Posted by Unknown 0 komentar

There are three ways you can apply CSS to an HTML document.

In-line (the attribute style)

One way to apply CSS to HTML is by using the HTML attribute style.

 
<html>
  <head>
     Sample
  </head>
  <body style="background-color: #00FF00;">
      The background color is green

  </body>
</html>

Internal (the tag style)

Another way is to include the CSS codes using the HTML tag <style>.

 
<html>
 <head>
    <title>Example</title>
      <style type="text/css">
	body {background-color: #00FF00;}
      </style>
  </head>
 <body>
    <p>The background color is green </p>
 </body>
</html>

External (link to a style sheet)

The last method is to link to an external CSS file.An external style sheet is simply a text file with the extension .css. Suppose our CSS file is inside the folder named "style" and the CSS file with file name "newstyles.css".The the code to link the html with CSS is given below ..

 
<link rel="stylesheet" type="text/css" href="style/newstyles.css" />

The line of code must be inserted in the header section of the HTML code.
Copy and download the code and try your self to learn the different 3 methods.

Baca Selengkapnya ....

Basic CSS Syntax

Posted by Unknown 0 komentar

selector { property: value; }

Here,
selector : Says what HTML tag does property apply to
property : Says about the property or functionality applied
value : Set property attributes

eg :

 
body {background-color: #00FF00;}

Baca Selengkapnya ....

Introduction - Cascading Style Sheets - CSS

Posted by Unknown Selasa, 29 Oktober 2013 0 komentar

Cascading Style Sheets (CSS) is a fantastic tool to add layout to your websites. It can save you a lot of time and it enables you to design websites in a completely new way. CSS is a must for anyone working with web design.

CSS is a style language that defines layout of HTML documents. For example, CSS covers fonts, colours, margins, lines, height, width, background images, advanced positions and many other things.CSS is supported by all browsers today.

The main difference between HTML and CSS is that - HTML is used to structure content. CSS is used for formatting structured content.

CSS was a revolution in the world of web design. The benefits of CSS include:

control layout of many documents from one single style sheet;
more precise control of layout;
apply different layout to different media-types (screen, print, etc.);
numerous advanced and sophisticated techniques.

Baca Selengkapnya ....

Special Effects in HTML - Marquee

Posted by Unknown Kamis, 24 Oktober 2013 0 komentar

If you want your text to move with in the screen, use the tag <marquee>. The text in between the tags will move horizontally.

<marquee bgcolor=pink> will give background color to marquee texts.

<marquee bgcolor=orange width=100 height=20> will set height and width for marquee text.

<marquee bgcolor="orange" direction="right" height="20" width="100"> will set direction to marquee text.

<html>
<body>

  This is a scrolling text 
 This is a scrolling text with background color
  This is a scrolling text 
This is a scrolling text
This is a scrolling text

</body>
</html>

Copy and download the code and try your self.

Baca Selengkapnya ....

Load html file to WebView from assets in Android

Posted by Unknown Selasa, 03 September 2013 0 komentar

Put the html file inside asset folder and
use the code given below :

public class MainActivity extends Activity {
	 WebView myWebView;
	 TextView tv;
	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_main);
		myWebView=(WebView) findViewById(R.id.webView1);
		myWebView.loadUrl("file:///android_asset/Noun.htm"); 
	}

Copy and download the code and try your self.

Baca Selengkapnya ....

HTML Tag - Tables

Posted by Unknown Rabu, 28 Agustus 2013 0 komentar

<table>
This defines the HTML table.This tag has elements like <tr>,<th>,<td>.
<tr>
This defines a row in the HTML table.
<td>
This defines a cell in the HTML table.
<tbody>
This tag is used to group the body content in a HTML table.
<thead>
This tag is used to group header in an HTML table
<tfoot>
This tag is used to group footer content in an HTML table.
<col>
This tag specifies properties for each column within a <colgroup> element.
<colgroup>
This tag specifies a group of one or more columns in a table for formatting
<caption>
This tag defines a table caption.

 
<html>
<body>































            
      1       2     
         Sum       $180           Day     Events   
    Monday     conference   
    Wednesday     meeting   

</body>
</html>

1	2
Sum	$180
Day	Events
Monday	conference
Wednesday	meeting

Baca Selengkapnya ....

HTML Tags - Links

Posted by Unknown 0 komentar

<a>
This defines a hyperlink,which is used to link from one page to another.The most important attribute of the <a>element is the href attribute,which indicates the link's destination.

<base>
The <base> tag specifies the base URL/target for all relative URLs in a document.

 
<html>
<head>
<body>
Visit angel mark for more codes
</body>
</head>
</html>

 
<html>
<head>
<base href="http://eazyprogramming.blogspot.in/" >
</head>
<body>

blog
</body>
</html>

Baca Selengkapnya ....

HTML Tags - Text

Posted by Unknown Senin, 26 Agustus 2013 0 komentar

<p>
This defines a paragraph.
<h1>....<h6>
These are used to define html headings.<h1> defines the most important heading and <h6> defines the least important heading.
<strong>
This defines the most important text.
<em>
This defines a emphasized text or italic text.
<abbr>
This defines an abbreviation or an acronym.
<acronym>
This defines an acronym.
<address>
This defines the contact information of the document.Mostly they produce italic text with line breaks.
<bdo>
This means bi-directional override.It is used to override the current text direction.
<blockquote>
This defines a section that is quoted from another source.
<cite>
This defines the title of a work.
<q>
This defines a short quotation.
<code>
This is a phrase tag which defines a piece of computer code.
<ins>
This tag defines a text that has been inserted into a document.
<dfn>
This is a phrase tag which defines a definition term.
<del>
This tag defines text that has been deleted from a document.
<pre>
This tag defines preformatted text.
<kbd>
This is a phrase tag which defines keyboard input
<samp>
This is a phrase tag which defines sample output from a computer program.
<var>
This tag defines variables.
<br>
This tag inserts a single line break.

 
<html>
<head>
<body>
HTML (Hypertext Markup Language) is the set of markup symbols or codes inserted in a file intended for display on a World Wide Web browser page.Each individual markup code is referred to as an element or called a tag .
Some simple things to remember

This a heading


This a heading


This a heading


This a heading


This a heading


This a heading

This is an important text
This is an italic text
WHO
Go through thisASAP

 Angel Mark
 for coderz
 have a nice journey with html


This text will go right-to-left.


where you find everything on Android,corona,html and more

html tutorials by Angel Mark coding playground.
Angel Mark coding playground
A piece of computer code
My favorite color is blue red!
This is a preformatted text
</body> </head> </html>

Baca Selengkapnya ....

HTML Tag - Meta Information

Posted by Unknown 0 komentar

<!DOCTYPE>
This is the first thing to be included in a html document,before <html> tag.Actually, this is not a html tag,it is simply given to expain to the web browser which version of html is being used.

<link>
This defines the relationship between a document and an external resource.Mostly used to link with style sheets.

<title>
This tag is required in all html documents and it defines the title of the document.
The <title> element:

defines a title in the browser toolbar
provides a title for the page when it is added to favorites
displays a title for the page in search-engine results

<style>
This tag is used to define style information for a html document.

<metadata>
It is a data about data.This will not be displayed on the page.
Mainly used to specify page description,keywords,author of the document,last modified, nd other metadata.

Baca Selengkapnya ....

HTM Tag - Structure

Posted by Unknown Minggu, 25 Agustus 2013 0 komentar

<html>.....</html>
The <html> tag tells the browser that this is an HTML document.It represents the root of an HTML document.This tag is the container for all other HTML elements.

<head>.....</head>
The <head> tag is a container for all the head elements.The <head> element must include a title for the document, and can include scripts, styles, meta information, and more.

<body>.....</body>
The <body> tag defines the document's body.The <body> element contains all the contents of an HTML document, such as text, hyperlinks, images, tables, lists, etc.

<div>.....</div>
The <div> tag defines a division or a section in an HTML document.The <div> tag is used to group block-elements to format them with CSS.

<span>.....</span>
The <span> tag is used to group inline-elements in a document.They provides a way to add a hook to a part of a text or a part of a document.

     
<html>
 <head>
  <body>
  
hello this is a simple example to express structure tags
  

</body>
 </head> 
</html>

Baca Selengkapnya ....

HTML Basics

Posted by Unknown Sabtu, 24 Agustus 2013 0 komentar

HTML (Hypertext Markup Language) is the set of markup symbols or codes inserted in a file intended for display on a World Wide Web browser page. The markup tells the Web browser how to display a Web page's words and images for the user. Each individual markup code is referred to as an element or called a tag .

Some simple things to remember

The text between <html> and </html> describes the web page
The text between <body> and </body> is the visible page content

HTML is a language for describing web pages.
HTML stands for Hyper Text Markup Language
HTML is a markup language
A markup language is a set of markup tags
The tags describe document content
HTML documents contain HTML tags and plain text
HTML documents are also called web pages

HTML markup tags are usually called HTML tags
HTML tags are keywords (tag names) surrounded by angle brackets like <html>
HTML tags normally come in pairs like <b> and </b>
The first tag in a pair is the start tag, the second tag is the end tag
The end tag is written like the start tag, with a forward slash before the tag name
Start and end tags are also called opening tags and closing tags

Baca Selengkapnya ....

TextView with link in ANDROID…….

Posted by Unknown Senin, 04 Maret 2013 0 komentar

in java class:

import android.app.Activity;
import android.os.Bundle;
import android.text.Html;
import android.text.method.LinkMovementMethod;
import android.widget.TextView;

public class TextViewLinkDemo extends Activity {
    @Override
    public void onCreate(Bundle savedInstanceState) {
      super.onCreate(savedInstanceState);
      setContentView(R.layout.main);
      TextView tv = (TextView) findViewById(R.id.tv);
      tv.setText( Html.fromHtml("This is a textView with a link   " +" 
                                           AngelMark Blog " 
                                             + "created in the Java source code using HTML."));
      tv.setMovementMethod(LinkMovementMethod.getInstance());
    }
}

main.xml:


<?xml version="1.0" encoding="utf-8"?> 
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    > 
<TextView
    android:id="@+id/tv"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:text="@string/hello"
    /> 
</LinearLayout>

In Manifest file give internet permission