私の知ってる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>