タグ

ブックマーク / webliker.info (4)

  • 【初心者向け】0からformがわかる|HTMLでのフォーム作成

    HTMLを学習する中でフォームは難易度が高いテーマの1つだけど、フォームは当に様々な場面で使用されることが多い要素なんだ。 たとえばTwitterやFacebookのログイン画面や美容院の予約時の情報入力などでもフォーム要素は使用されている。逆を言えばフォームをマスターすることでサイト制作の可能性がグッと広がるとも言えるよね! フォームの学習に必要なステップ htmlでフォームを完全にマスターしようとすると次のような学習のステップが必要になります。 まずはフォームの表示とデザインの調整です。フォームの表示はHTMLを書き、フォームのデザイン(見た目)はCSSを書いて調整します。 続いてフォームの動作処理です。たとえばお問い合わせフォームなら、あなたが入力した情報がwebサイトの持ち主に届き、あとからあなた宛にメールが届いたりしますよね。 このような「ユーザーが入力した情報をメールで送った

    【初心者向け】0からformがわかる|HTMLでのフォーム作成
  • HTMLの< a href="tel:" >でリンクをタップして電話を発信させる方法

    HTMLの<a href=”tel”>を使用してリンクをタップしたら電話番号を発信する方法を解説します。 ハイフンの有無や国際電話での書き方やスマホでのみ電話番号発信を有効にする方法、safariとIE Edgeでの自動リンク設定の無効方法など「<a href=”tel”>」に関する疑問を全て解消することができますよ。 おまけでユーザーに優しいCSSの設定方法や検索エンジン最適化による検索結果への電話番号の掲載方法なども紹介しています。

    HTMLの< a href="tel:" >でリンクをタップして電話を発信させる方法
    yk_ac
    yk_ac 2020/10/15
  • 【一覧表あり】HTML5でのタグの入れ子のルールを徹底まとめ

    html5のタグの入れ子のルールの保存版まとめです。「〇〇タグに〇〇タグって入れてもいいんだっけ?」という悩みを全部解決します!すべてw3cのコンテンツモデルの仕様に基づいた内容になっていますので安心して読んでくださいね。 入れ子のルールはコンテンツモデルで決まる html5からはブロック要素とインライン要素という概念が廃止されました。そのため以前まではインライン要素の中にブロック要素を入れてはいけないというルールがあったと思いますがそれは完全に無視してください。 とはいえcssでレイアウトを行う上では従来と変わらず display : blockで親要素の幅に合わせるdisplay : inlineでその要素自体が持つ幅 という指定の仕方はできます。 ただhtmlでタグの入れ子を考える上でブロック要素とインライン要素という概念がなくなっただけです。 じゃあなにが追加されたかというと、w3

    【一覧表あり】HTML5でのタグの入れ子のルールを徹底まとめ
  • HTMLでメールを送る「mailto:」の使い方と注意点まとめ

    WEBページでメーラーを起動させるmailto。現在はあまり使われていないようですが一定数の需要はまだあるように思います。 そこで改めてmailto:の正しい使い方といくつかの注意点とその解決方法を総まとめして解説していきます。

    HTMLでメールを送る「mailto:」の使い方と注意点まとめ
  • 1