カテゴリー: HTML

Emmetで長文テキストをサクサクpタグで囲む方法

更新日: 2020/10/29 投稿日: 2020/09/20

長文テキストで段落がいくつもあるテキストのとき、段落を選択してpタグで囲ってを各段落ごとに繰り返していたんですが非常にめんどさい…(´・ω・`)Emmetを使っているのにもっと楽にまとめてできる方法がないもんかと調べてみたらありました! Emmetの「Wrap with Abbreviation」という機能を利用します。 「Wrap with Abbreviation」の手順 adobeのBrackets上でEmmetの手順を説明します。 長文テキストを各段落ごとに改行します。 上図にある各段落 […]

続きを読む

HTMLリストの連番を飛ばす方法-その2

更新日: 2019/05/28 投稿日: 2019/05/28

前回、HTMLリストの連番を飛ばす方法-その1でリストのliタグ全部にクラスを付けて連番を飛ばす方法を説明しました。以下、その時のブラウザ表示結果とHTMLとCSSのコードです。 前回はやり方の説明を重視したかったのでこういう方法でしましたが、たった1個や2個の例外のためにいちいち全部にクラスつけるのって効率悪いですよね。 ですので、今回はCSSのセレクタを少し工夫して、同じブラウザ表示結果になるようにしてみました。 今回はリストを2つ作って、リストの連番を飛ばす場所を変えてみました。 HTML […]

続きを読む

Bracketsを起動すると「ライブプレビューのエラーが発生しました。」が出る

更新日: 2020/10/27 投稿日: 2019/05/27

PCの電源を入れて立ち上げて、Bracketsを起動してライブプレビューを起動するとほぼ毎回「ライブプレビューのエラーが発生しました。」が出るのはなんでなんだろ?と調べてみるのですがいまだ解決できず…(´・ω・`) Bracketsを再起動するとライブプレビューのエラーもなく、ちゃんと表示されるんですよね。 今まで、 Bracketsを終了→ Bracketsを再起動とかやってたのですが、ブラウザと同じように「F5キー」を押すだけでBracketsをリロードできるということに気づきました(;^ω […]

続きを読む

HTMLリストの連番を飛ばす方法-その1

更新日: 2019/05/28 投稿日: 2019/05/25

HTMLのリストで連番を途中で飛ばしたいことがあると思うのですが、やり方がわからなかったので試行錯誤してやってみました。 とりあえずブラウザでの表示結果と、完成形のHTMLとCSSの画像を載せます。 という感じで、今回はリスト3行目の「さ行」を連番から外しました。HTMLのリストは飛ばしたいところのクラス名を変更する以外には特に小細工等いりません。CSSで連番を飛ばす設定にしてあります。 HTMLについては説明することもないので、CSSについて説明していきます。 CSSの基本についても不要だと思 […]

続きを読む