|
1 | | -test |
| 1 | +<!DOCTYPE html> |
| 2 | +<html lang="en"> |
| 3 | +<head> |
| 4 | + <meta charset="UTF-8"> |
| 5 | + <meta name="viewport" content="width=device-width, initial-scale=1.0"> |
| 6 | + <title>Advanced Regex Practice Page</title> |
| 7 | + |
| 8 | + <style> |
| 9 | + body { font-family: Arial, sans-serif; background-color: #f4f4f4; } |
| 10 | + h1 { color: #333; } |
| 11 | + .highlight { color: #FF5733; } /* Some random hex colors */ |
| 12 | + .user-info { background: #123abc; padding: 10px; } |
| 13 | + </style> |
| 14 | +</head> |
| 15 | +<body> |
| 16 | + |
| 17 | + <!-- Page Title --> |
| 18 | + <h1>🔍 Advanced Regex Practice Page</h1> |
| 19 | + |
| 20 | + <!-- Contact Section --> |
| 21 | + <h2>📞 Contact Information</h2> |
| 22 | + <p>Customer Service: (555) 123-4567, Support: +1-800-987-6543</p> |
| 23 | + <p>International: +44 208 123 4567, Local: 212.555.7890</p> |
| 24 | + |
| 25 | + <!-- Email Addresses --> |
| 26 | + <h2>📧 Emails</h2> |
| 27 | + <p>Contact: <a href="mailto:info@example.com">info@example.com</a></p> |
| 28 | + <p>Other emails: admin@company.org, user.name+regex@gmail.com</p> |
| 29 | + <p>Hidden email: <!-- hidden.email@secret.com --></p> |
| 30 | + |
| 31 | + <!-- Website Links --> |
| 32 | + <h2>🌐 Website Links</h2> |
| 33 | + <ul> |
| 34 | + <li><a href="https://www.example.com/home">https://www.example.com/home</a></li> |
| 35 | + <li><a href="https://sub.domain.net/path/to/page?query=123">https://sub.domain.net/path/to/page?query=123</a></li> |
| 36 | + <li><a href="http://blog.example.org/articles/post-1">http://blog.example.org/articles/post-1</a></li> |
| 37 | + <li><a href="https://cdn.example.io/assets/image.jpg">https://cdn.example.io/assets/image.jpg</a></li> |
| 38 | + </ul> |
| 39 | + |
| 40 | + <!-- Date Formats --> |
| 41 | + <h2>📅 Dates</h2> |
| 42 | + <p>Today's Date: 02/18/2025</p> |
| 43 | + <p>Other formats: 2025年02月18日, 18-Feb-2025, March 5th, 2024</p> |
| 44 | + |
| 45 | + <!-- IP Addresses --> |
| 46 | + <h2>🖥 IP Addresses</h2> |
| 47 | + <p>Internal: 192.168.1.100, 10.0.0.45</p> |
| 48 | + <p>Public: 8.8.8.8, 203.0.113.76</p> |
| 49 | + |
| 50 | + <!-- Credit Card Numbers --> |
| 51 | + <h2>💳 Credit Card Numbers (Dummy)</h2> |
| 52 | + <p>Visa: 4111-1111-1111-1111</p> |
| 53 | + <p>MasterCard: 5500-0000-0000-0004</p> |
| 54 | + <p>AMEX: 3714-496353-98431</p> |
| 55 | + |
| 56 | + <!-- User Credentials --> |
| 57 | + <h2>🔑 User Credentials</h2> |
| 58 | + <p>Username: regex_pro99, Password: P@ssw0rd123!</p> |
| 59 | + <p>Test user: john_doe, Pass: MySecret99</p> |
| 60 | + |
| 61 | + <!-- Table Example --> |
| 62 | + <h2>📊 User Data Table</h2> |
| 63 | + <table border="1"> |
| 64 | + <tr> |
| 65 | + <th>Name</th><th>Email</th><th>Phone</th><th>IP</th> |
| 66 | + </tr> |
| 67 | + <tr> |
| 68 | + <td>Alice</td><td>alice@example.com</td><td>(123) 456-7890</td><td>192.168.1.101</td> |
| 69 | + </tr> |
| 70 | + <tr> |
| 71 | + <td>Bob</td><td>bob@work.net</td><td>+1-987-654-3210</td><td>203.0.113.55</td> |
| 72 | + </tr> |
| 73 | + </table> |
| 74 | + |
| 75 | + <!-- Form Example --> |
| 76 | + <h2>📝 Registration Form</h2> |
| 77 | + <form action="/submit" method="POST"> |
| 78 | + Name: <input type="text" name="name"><br> |
| 79 | + Email: <input type="email" name="email"><br> |
| 80 | + Password: <input type="password" name="password"><br> |
| 81 | + <input type="submit" value="Register"> |
| 82 | + </form> |
| 83 | + |
| 84 | + <!-- JavaScript Variables --> |
| 85 | + <script> |
| 86 | + // Some API endpoints with URLs |
| 87 | + var apiUrl = "https://api.example.com/v1/data"; |
| 88 | + var userEmail = "developer@tech.dev"; |
| 89 | + var userIp = "10.1.1.50"; |
| 90 | + |
| 91 | + // Function with a phone number |
| 92 | + function contactSupport() { |
| 93 | + console.log("Call +1-555-900-1234 for support."); |
| 94 | + } |
| 95 | + </script> |
| 96 | + |
| 97 | +</body> |
| 98 | +</html> |
0 commit comments