HiÐΞClassic

【コピペ楽勝】HiÐΞの記事をもっと装飾するコード

ANE@選択的無職🇹🇭
3 years ago
はじめに1.箱2.中のURLリンク3.中の箇条書き4.中の太字5.中の中央寄せおわりに

はじめに

海外ニートのANE(あね) です。

HiÐΞの初投稿から、早いもので3週間が過ぎました。

それからほぼ毎日、「taakeさんの教科書」を参考にしながらマークダウン記法で記事を書いていく中で、自分の中にわきあがる感情に気がついてしまいました。

ANE
わしもアカネ先生みたいに自由自在に表現したいです・・・!
マークダウンも知らない初心者おつ

趣味はHTMLコーディング!」とおっしゃる好永アカネ先生の、「【コピペで使える】HiÐΞに吹き出しを表示するコード」の記事は、全わたしに衝撃を与えました。

それからというもの、アカネ先生の記事のソースを表示し、習得したい呪文を特定したり、分解してみたり、まるでストーカーのように執着しました。

あまりご本人を怖がらせないように

あわせて、無料の初心者向けHTML&CSS講座なんかも受講することで、完全なHTML初心者であるANEが、表現力豊かな記事を書けるようになりました!(前月比)

そこで、現在記事を書く上で重宝している、より高度な表現のための頻出コードを厳選しましたので、ぜひコピペで活用してください✨
おそらく、先人たちにとっては基礎の基礎すぎて、記事にまとめる必要すらなかったのだと思いますが、初心者のANEが、「HiÐΞ始めたての頃に、こんなのがあったら助かったな~」と思う記事にしたつもりです。

1.箱

これを勝手にと呼びました👇

背景色を好きな色に変えてたのしんでね
これがあると、記事の途中で内容をまとめたり、ポイントを整理したいときに便利なの

<div style="background-color:★背景色★; padding: 20px;">
★ここに文字を入れてください★
</div>

また、背景色指定の際は、こちらから色番号を探すことができます。
改行は、**<br/>**を入れてください。

※上記1.のような箱や、「吹き出し」の中は、治外法権なので、教科書どおりにはいきません。

そこで、ここから下は、箱や吹き出しの中を機能的に表現するためのコードを、まとめていきます。

2.中のURLリンク


<a href="★リンク先URL★">★リンクテキスト★</a>
ANE
吹き出しの中もリンク飛ばせるで
アカネ先生のふきだしコードです

3.中の箇条書き


<li>★ここに文字を入れてください★</li>
箱の中だいぶすっきりしてみやすくなったね

4.中の太字

背景色を好きな色に変えてたのしんでね
これがあると、記事の途中で内容をまとめたり、ポイントを整理したいときに便利なの

ANE
ふきだしの中も一緒だよ
部分的に太字にできる
<strong>★ここに文字を入れてください★</strong>

5.中の中央寄せ



<center>★ここに文字を入れてください★</center>
おお~総動員!
ふきだしはデフォルトだとセンタリングできないけど

おわりに

ANEは、再現性の高い、汎用性があるスキルや手法の横展開がしたいだけの人なので、しくみとか意味とか、詳しいことを知りたい人はググってね♥

おい

コメント
いいね
投げ銭
最新順
人気順
ANE@選択的無職🇹🇭
3 years ago
コメント
いいね
投げ銭
最新順
人気順
トピック
アプリ

Astar Network

DFINITY / ICP

NFT

DAO

DeFi

L2

メタバース

BCG

仮想通貨 / クリプト

ブロックチェーン別

プロジェクト

目次
Tweet
ログイン