Training page :]
This is a paragraph.
This is another paragraph.
this is a paragraph
with a line break
this is a text with 60px size
This paragraph contains a lot of spaces and lines in the source code, but the browser ignores it.
this paragraph has a
"powderblue" background and "grey" color font
this paragraph has a
"tomato" background
this paragraph has a
"rgba(10, 55, 73, 0.7)" background, "white" color font
and "courrier" font
this parahraph is centered
this parahraph is aligned left
this parahraph is aligned right
This text is bold
This text is important!
This text is italic
This text is emphasized
This is some smaller text.
this word is marked.
this word is deleted
this word is underlined
this is a subscripted text
This is a superscripted text
in this code, there is a hidden comment
border time :D
hehehehe
theehee :3
bordered text with 30px padding and 50px margin
The target attribute can have one of the following values:
_self - Default. Opens the document in the same window/tab as it was clicked
_blank - Opens the document in a new window or tab
_parent - Opens the document in the parent frame
_top - Opens the document in the full body of the window
This webbed site opens in a new page
this image hosts a link to lukas' tumblr page
you can send an demail to someone@example.com by clicking here
| Name | Age | Grade |
|---|---|---|
| Alec | 17 | Pr |
The first column becomes table headers if you set the first table cell in each table row to a TH element:
| Firstname | Jill | Eve |
|---|---|---|
| Lastname | Smith | Jackson |
| Age | 50 | 94 |
To make a cell span more than one column, use the colspan attribute.
| Name | Age | |
|---|---|---|
| Jill | Smith | 43 |
| Eve | Jackson | 57 |
You may also use other types like : disc, circle, square or none.
Lists can be nested (list inside list):
type="1" The list items will be numbered with numbers (default)
type="A" The list items will be numbered with uppercase letters
type="a" The list items will be numbered with lowercase letters
type="I" The list items will be numbered with uppercase roman numbers
type="i" The list items will be numbered with lowercase roman numbers
By default, an ordered list will start counting from 1. Use the start attribute to start counting from a specified number:
This is an inline span Hello World element inside a paragraph.
The SPAN element is an inline element, and will not start on a new line and only takes up as much width as necessary.
London is the capital city of England. It is the most populous city in the United Kingdom, with a metropolitan area of over 13 million inhabitants.
My mother has blue eyes and my father has dark green eyes.
London is the capital of England.
Paris is the capital of France.
Tokyo is the capital of Japan.
This is some important text.
Using the span element to change a specific word in the text
Here, all three h2 elements belongs to the "city" class. In addition, London also belongs to the "main" class, which center-aligns the text.
Click the button to hide all elements with class name "city":
London is the capital of England.
Paris is the capital of France.
Tokyo is the capital of Japan.
The id attribute specifies a unique id for an HTML element. The value of the id attribute must be unique within the HTML document. The id attribute is used to point to a specific style declaration in a style sheet. It is also used by JavaScript to access and manipulate the element with the specific id. The syntax for id is: write a hash character (#), followed by an id name. Then, define the CSS properties within curly braces {}. In the following example we have an -h1- element that points to the id name "myHeader". This -h1- element will be styled according to the #myHeader style definition in the head section:
JavaScript can access an element with a specified id by using the getElementById() method:
You can use the height and width attributes to specify the size of the iframe:
To remove the default border of the iframe, use CSS:
When the target attribute of a link matches the name of an iframe, the link will open in the iframe.
This example writes "Hello JavaScript!" into an HTML element with id="ip":
JavaScript can change the content of an HTML element:
I've got something.
JavaScript can change the style of an HTML element.
Here, a JavaScript changes the value of the src (source) attribute of an image.
A browser without support for JavaScript will show the text written inside the noscript element.
All meta information goes insite the head
Oh my!
i write like this and i can do a line break it nice and all try yt
This paragraph will be red and center-aligned.
In this example only P elements with class="center" will be red and center-aligned:
This paragraph will be red and center-aligned.
This paragraph will be red, center-aligned, and in a large font-size.
This property specifies what kind of border to display:
A dotted border.
A dashed border.
A solid border.
A double border.
A groove border.
A ridge border.
An inset border.
An outset border.
No border.
A hidden border.
A mixed border.