Advanced Search
Search Results
67 total results found
HTML, CSS and JavaScript Basics
New Page
HTML Reference
HTML Text and Headings
HTML provides elements for displaying text, headings and page structure. Headings Headings are used to organise content on a webpage. HTML provides six heading levels. Heading 1 Heading 2 Heading 3 Heading 4 Heading 5 Heading 6 Result: Heading 1 Heading 2 Head...
HTML Links and Images
Links allow users to navigate between pages and websites. Images can be used to display photos, logos and graphics on a webpage. Creating a Link Use the a element to create a hyperlink. <a href="page.html">Go to Page</a> Result: Go to Page When clicked, the b...
HTML Lists and Tables
Lists and tables are used to organise and display information on a webpage. Lists are useful for displaying related items, while tables are useful for displaying data in rows and columns. Unordered Lists An unordered list displays items using bullet points. <u...
HTML Forms
Forms allow users to enter and submit information on a webpage. Forms are commonly used for: Login systems Registration pages Contact forms Surveys Search boxes Creating a Form A form is created using the form element. <form> </form> All form controls are pla...
HTML Embeds and Comments
HTML can be used to embed videos, maps and other content into a webpage. Comments can also be added to help explain code without displaying anything on the page. HTML Comments Comments are ignored by the browser. They are useful for explaining code and leaving...
CSS Reference
JavaScript Reference
New Page
Helper Tools
HTML & CSS Fixer
The HTML & CSS Fixer helps identify common mistakes in HTML and CSS code. The tool highlights problems and suggests fixes using comments so you can correct the code yourself. The Tool Can Help Find Missing closing tags Incorrect nesting Missing quotation marks...
PHP Password Hasher
The PHP Password Hasher generates secure password hashes for use in PHP login systems. This tool is useful when: Adding users directly in phpMyAdmin. Resetting passwords during development. Testing login systems. Verifying that a password matches a stored hash...
Data Visualisation with Google Charts
Creating Charts with Google Charts
Google Charts is a free JavaScript library that can create professional graphs and charts using your data. Google Charts can display: Pie Charts Bar Charts Column Charts Line Charts Area Charts In this tutorial you will create your first chart using sample dat...
Pie Charts from SQL Data
In the previous tutorial, the chart data was entered manually. In this tutorial, the chart data will come directly from a MySQL database. The example below uses the cyber_security_events table. Step 1 - Create the SQL Query The following query counts how many...
Bar Charts from SQL Data
Bar charts are useful for comparing values between categories. In this tutorial, the number of security events at each risk level will be displayed as a bar chart. Step 1 - Create the SQL Query SELECT risk_level, COUNT(*) AS total FROM cyber_security_e...