タグ: HTML

カテゴリー
コンピューター

Bootstrap3 で Form を使うときに最低限押さえて忘れたくないことをメモ

まとめ

続きを読む “Bootstrap3 で Form を使うときに最低限押さえて忘れたくないことをメモ”
カテゴリー
コンピューター

【Bootstrap3】フォームの for と id のポイント

Bootstrap3 のフォームを div で入れ子にして書いていく内に、混乱してきました＞＜。for と id はどういう場合に付けて、どういう場合に付けないのかしら＞＜。

今回のお話は、Bootstrap3 を使用する、しないに関わらず、HTML を書くときのお作法なのかもしれません。ですけれども、Bootstrap3 のコードを例にポイントを残しておきますわ♪

フォームで for と id を使う時、使わない時のポイント

  • 項目名ラベルに for を、対応する input に id を付けること。
  • input、select、textarea には for と id が必要
  • ただし checkbox、radio には for と id 不要
  • form-control-static の場合は for と id 不要

詳しい Bootstrap3 のフォームの書き方はこちらです。

続きを読む “【Bootstrap3】フォームの for と id のポイント”
カテゴリー
コンピューター

Material Design Lite に input type=”file” の部品はありませんでした＞＜（2015年8月13日現在）

ポイント

  • Material Design Lite には、サーバにファイルをアップロードする <input type=”file”> タグに対応するパーツは無い。
  • <input type=”file”> を実現するには、アイコンやラベルを使用して対応すること。

この悲しい結論に至るまで。

続きを読む “Material Design Lite に input type=”file” の部品はありませんでした＞＜（2015年8月13日現在）”
カテゴリー
WordPress

【HTML】WordPress 投稿内でページ内リンクを付ける方法メモ

WordPress 投稿内でページ内リンクを付ける手順

記事は書き上がって残りはリンクを貼る、貼られるのみを残した状態といたします。

  1. テキストエディタへ切り替える。
  2. リンクを貼られるタグに id を挿入する。
    例「<h3>見出し3</h3>」→「<h3 id=”a03″>見出し3</h3>」
  3. リンクを貼るテキストを a タグを囲み、リンクとして先ほどの id を先頭に「#」を付けて指定する。
    例「見出し3」→「<a href=”#a03″>見出し3</a>」または絶対パス指定で「<a href=”https://oki2a24.com/2014/06/17/add-a-tag-in-same-html-page/#a03″>見出し3</a>」

リンク URL で「/」の後に「#」と記号が連続するのがなんとなく馴染めませんけれども、これで正しいですの♪

HTML で同じページにリンクを貼る方法

今回の方法は、なにも WordPress 独自で WordPress でしか使えない方法ではありません。広く HTML で使用することができます。

となりますと、ポイントは次の 2 点です。

  • リンク貼られる箇所をタグで囲んで id を指定する。
  • リンク貼る箇所を「#指定した id」をリンク先にして a タグで囲む。

是非覚えておきますの♪

続きを読む “【HTML】WordPress 投稿内でページ内リンクを付ける方法メモ”
カテゴリー
コンピューター

コピって2つ設定するだけ！ Zen Coding for Sakura Editor をサクラエディタに導入します♪

(無題)(更新) - sakura 1.6.5.0 20120703 230632.jpg 

簡単でした！次の製作者さまのサイトのやり方に従うだけ！

なんだかおかしいときは、次のページを見て試してみてくださいとのことです。

続きを読む “コピって2つ設定するだけ！ Zen Coding for Sakura Editor をサクラエディタに導入します♪”
カテゴリー
Microsoft

エクセルの表から HTML の table を作るのに、エクセルだけあれば問題なかった！ウェブサービスなんていらんかったんや！

Microsoft Excel - ab結果.xls 20120606 200204.jpg

エクセル表のセルとセルの間に tr と td を入れればいいだけの話なので、CSS を気にしなければエクセルだけで簡単に HTML 用の table が作成可能ですね。手順と、参考になったページをまとめます。

まとめ

  1. 表のセル間に空白列を挿入して、そこに <tr><td>、</td><td>、</td></tr>、を適宜入れる。
  2. 全部コピーしてエディタに貼り付け、タブ文字（正規表現では「\t」）を削除するように置換する。
  3. <table>、</table>で最初と最後を囲って、完成！
続きを読む “エクセルの表から HTML の table を作るのに、エクセルだけあれば問題なかった！ウェブサービスなんていらんかったんや！”
カテゴリー
コンピューター

コピペでエクセルの表から HTML の table を作るウェブサービス

次のすばらしいウェブツールを見つけました。

使っていて、次の2点がポイントだと思いました。

  • セルの結合もきちんと変換してくれます。ただし「空白セルを出力しない」へのチェックが必要。
  • セルを結合させたくない場合は、意図的に空白セルにダミーの文字列「-」などを入れておいたほうがよいかも。

これで作成したのが次の表になります。

続きを読む “コピペでエクセルの表から HTML の table を作るウェブサービス”