Skip to main content

Basic HTML templates

I have the need to use a basic template for a html page and it is really tiresome for me to type the same thing every time. Hence I came up with this template to copy and paste in my editor for quick process.

1. Basic
1:  <html>  
2:       <head>  
3:            <title>Sample page</title>  
4:              
5:       </head>  
6:       <body>  
7:              
8:       </body>  
9:  </html>
2.  Container
1:  <html>  
2:       <head>  
3:            <title>Sample page</title>  
4:              
5:       </head>  
6:       <body>  
7:            <div>  
8:              
9:            </div>  
10:       </body>  
11:  </html>
3. Scripts and Styles
1:  <html>  
2:       <head>  
3:            <title>Sample page</title>  
4:            <style>  
5:              
6:            </style>  
7:            <script>  
8:              
9:            </script>  
10:       </head>  
11:       <body>  
12:            <div>  
13:              
14:            </div>  
15:       </body>  
16:  </html>  



I hope it is useful for others.
Labels:

Comments

Post a Comment

Popular posts from this blog

Trip to narsipura Sri Vaidya Narayana murthy - Shimago for cancer treatment

Hi friends. I would like to share my experience about my trip to Shimago and meet Guru Narayana murthy who would treat for cancer, diabetics, kidney diseases. My brother was diagnosed with rectal cancer on October 2014. The news of cancer to a young boy of 26 years shook our whole family. But we are strong as he was getting treatment from world class care clinic in Cleveland - Cleveland clinic, Ohio, USA. As fate had other plans, his cancer came in January, 2017 back after an extensive surgery, chemotherapy and radiotherapy. The doctors made a decision to keep him in hospice care: support for advanced illness. They said that there is no more treatment and only to keep him comfortable as long as he lives, we lost our hopes and that is when we thought of giving a try to Ayurvedic medicine. We found Guruji narasipura narayana murthy. His medicine gave us hopes and I recently went to narsipura to get the medicine. I thought it would be best to give my share of experience in reaching the
82 comments
Read more

Solution to "child margin affects parent" in CSS

The browser implementation is that when the parent has no content and the child requests for margin, the parent is brought down instead of child going down. The solution for these are listed below with their side effects. floats , You  have  to float elements border-top , This pushes the parent at least 1px downwards which should then be adjusted with introducing  -1px  margin to the parent element itself. This can create problems when parent already has  margin-top  in relative units. padding-top , same effect as using  border-top overflow: hidden , Can't be used when parent should display overflowing content, like a drop down menu overflow: auto , Introduces scrollbars for parent element that has (intentionally) overflowing content (like shadows or tool tip's triangle) See the Pen Relative with Margin by Manikanta ( @immnk ) on CodePen .
52 comments
Read more

Redirection in javascript

How Page Re-direction works ? Example 1: This is very simple to do a page redirect using JavaScript at client side. To redirect your site visitors to a new page, you just need to add a line in your head section as follows: <head> <script type="text/javascript"> <!-- window.location="http://www.newlocation.com"; --> </script> </head> To understand it in better way you can  Try it yourself . Example 2: You can show an appropriate message to your site visitors before redirecting them to a new page. This would need a bit time delay to load a new page. Following is the simple example to implement the same: <head> <script type="text/javascript"> <!-- function Redirect() { window.location="http://www.newlocation.com"; } document.write("You will be redirected to main page in 10 sec."); setTimeout('Redirect()', 10000); //--> </script> </head> Here 
15 comments
Read more