Thứ Bảy, 3 tháng 4, 2021

HOMEPAGE

HOMEPAGE

HOME PAGE

HOME PAGE

BLOG SPOT

BLOG SPOT

CELLSPACING

Cell Spacing Example
Month Savings
January $100

AUDIO

HTML audio Tag

Page Title

Page Title

This is a Heading

This is a paragraph.

spaces

In HTML, spaces and new lines are ignored:

My Bonnie lies over the ocean. My Bonnie lies over the sea. My Bonnie lies over the ocean. Oh, bring back my Bonnie to me.

Lines

This paragraph contains a lot of lines in the source code, but the browser ignores it.

This paragraph contains a lot of spaces in the source code, but the browser ignores it.

The number of lines in a paragraph depends on the size of the browser window. If you resize the browser window, the number of lines in this paragraph will change.

br

This is
a para
graph with line breaks

pre

The pre tag preserves both spaces and line breaks:

		   My Bonnie lies over the ocean.

		   My Bonnie lies over the sea.

		   My Bonnie lies over the ocean.
		   
		   Oh, bring back my Bonnie to me.
		

हिंदी

हिंदी

वेबसाइट के हिंदी संस्करण में आपका स्वागत है

strong

This text is normal.

This text is strong.

Small

HTML Small Formatting

Marked

HTML Marked Formatting

italic

This text is normal.

This text is italic.

title-attribute

title-attribute
title-attribute

This is a paragraph.


Notice that we have only specified a relative address for the image.
Since we have specified a base URL in the head section,
the browser will look for the image at " ".

Programming Hub app is for Python, Assembly, C, C++, C# (C Sharp), JavaScript, PHP, Java programming and many more languages.

If you move the mouse over the paragraph above,the title will display as a tooltip.

link

Programming Nguyễn Sơn Nhơn Blog - Notice that the link opens in a new window, even if it has no target="_blank" attribute. This is because the target attribute of the base element is set to "_blank".

The HTML head element contains meta data.

Meta data is data about the HTML document.

All meta information goes in the head section...

HEIGHT

ALT

love bird

ABBR

HTML abbr Tag The GOOGLE was founded in 1998.

ARTICLE

HTML article Tag

Programming Hub

Programming HubTM is the fastest growing mobile edu-tec initiative which is a one-stop solution for learning a variety of popular programming languages.

HTML article Tag

Plants

Types of Plants

Grass

Bushes

Vines

Trees

ACRONYM

Programming Hub acronym Tag

HTML

ADDRESS

Programming Hub aaddress Tag

ANCHOR

Anchor Tag Program Google

AREA

HTML area Tag usemap AreaTag HTML area Tag usemap AreaTag HTML area Tag usemap AreaTag

BDI

HTML bdi tag

In the example below, usernames are shown along with the number of points in a contest. If the bdi element is not supported in the browser, the username of the Arabic user would confuse the text (the bidirectional algorithm would put the colon and the number "90" next to the word "User" rather than next to the word "points").

  • User John: 60 points
  • User jdoe: 80 points
  • User إيان: 90 points

BDO

HTML bdo Tag

Normal Text.

Right to Left.

BIG

Big Tag Program I am normal text
I am BIG text

CHECKBOX

Input Field
Gender:
Male
Female

COLSPAN

cell padding example
Sale1
Jan $1493
Feb $3829
March $5283
Sale2
April $4827
May $7246
June $5689

CANVAS



COMMENT

Comment Tag

HTML Comment Tag

DEFINITION

Definition Description
Definition Term
Definition of the term
Definition Term
Definition of the term

DEL

HTML del Tag HTML del tag Example

DFN

HTML dfn Tag

Communication : It is defined as the imparting or exchanging of information by speaking, writing, or using some other medium.

EMBED

Embed Tag

FIGURE

HTML figure Tag

Above The Figure Tag

The Pulpit Rock

Below The Figure Tag

FIELDSET

HTML fieldset Tag
Details Student Name:

MCA Subjects:

FOOTER

Footer HTML Tag

Page Content..

FRAME

Frame Set HTML Tag

HR

Horizontal Line Example

This is First paragraph.


This is Second paragraph.

The hr tag defines a horizontal rule:


This is a paragraph.


This is a paragraph.


This is a paragraph.

IFRAME

