Saturday, 8 December 2018

How create html page without Z-index

How create html page without Z-index

<!DOCTYPE html>
<html>
<head>
<title>Without Z-Index</title>
<style type="text/css">
body {
width: 750px;
font-family: Arial, Verdana, sans-serif;
color: #665544;}
h1 {
position: fixed;
top: 0px;
left: 0px;
margin: 0px;
padding: 10px;
width: 100%;
background-color: #efefef;}
p {
position: relative;
top: 70px;
left: 70px;}
</style>
</head>
<body>
<h1>The Evolution of the Bicycle</h1>
<p>In 1817 Baron von Drais invented a walking machine that would help him get around the royal gardens faster: two same-size in-line wheels, the front one steerable, mounted in a frame upon which you straddled. The device was propelled by pushing your feet against the ground, thus rolling yourself and the device forward in a sort of gliding walk.</p>
<p>The machine became known as the Draisienne (or "hobby horse"). It was made entirely of wood. This enjoyed a short lived popularity as a fad, not being practical for transportation in any other place than a well maintained pathway such as in a park or garden.</p>
<p>The next appearance of a two-wheeled riding machine was in 1865, when pedals were applied directly to the front wheel. This machine was known as the velocipede (meaning "fast foot") as well as the "bone shaker," since it's wooden structure combined with the cobblestone roads of the day made for an extremely uncomfortable ride. They also became a fad and indoor riding academies, similar to roller rinks, could be found in large cities.</p>
<p>In 1870 the first all-metal machine appeared. (Prior to this, metallurgy was not advanced enough to provide metal which was strong enough to make small, light parts out of.) The pedals were attached directly to the front wheel with no freewheeling mechanism. Solid rubber tires and the long spokes of the large front wheel provided a much smoother ride than its predecessor.</p>
<p>The front wheels became larger and larger as makers realized that the larger the wheel, the farther you could travel with one rotation of the pedals. For that reason, you would purchase a wheel as large as your leg length would allow. This machine was the first one to be called a bicycle ("two wheel"). These bicycles enjoyed a great popularity during the 1880s among young men of means. (They cost an average worker six month's pay.)</p>
<p>Because the rider sat so high above the center of gravity, if the front wheel was stopped by a stone or rut in the road, or the sudden emergence of a dog, the entire apparatus rotated forward on its front axle and the rider, with his legs trapped under the handlebars, was dropped unceremoniously on his head. Thus the term "taking a header" came into being.</p>
</body>
</html>

output:


what is structure of html page    simple first program of html code    what is superscript and subscript in html    how can use strong tag in html pages    how can use strikethrough in html page    how can use quotations tag in html page    how can use paragraphs tag in html page    how can use line breaks tag in html code    how can use italic tag in html page code    how can use insert and delete tag in html    how can use horizontal rules in html    how can use headings tag in html    how can make simple text web page cod    how can write emphasis in html page code    how can write definitions in html page    how can write citations in html page    how can use bold tag in html page    how can write address in html page    how make abbreviations and acronyms in html    an example of lists in html full code    create unordered lists in html code    create ordered lists in html code    create nested lists in html code    create definition lists in html    how can opening links in newwindow    how can create more links in web page    how can linking to other sites in web    create linking to other pages on same    create linking to specific part of page    how links email from web page    how create abou html web-pageand like html    a simple html example where usemultiply tag    how can set height and width of images    how can aligning images vertically in html    how can aligning images horizontally in html    adding image in html code    a simple tables example of html    how can test width and spacing in html    create table with table headings in html    create table with spanning rows in html    create table with spanning columns in html    creating long tables in html using css    create table in html file with border    basic table structure in html code    creating text input box in html code    creating textarea box in html code    create submit button in html code    create radio button in html code    create password input box in html code    make multiple select box in html5 code    how use labelling form controls in html    how make image button in html5-code    how input url in html5    how use html5 search input box    create placeholder in html5    how create validation form in html5    how input email in html5 code    how date input in html5 code    html code to grouping form elements    form structure in html code    create file input box in html code    how create user review forms in html    create drop down list box in html code    how create checkbox in html    how use button and hidden controls in html    learn how write meta data description    learn how use inline elements in html    learn how use iframes continued in html    source code how use iframes in html page    how use id attribute in html program    grouping inline elements in html    grouping block elements in html program    a example of book publication    how use comments in html program    how use class attribute in html    creating block elements in html web page    adding multiple video sources in web page    adding multiple audio sources in web page    adding multiple flash video and audio    adding html5 video in webpage code    adding html5 audio in webpage code    adding flash video in webpage code    adding flash mp3 player in webpage    how can adding flash movie    use css with in html code    using external css in web page    how can use css inside box without box    how can use css inside box in html    html program use in inheritance    html program to use css in html page    a html program using with css selectors    how css rules cascade in html programs    creating opacity using html program    hsla html program using css    a html program set more foreground    html program using more color in    html program set background color using css    how text and image vertical align in web page    html program to understanding font    text transform in html program using css    setting of text shadow in html program    how set text indent in html program    html source code with text decoration    html source code with text align     html-program that has no style.html    html source code make link visited    html source code that set line-height    an example of html that letter and word    how active focus in html from css    how set font weight in html from css    a html source code thatset font style    a html example that set font size from    html code that change font family    html code for font face that decorate text    an example of html page show content in    an example of html source code for text    create display in html    how to create elliptical shapes in html    a good example of html pages    how set margin in html    how set min height max height in html    how set min width max width in webpage    creating overflow html page    creating padding in html page using css    creating visibility in html page using    using html create white space vertical    create html page using white space    create html page using css with width    how set border color in html    how set border image in html    how set border radius in-html    how set border shorthand in html    how to set border style in html    how to set border style in html    how set border width in html    creating box shadow in html    learn how to centering content in html    creating normal flow layout in html    creating absolute positioning html    creating fixed positioning html page    creating html page with relative    using float to place elements side by    how create html page without z-index    creating html page using z-index    creating html page using styling    creating html page using styling    creating html page using styling text    creating beautiful table with    how make three column layout in html    how make two column layout in html from    example of layout in html from css by    how create fixed width layout in html    create float layout from css in html    set parent float layout in html from css    parent float layout solution in html    creating grid layout in html from css    creating liquid layout in html from css    how set layout html page use multiple    how make multiple style sheets link-in    centering images from css in html    background shorthand in html    how use background repeat in html    background position set in percentage    set background position in html from css    set background image element in html    set background image in body from css    background attachment from css in html    set aligning images in html from css    set image sizes from css in html    image rollovers and sprites in html    using gradient in html from css    image gallery examples of html and css    how to create website page with css     learn advanced html5

0 comments:

Post a Comment