Comparisons of web languages
- 1. Client-Side (Front-End) Server-Side (Backend) Languages Hypertext Markup Language (HTML) Cascading Style Sheets (CSS) JAVASCRIPT (JS) jQuery Hypertext Preprocessor (PHP) Type of Language Structural Language Styling Language Programming Language Programming Language Programming Language Purpose Create basic structure and define content of a webpage Specifying the layout and design of a webpage Program the behaviour of webpages. Designing interactive elements of a webpage that engage users. Make it much easier to use JavaScript on your website. β’ output HTML. images, PDF files, and even Flash movies. β’ output any text, such as XHTML and XML. Abilities β’ Read by web browsers β’ CSS Transitions β’ CSS Animations β’ CSS Media Queries β’ change HTML content β’ change HTML attributes β’ change CSS style β’ hide HTML elements β’ show hidden HTML elements β’ HTML/DOM manipulation β’ CSS manipulation β’ HTML event methods β’ Effects and animations β’ AJAX β’ Utilities β’ collect form data β’ generate dynamic page content β’ send and receive cookies Comments <!--Multiple Lines--> /* Multiple Lines*/ // Single Line /* Multiple Lines*/ # Single Line // Single Line /* Multiple Lines*/ Syntax HTML Tags <!DOCTYPE html> <html> </html> <p>This is a paragraph</p> β’ External style sheet <link rel=βstylesheetββ¦..> β’ Internal style sheet <style> p { color: red; } </style> β’ Inline style <h1 style =ββ>xxx<h1> <script></script> β’ $(document).ready(function(){ // jQuery methods go here... }); <?php echo βHelloβ; ?> Case-sensitive Tag names and attributes are case- insensitive. Attribute values are case-sensitive No Yes No Place of Insertion <head>, External file, External url <head>, <body>, External file , External url, External folder