Posts

how to create a contact form with HTML and CSS

Image
How To Create a Contact Form Step 1) Add HTML Use a <form> element to process the input. You can learn more about this in our  PHP  tutorial. Then add inputs (with a matching label) for each field: Example < div  class ="container" >    < form  action ="action_page.php" >      < label  for ="fname" > First Name < /label >      < input  type ="text"  id ="fname"  name ="firstname"  placeholder ="Your name.." >      < label  for ="lname" > Last Name < /label >      < input  type ="text"  id ="lname"  name ="lastname"  placeholder ="Your last name.." >      < label  for ="country" > Country < /label >      < select  id ="country"  name ="country" >      ...
Post a Comment
Read more

introduction to CSS (External and internal)

Image
A CSS (cascading style sheet) file allows you to separate your web sites (X)HTML content from it’s style. As always you use your (X)HTML file to arrange the content, but all of the presentation (fonts, colors, background, borders, text formatting, link effects & so on…) are accomplished within a CSS. At this point you have some choices of how to use the CSS, either internally or externally. Internal Stylesheet First we will explore the internal method. This way you are simply placing the CSS code within the <head></head> tags of each (X)HTML file you want to style with the CSS. The format for this is shown in the example below. <head> <title><title> <style type=”text/css”> CSS Content Goes Here </style> </head> <body> With this method each (X)HTML file contains the CSS code needed to style the page. Meaning that any changes you want to make to one page, will have to be made to all. This method can be good if...
Post a Comment
Read more

introduction to HTML 2

Image
Creating websites is not as tough as it seems to be. Learn how to code a simple HTML page with HTML – the widely used Markup Language for the Web. Designing and creating a simple website is easy. Even beginners can  learn web designing  without putting in too much effort and time. HTML is the first Internet-based Markup Language. It is the core markup for all web pages and is an integral part of the Web. If you are a Web developer or designer and need to develop some great websites, then you can do it with HTML. It is an easy to acquire and a core skill for all web developers and designers. Let us learn the basics of HTML markup and use it to create a Simple HTML Page. Introduction to HTML HTML stands for HyperText Markup Language HyperText is text that works as a link. Markup Language defines layout information within a document. HTML defines the structure of a web page. It provides indications to the browser to suitably display the web page. An...
Post a Comment
Read more

introduction to HTML

Image
What is HTML? HTML is the standard markup language for creating Web pages. HTML stands for Hyper Text Markup Language HTML describes the structure of Web pages using markup HTML elements are the building blocks of HTML pages HTML elements are represented by tags HTML tags label pieces of content such as "heading", "paragraph", "table", and so on Browsers do not display the HTML tags, but use them to render the content of the page A Simple HTML Document Example < !DOCTYPE  html > < html > < head > < title > Page Title < /title > < /head > < body > < h1 > My First Heading < /h1 > < p > My first paragraph. < /p > < /body > < /html > Try it Yourself » Example Explained The  <!DOCTYPE html>  declaration defines this document to be HTML5 The  <html>  element is the root element of an HTML page The  <head>  element cont...
Post a Comment
Read more