HTML Introduction
HTML means Hyper Text Markup Language. Current version of HTML is HTML 5 and the first version is HTML 1.0. HTML is one of the easiest coding language to learn. When creating a web page there are some sections one must know, such as HTML, CSS, Javascript.
HTML Structure
<!DOCTYPE html> <html> <head> <title>Webpage Title</title> <style> /*CSS styles written here*/ </style> <script> /*Javascript code written here*/ </script> </head> <body> <!--HTML tags written here--> </body> </html>
CSS style
CSS is defined as Cascading Style Sheet.
- After HTML, we should learn CSS.
- CSS is used to give styles for the web pages. Styles include adding colors, animations, bordering styles etc.
- CSS can be included in a web page using three different ways, we will see those in detail in CSS chapter.
- CSS styles can be added to a webpage depending on screen height, width and its orientation. So that we can add different styles for the same html element in different devices.
<!DOCTYPE html> <html> <head> <title>HTML Textbox</title> </head> <body> <input type="text"> </body> </html>
<!DOCTYPE html> <html> <head> <title>Textbox with CSS style</title> <style> input{ box-shadow:2px 3px 5px 3px gray; } </style> </head> <body> <input type="text"> </body> </html>
Javascript code
Javascript is used to make web pages more interactive with users, it is used for operations such as basic client-side validation, passing the values to the server and more.
<!DOCTYPE html> <html> <head> <title>Button with javascript</title> <script> function test() { alert("Test button"); } </script> </head> <body> <button onclick="test();">Click Me</button> </body> </html>
Refered by tutorialcodeplay