HTML iframe Tag

iframe Tag Demo

INS

HTML ins Tag

Following text is inserted newly HTML ins tag

IMAGE

Bird

KBD

HTML kbd Tag Please enter email id in textfield.

MAP

HTML map Tag usemap AreaTag

MARQUEE

Marquee Tag Programming Hub!

C
C++
Java
C
C++
Java

Programming Hub!

meta

meta
meta

Meta

This is a paragraph.


Notice that we have only specified a relative address for the image.
Since we have specified a base URL in the head section,
the browser will look for the image at " ".

The HTML head element contains meta data.

Meta data is data about the HTML document.

All meta information goes in the head section...

Programming Nguyễn Sơn Nhơn Blog - Notice that the link opens in a new window, even if it has no target="_blank" attribute. This is because the target attribute of the base element is set to "_blank".

METER

HTML meter Tag 2 out of 10

Gauge value can be seen here.

NOSCRIPT

HTML noscript tag

A browser without support for JavaScript will show the text inside the noscript element.

NOSCRIPT

HTML noscript tag

A browser without support for JavaScript will show the text inside the noscript element.

UL

Unordered List

  • Mobile
  • Phablet
  • Tablet

Ordered List

  1. Mobile
  2. Phablet
  3. Tablet

OL

  1. Programming
    • C Langauge
    • C++
    • Java
  2. Scripting
    • PHP
    • JSP

OL

  1. Programming
    • C Langauge
    • C++
    • Java
  2. Scripting
    • PHP
    • JSP

PARAM

HTML param Tag

P

This is a paragraph.

This is a paragraph.

This is a paragraph.

PROGRESS

HTML Progress Tag 0%

QUOTE

Quote Example

Normal Text

Quoted Text

ROWSPAN

rowspan example
Sale1 Jan $1493
Feb $3829
Mar $5283
Sale2 April $4827
May $7246
June $5689

S

HTML s Tag

My car is blue.

My new car is silver.

SAMP

HTML samp Tag Samp tag Example
Enter radius of Circle : 8
Area : 200.96

SPACE

Non-Breaking Space Example

This text will appear with no extra space.


This text    will appear with three extra spaces.

Non-Breaking Space Example

This text will appear with no extra space.


This text    will appear with three extra spaces.

SUB

Subcripted Text Example

Loge

BACKGROUND

Untitled Document

FONT

This is text with red color.

BUTTON

HTML button tag

LOGIN



Username *:

Password *:

STRIKE

Strike Tag Example Deleted Text

SUP

Superscripted Text Example

ProgrammingHubTM

TABLE

Table HTML table align HTML table bgcolor HTML table border HTML table frame

Table will be centered aligned

Column A Column B
data1
data2
data3
data4
data5
data6
Month Profit
January $100
February $80

Text can be Wrapped around the table with the help of align attribute

HTML5 does not support align attribute, use CSS instead.

Month Profit
January $100
February $80
Month Profit
January $100
February $80
Month Profit
January $100
February $80

Table with frame="box":

Month Profit
January $100
February $80

Table with frame="above":

Month Profit
January $100
February $80

Table with frame="below":

Month Profit
January $100
February $80

Table with frame="hsides":

Month Profit
January $100
February $80

Table with frame="vsides":

Month Profit
January $100
February $80
HTML table frame

Table with rules="none":

Month Profit
January $100
February $80

Table with rules="rows":

Month Profit
January $100
February $80

Table with rules="cols":

Month Profit
January $100
February $80

Table with rules="all":

Month Profit
January $100
February $80
HTML table summary
Month Profit
January $100
February $80
HTML meter Tag
Month Savings
January $100
February $80
Sum $180

INPUT

HTML input type range
Points:

HTML input type email
E-mail:
HTML input type date
Birthday (date and time): -
HTML input type date
Select date of birth :
HTML input type color
Select your favorite color:
HTML input type Password
Enter Password:
HTML input type file
Select a file:
HTML input type number
Quantity (between 1 and 5):
Input Field
Year:

HTML fieldset Tag
Details Username :

Password :

Input Field

Registration

Name:

Address:

Gender:
Male
Female

Year:

Input Field
Address:

Registration

Name:

