search

Lichen5221 / Report-Daily

記錄每日上課內容與作業。
0 stars 0 forks source link

2021-06-04 #46

Open Lichen5221 opened 3 years ago

Lichen5221 commented 3 years ago

麵包屑

html 檔：

<!DOCTYPE html>
<html>
  <head>
    <meta charset='utf-8' />
    <title>Test</title>
    <link rel="stylesheet" href="./test.css" />
    <script src="https://kit.fontawesome.com/9c374a27e2.js" crossorigin="anonymous"></script>
  </head>
  <body>
    <div class="wrap">
      <ol class="breadcrumb">
        <li><a href="#">作品列表</a></li>
        <li><a href="#">長篇小說</a></li>
        <li><a href="#">作品名稱</a></li>
        <li><a href="#">角色介紹</a></li>
      </ol>
    </div>
  </body>
</html>

CSS 檔：

*{
    margin: 0;
    padding: 0;
    list-style: none;
}

body{
    background-color: #562870;
}

.wrap{
    padding: 10px 0;
    background: #ec008b;
    box-shadow: 0px 5px 5px rgba(220, 0, 139, 0.7);
}

.breadcrumb{
    width: 90%;
    margin: auto;
    display: flex;

}

.breadcrumb li{
    padding: 0 20px; /* 拉開間距 */
}

.breadcrumb a{
    text-decoration: none;
    color: #fff;
}

.breadcrumb a:hover,
.breadcrumb li:last-child a{
    color: #ff0;
}

.breadcrumb li + li{
    padding-left: 0;
}

.breadcrumb li + li:before{
    content: '>';
    color: #fff;
    margin-right: 20px;
}
Lichen5221 commented 3 years ago

PHP 語法

寫 PHP 時需注意，要有 <?php ?> 標籤，才會執行 PHP 。

最基本語法： echo ，輸出。

<?php
  echo "<h1>123</h1>"; // 在網頁上就會呈現標題粗體大字的 123
?>

PHP 語法每一行都必加分號，變數名稱以 $ 代替。

<?php
  $a = 1;
  echo $a;
?>

PHP 中字串連接使用 . 而非 + 。

<?php
  $a = "hello";
  $b = "world";
  echo $a . $b;
?>

PHP 語法中變數都要 $ 開頭（迴圈或判斷函式皆是）。

<?php
  for ($i =1; $i < 10; $i++){
    echo $i . "<br>";
  }
?>

html 解析底下換行（"/n"）只會變成空格，要使用 br 才能會換行。

<?php
  $arr = array("字串", 2, 3, 4, "字串");
  echo "length" . sizeof($arr) . "<br>";
  echo $arr[sizeof($arr) - 1];
  var_dump($arr); // 另外一種輸出法，把變數的型態跟值都印出來。
  print_r($arr); // 比較簡潔一點的輸出法。
?>
<?php
  function add($a, $b) {
    return $a + $b;
  }

  echo add(1, 3);
?>