【コピペ楽勝】HiÐΞの記事をもっと装飾するコード
はじめに
海外ニートのANE(あね) です。
HiÐΞの初投稿から、早いもので3週間が過ぎました。
それからほぼ毎日、「taakeさんの教科書」を参考にしながらマークダウン記法で記事を書いていく中で、自分の中にわきあがる感情に気がついてしまいました。
「趣味はHTMLコーディング!」とおっしゃる好永アカネ先生の、「【コピペで使える】HiÐΞに吹き出しを表示するコード」の記事は、全わたしに衝撃を与えました。
それからというもの、アカネ先生の記事のソースを表示し、習得したい呪文を特定したり、分解してみたり、まるでストーカーのように執着しました。
あわせて、無料の初心者向けHTML&CSS講座なんかも受講することで、完全なHTML初心者であるANEが、表現力豊かな記事を書けるようになりました!(前月比)
そこで、現在記事を書く上で重宝している、より高度な表現のための頻出コードを厳選しましたので、ぜひコピペで活用してください✨
おそらく、先人たちにとっては基礎の基礎すぎて、記事にまとめる必要すらなかったのだと思いますが、初心者のANEが、「HiÐΞ始めたての頃に、こんなのがあったら助かったな~」と思う記事にしたつもりです。
1.箱
これを勝手に箱と呼びました👇
これがあると、記事の途中で内容をまとめたり、ポイントを整理したいときに便利なの
<div style="background-color:★背景色★; padding: 20px;">
★ここに文字を入れてください★
</div>
また、背景色指定の際は、こちらから色番号を探すことができます。
改行は、**<br/>**
を入れてください。
※上記1.のような箱や、「吹き出し」の中は、治外法権なので、教科書どおりにはいきません。
そこで、ここから下は、箱や吹き出しの中を機能的に表現するためのコードを、まとめていきます。
2.中のURLリンク
<a href="★リンク先URL★">★リンクテキスト★</a>
アカネ先生のふきだしコードです
4.中の太字
これがあると、記事の途中で内容をまとめたり、ポイントを整理したいときに便利なの
部分的に太字にできる
<strong>★ここに文字を入れてください★</strong>
5.中の中央寄せ
<center>★ここに文字を入れてください★</center>
ふきだしはデフォルトだとセンタリングできないけど
おわりに
ANEは、再現性の高い、汎用性があるスキルや手法の横展開がしたいだけの人なので、しくみとか意味とか、詳しいことを知りたい人はググってね♥