HTML input type week
Select a week:
HTML input type url
Add your homepage:
HTML input type time
Select a time:
HTML input type tel
Telephone Number:
HTML input type submit
Marks :
HTML input type search
Search Things:
HTML input type reset
First Name:

Last Name:

U

underline Example UnderLined Text

VIDEO

HTML video Tag

video tag demo


WBR

HTML wbr Tag

HTML wbr tag

Thebrowsertoextendthedocumentwindowbeyondthesizeoftheviewingpaneandthepoorusermustscrollright.

LABEL

HTML label tag
Login Form



HEADING

This is heading 1

This is heading 2

This is heading 3

This is heading 4

This is heading 5
This is heading 6

HEADER

Header HTML Tag

Heading Should be here..

Page Content..

DIALOG

HTML dialog Tag

Hello

BODY

HTML body tag * { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; margin: 0; padding: 0; } @import url('https://fonts.googleapis.com/css?family=PT+Sans'); @import url('https://fonts.googleapis.com/css?family=PT+Serif'); /* CSS Main page */ DOCTYPE { position: relative; left: 5px; right: 5px; bottom :5px; top : 5 px; margin: 5px; 5px; 5px; 5px; padding: 5px; 5px; 5px; 5px; width: auto; height: auto ; background : #F3F8FF; color: blue ; /* Other styles same as .left */ background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhITmxoK0nmm4zYmGcrgDqcIluG7ALWuNwnjg-6cM6uPvTPlzH-AwLBTUGMeg9hltCsIXMivWX7GcrYXuhr_12WkoI-A1iH6Jln38yBhUTGQ7VIaG1FIKITVUGwm3YvcaDFgyvqsL27DqOM/s1600/IMG_ORG_1602348346263.jpeg'); background-repeat: repeat; background-size: cover; background-attachment: local; background-position: center; background-origin: border-box; background-clip: border-box; overflow: scroll; display: block; border-width: 1px; border-style: solid; border-color: blue; border-image: initial; font-weight: normal;font-size: 24px; font-family: 'Helvetica', 'Arial'; font-family: 'PT Sans', 'Helvetica', 'Arial'; /* initial fonts */ font-family: 'PT Serif', 'Helvetica', 'Arial'; } Html { position: relative; left: 5px; right: 5px; bottom :5px; top : 5 px; margin: 5px; 5px; 5px; 5px; padding: 5px; 5px; 5px; 5px; width: auto; height: auto ; background : #CC98F8; color: #F1F1F1; background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhITmxoK0nmm4zYmGcrgDqcIluG7ALWuNwnjg-6cM6uPvTPlzH-AwLBTUGMeg9hltCsIXMivWX7GcrYXuhr_12WkoI-A1iH6Jln38yBhUTGQ7VIaG1FIKITVUGwm3YvcaDFgyvqsL27DqOM/s1600/IMG_ORG_1602348346263.jpeg'); /* Other styles same as .left */ background-repeat: repeat; background-size: cover; background-attachment: local; background-position: center; background-origin: border-box; background-clip: border-box; overflow: scroll; display: inline; border-width: 1px; border-style: solid; border-color: blue; border-image: initial; font-weight: normal;font-size: 24px; font-family: 'Helvetica', 'Arial'; font-family: 'PT Sans', 'Helvetica', 'Arial'; /* initial fonts */ font-family: 'PT Serif', 'Helvetica', 'Arial'; } html:focus { outline: none;} Index { position: relative; left: 5px; right: 5px; bottom :5px; top : 5 px; margin: 5px; 5px; 5px; 5px; padding: 5px; 5px; 5px; 5px; width: auto; height: auto ; background : #F3F8FF; color: blue ; /* Other styles same as .left */ background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6HhpIzgNz6M2guSx9utWLl0TOftBdOx_Omhi8Bx-Ched8b_viMLcD0DD2EEHEWxqif9o5_Bha6zK_MhPXtuHHQc4mMamPOjfQCjuGei8yK2kDI0h0WeugzhJv_BG3-whciQHKXL46yjk/s1600/IMG_ORG_1617433682121.jpeg'); background-repeat: repeat; background-size: cover; background-attachment: local; background-position: center; background-origin: border-box; background-clip: border-box; overflow: scroll; display: block; border-width: 1px; border-style: solid; border-color: blue; border-image: initial; font-weight: normal;font-size: 24px; font-family: 'Helvetica', 'Arial'; font-family: 'PT Sans', 'Helvetica', 'Arial'; /* initial fonts */ font-family: 'PT Serif', 'Helvetica', 'Arial'; } Head { position: relative; left: 5px; right: 5px; bottom :5px; top : 5 px; margin: 5px; 5px; 5px; 5px; padding: 5px; 5px; 5px; 5px; width: auto; height: auto ; background : #F3F8FF; color: blue ; /* Other styles same as .left */ background-image: url(' '); background-repeat: repeat; background-size: cover; background-attachment: local; background-position: center; background-origin: border-box; background-clip: border-box; overflow: scroll; display: inline-block; border-width: 1px; border-style: solid; border-color: blue; border-image: initial; font-weight: normal;font-size: 24px; font-family: 'Helvetica', 'Arial'; font-family: 'PT Sans', 'Helvetica', 'Arial'; /* initial fonts */ font-family: 'PT Serif', 'Helvetica', 'Arial'; } Base { position: relative; left: 5px; right: 5px; bottom :5px; top : 5 px; margin: 5px; 5px; 5px; 5px; padding: 5px; 5px; 5px; 5px; width: auto; height: auto ; background : #F3F8FF; color: blue ; /* Other styles same as .left */ background-image: url(' '); background-repeat: repeat; background-size: cover; background-attachment: local; background-position: center; background-origin: border-box; background-clip: border-box; overflow: scroll; display: inline-block; border-width: 1px; border-style: solid; border-color: blue; border-image: initial; font-weight: normal;font-size: 24px; font-family: 'Helvetica', 'Arial'; font-family: 'PT Sans', 'Helvetica', 'Arial'; /* initial fonts */ font-family: 'PT Serif', 'Helvetica', 'Arial'; } Link { position: relative; left: 5px; right: 5px; bottom :5px; top : 5 px; margin: 5px; 5px; 5px; 5px; padding: 5px; 5px; 5px; 5px; width: auto; height: auto ; background : #F3F8FF; color: blue ; /* Other styles same as .left */ background-image: url(' '); background-repeat: repeat; background-size: cover; background-attachment: local; background-position: center; background-origin: border-box; background-clip: border-box; overflow: scroll; display: inline-block; border-width: 1px; border-style: solid; border-color: blue; border-image: initial; font-weight: normal;font-size: 24px; font-family: 'Helvetica', 'Arial'; font-family: 'PT Sans', 'Helvetica', 'Arial'; /* initial fonts */ font-family: 'PT Serif', 'Helvetica', 'Arial'; } Title { position: relative; left: 5px; right: 5px; bottom :5px; top : 5 px; margin: 5px; 5px; 5px; 5px; padding: 5px; 5px; 5px; 5px; width: auto; height: auto ; background : #F3F8FF; color: blue ; /* Other styles same as .left */ background-image: url(' '); background-repeat: repeat; background-size: cover; background-attachment: local; background-position: center; background-origin: border-box; background-clip: border-box; overflow: scroll; display: inline-block; border-width: 1px; border-style: solid; border-color: blue; border-image: initial; font-weight: normal;font-size: 24px; font-family: 'Helvetica', 'Arial'; font-family: 'PT Sans', 'Helvetica', 'Arial'; /* initial fonts */ font-family: 'PT Serif', 'Helvetica', 'Arial'; } Meta { position: relative; left: 5px; right: 5px; bottom :5px; top : 5 px; margin: 5px; 5px; 5px; 5px; padding: 5px; 5px; 5px; 5px; width: auto; height: auto ; background : #F3F8FF; color: blue ; /* Other styles same as .left */ background-image: url(' '); background-repeat: repeat; background-size: cover; background-attachment: local; background-position: center; background-origin: border-box; background-clip: border-box; overflow: scroll; display: inline-block; border-width: 1px; border-style: solid; border-color: blue; border-image: initial; font-weight: normal;font-size: 24px; font-family: 'Helvetica', 'Arial'; font-family: 'PT Sans', 'Helvetica', 'Arial'; /* initial fonts */ font-family: 'PT Serif', 'Helvetica', 'Arial'; } /* CSS goes here, at the top of the page */ .red{ color: red; } .thick{ font-size:20px; } .green{ color:green; } The content of the document......