HTML

new html icons

HTML, Web / By /

Following are the HTML icons for using in web pages. <!DOCTYPE html> <html> <head> <meta charset=”utf-8″> <meta name=”viewport” content=”width=device-width, initial-scale=1″> <title></title> <link rel=”stylesheet” href=”https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css”> <style> body{background-image: linear-gradient(to right, green 50%, lightgreen); color:white; border-radius: 20px;”} </style> </head> <body bgcolor=”yellow”> <center> <h1 style=”background-image: linear-gradient(to right, red, orange); color:white; border-radius: 20px;”> All New HTML ICONS </h1> <hr> <p …

new html icons Read More »

Share

Sliding menu in html css

HTML / By /

Slider menu in html page using css To create a slider navigation menu in html by using CSS syntax. Copy the following program and paste in Notepad then save as .html file extension and view in browser. <html> <style> body { font-family: “Tahoma”, sans-serif; } .sidemenu { height: 100%; width: 0; position: fixed; top: 0; …

Sliding menu in html css Read More »

Share

fixed background image using css

HTML / By /

Fixed background image in HTML page using CSS To fix the background image static at center, means no scrolling image! The following CSS page must be created. Have a look. h1 { background-color: green; } div { background-image: url(“d:\solid.jpg”); } p { background-color: yellow; } BODY { background-image:url(“d:\java-logo.jpg”); background-repeat: no-repeat; background-position: center; background-attachment: fixed; } …

fixed background image using css Read More »

Share

fixed top bar using html

HTML / By /

Fixed header in html Fixed header menu or top bar using html is an essential in most of the modern web pages are concerned. To fix this header  menu bar constant at particular location, implement the following css code in your html program. <meta name=”viewport” content=”width=device-width, initial-scale=1.0″> <html> <head> <style> #menu1 { position: fixed; background-color:cyan; …

fixed top bar using html Read More »

Share

CSS blocks-and-menus

HTML / By /

In this tutorial you’ll able to create a css [cascading style sheet] blocks for your web site. Below are the some of examples you can refer . Creating beautiful hyperlink buttons with CSS blocks. Example 1. <html> <head> <style> #corner1{ border-radius: 15px 50px 30px 5px; background: skyblue; padding: 20px; width: 100px; height: 25px; } #corner2{ …

CSS blocks-and-menus Read More »

Share

HTML5 Validation

1 Comment / HTML / By /

Following example states the use of HTML5 control form validation. <!DOCTYPE html> <html> <body> <h1> HTML5 Form Validation </h1> <hr> <form name=f1> Enter name: <input type=”text” pattern=”[a-zA-Z]+” title=”Your name without space” required /> </br> Email id: <input type=”email” required /> </br> WebAddress: <input type=”url” required/> starts with http:// </br> Phone number: <input type=”tel” pattern=”^\d{2}-\d{10}” required/> …

HTML5 Validation Read More »

Share
Share
Scroll to Top