プログラミングブログ

小3が解説するプログラミングのブログ

【HTML5】パンくずリストの作り方

by · 公開済み · 更新済み

赤丸先生
赤丸先生

今日は、パンくずリストの作り方を解説するよ。

パンくずリストって何？

青丸くん
青丸くん
赤丸先生
赤丸先生

こんなのだよ！　　　　　　　　　　　　　　　　

なるほどー

でもそれって意味あるの？

青丸くん
青丸くん
赤丸先生
赤丸先生

これを付けると、よりいい記事になるから、できれば

パンくずリストは付けておいた方がいいよ。

パンくずリストの作り方（HTML）

赤丸先生
赤丸先生

今回は、HTMLでのパンくずリストだよ。

<div style="text-indent:2em;
font-size:30px;">
<a href="https://amuos1210.yurushoku.com/">トップページ</a>&gt;
<a href=”https://amuos1210.yurushoku.com/category/html/">HTML</a>
</div>
赤丸先生
赤丸先生

上のように打ってね。

こうすると、僕たちのサイトが開くよ。

僕たちのサイトじゃないリンクにしたい場合は、

<div style=”text-indent:2em;
font-size:文字サイズ;”>
<a href=”トップページURL“>トップページ</a>&gt;
<a href=”カテゴリーURL“>カテゴリー名など</a>
</div>

赤丸先生
赤丸先生

こんな感じにしてね。もし3個、4個にしたい場合は、　

コード　

<div style="text-indent:2em;
font-size:10px;">
<a href="トップページURL">トップページ</a>&gt;
<a href="トップページURL">カテゴリー1</a>&gt;
<a href="トップページURL">カテゴリー2</a>&gt;
<a href="トップページURL">カテゴリー3</a>&gt;
<a href=”カテゴリーURL">カテゴリー4</a>
</div>カテゴリー

プレビュー

凄い凄い！

じゃあ、

青丸くん
青丸くん
2人
2人

ばいばーい

最近動画編集にハマってます。

アムオスが使ってる動画編集ソフト：Aviutl

amuos1210

小3です。scratchやHTML、CSS、JavaScript、Pythonなどが好きです。 最近動画編集もはまっています。

おすすめ

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください。