くろがねLab Tecnology&Fishing

私の知ってるHTMLのコード【初心者】

HTML

私は、WordPressにてManaBlogCopyを購入後ゾノさんプロデュース 
GW【ブログビジネス基礎クラス6時間目】
を受講し100記事投稿を今年9月中に行う事を約束した駆け出し者です。

お恥ずかしながら現時点で私がHTMLのコードで知っているモノを忘れないように
投稿します。
HTMLコード魔法みたいです。テーマはmblogcopyを使って細かい設定は
ゾノさん01blog:https://01blog.org/の内容を参考に設定しています。

1知ってるコード h1 h2 h3

h1,2,3は”見出しです”見出しにしたい”
これをで囲むと

<h1>見出しにしたい</h1>

見出しにしたい

となりますタイトルっぽい「すげー」
中見出しにしたい場合はh2/h2で囲むと

<h2>見出しにしたい</h2>

見出しにしたい

h3/h3で囲むと

<h3>見出しにしたい</h3>

見出しにしたい

数字が小さくなるとどんどん小見出しになります。
凄い!なんだか魔法が使える気分になります。WordPress便利です。

2知ってるコード ul

ulこれは”箇条書き”です
1朝スヌーズで起きる
2スヌーズを切る
3遅刻する
これをul/ulで囲むと

<ul>
1朝スヌーズで起きる
2スヌーズを切る
3遅刻する
</ul>
    1朝スヌーズで起きる
    2スヌーズを切る
    3遅刻する

となります。

3知ってるコード “リンク” a href=”URL” /a

うげっなんかややこしい
a href=”URL”     このURLの中にhttps://labkurogane.comのようなURLを貼って
ここまでだよという/aで囲むと

<a href="https://labkurogane.com">https://labkurogane.com</a>

https://labkurogane.com
飛んでいけます。

最後に

<コード> コードの中にはh1や a href=”URL” や ul と /aを入れて実装されます。
カッコに入れて”更新”ボタンで魔法がかかります。
全然不十分でしょうか?これだけでどこまで行けるか、、追加があればまた書きます。

まとめ

・見出し

<h1>見出し</h1>
<h2>見出し</h2>
<h3>見出し</h3>

    
・箇条書きリスト 

<ul>
1朝スヌーズで起きる
2スヌーズを切る
3遅刻する
</ul>

・リンク

<a href="https://labkurogane.com/" >https://labkurogane.com/</a>