Help us understand the problem. What is going on with this article?

ステータス確認くん1号

More than 1 year has passed since last update.

今回はPHPを使っていきます。
とりあえず作りたい方はツールも用意してありますのでこちらからどうぞ
ステータスコードを取得するサイトの内容には十分気をつけてください。

<!DOCTYPE html>
<html>
<head>
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.8.2/css/all.css" rel="stylesheet">
<style>
html, body {
 font-family: sans-serif
}
.red {
 color: red
}
.green {
 color: green;
}
table {
 border-collapse: collapse;
 max-width: 90%;
 width: 400px;
 margin: auto;
}
td {
 border: solid 1px;
 padding: 0.5em;
}
.black {
 color: black;
}
</style>
</head>
<body>
<table>
<tr><td colspan="2">現在のサーバーやドメインの状態</td></tr>
<!--ここから-->
<tr><td><?php $url = "[ドメイン名]"; echo $url; echo '</td><td><i class="fas fa-circle '; $http_response_header = array(); if($data = @file_get_contents($url)){ echo "green"; } else{ echo "red"; } ?>"></i></td></tr>
<!--ここまで必要な回数だけ繰り返し-->
</table>
</body>
</html>

おまけとしてclass属性の後に'black'をつければ丸いのが黒くなります。

kyoya0819
ただのシロクマな高校生。
https://kyoya0819.netlify.com
backend-tourists
バックエンド好きが集まっている(わけではない)グループです。
https://backend-tourists.netlify.app/
Why not register and get more from Qiita?
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away