Step:02[よく使う]

問い合わせページやコメントなどを自分のメールアドレスに送ってもらいたいことありますよね。 そんな時は、メールアドレスにリンクをつけてクリックするだけで送信先アドレスが入力されてメーラーを開くことができます。 <a>タグを使用してhref属性の書き方を変えるだけでアドレスにリンクをつけることができます。

Webページにはクリックすることで他のページに飛べるリンクが必要なこともあります。 この記事では、そのリンクを文章につける方法を紹介します。 この文の説明をつけたい。でもここに全部説明つけたら読みにくくなる。そんな時にリンクをつけて他のページで説明するようにしましょう。

webページに備考欄などの文章を入力して欲しいこともあります。 そんな時に使用するのがテキストエリアです。 お問い合わせ欄や説明文などユーザーに文章を入力してもらうときなどに使用しましょう。

webページに電話番号を入力して欲しいこともあります。 そんな時に使用するのが電話番号フォームです。 電話番号フォームを使うことでスマホなどで入力するときなどに番号しか入力できないようになります。

webページにメールアドレスを入力して欲しいこともあります。 そんな時に使用するのがメールフォームです。 メールフォームを使うことで「~@...」の形でないと送れないようなフォームが作ることができます。

ログインページなどでパスワードを入力してもらうとき、周りの人に見られちゃいけないため＊で隠しますよね。 それにはHTMLではテキストフォームでは隠してもらえません。そんなときに使用するのがパスワードフォームです。 パスワードや暗証番号などの隠したいときに使用しましょう。

今のWebページでは「ログインID」「ユーザー名」などユーザーに入力してもらう事が多いです。 そんな時、各項目を入力してもらうのに使用するのがテキストフォームです。 項目によって「例を入れたい」「必須にしたい」など制約があると思うので色々試しに作ってみましょう。

Webページに幾つかの項目を一つにまとめたいことよくあります。 そんなときに使用するのがリストです。その中でも今回は各項目に順序のあるリストの作り方です。 htmlでは<ol>タグと<li>タグを使ってリスト項目を複数作りましょう。

Webページに幾つかの項目を一つにまとめたいことよくあります。 そんなときに使用するのがリストです。その中でも今回は各項目に順序のないリストの作り方です。 htmlでは<ul>タグと<li>タグを使って<li>タグを複数使って作りましょう。

Webページに動画を表示したいことよくあります。 そんな時のHTMLでの表示方法を紹介します。HTMLでは、「再生・停止などのコントローラも表示する」「勝手に再生される」「最後まで行ったらループする」などいろいろな憑依方法があります。