HTML

HTML

HTML「メールアドレスにリンクをつけよう」

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

HTML「文にリンクをつけよう」

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

HTML「テキストエリアを作ろう」

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

HTML「電話番号フォームを作ろう」

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

HTML「メールフォームを作ろう」

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

HTML「パスワードフォームを作ろう」

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

HTML「1行のテキストフォームを作ろう」

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

HTML「順序ありリストを作ろう」

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

HTML「順序なしリストを作ろう」

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

HTML「動画を表示しよう」

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