TechAcademy（テックアカデミー） Webデザインコース Webデザイン HTML HTMLでbuttonタグを使ってリンクを貼る方法を現役エンジニアが解説【初心者向け】
HTML

HTMLでbuttonタグを使ってリンクを貼る方法を現役エンジニアが解説【初心者向け】

初心者向けにHTMLでbuttonタグを使ってリンクを貼る方法について解説しています。buttonタグを使うと、クリックで動作するボタンを作成することができます。基本の書き方を学びましょう。

TechAcademyマガジンは受講者数No.1のオンラインプログラミングスクールTechAcademy [テックアカデミー]が運営。初心者向けに解説した記事を公開中。現役エンジニアの方はこちらをご覧ください。

本記事では、HTMLでbuttonタグを使ってリンクを貼る方法についてご紹介します。

  • HTMLでボタンを作りたい方
  • ボタンを作るためにbuttonタグとaタグとinputタグで迷っている方

この記事を読むと、迷わずボタンを作れるようになりますよ。

HTMLの記述方法がわからない場合は、 HTMLの書き方について解説した記事を読むとさらに理解が深まります。

 

目次

 

田島悠介

今回は、HTMLに関する内容だね！

大石ゆかり

どういう内容でしょうか？

田島悠介

buttonタグを使ってリンクを貼る方法について詳しく説明していくね！

大石ゆかり

お願いします！

 

buttonタグとは

buttonタグとはHTML要素の1つでクリックできるボタンをつくるものです。

タグは以下のように記述します。

<button>ボタン</button>

buttonタグの属性などについては、詳しくは以下のページも参考にしてください。

<button>:ボタン要素(MDN)

 

buttonタグを使ってボタンの見た目ができたら、リンクの動きを設定していきます。

<button type=“button” onclick="location.href='https://techacademy.jp/magazine/'">ページリンク</button>

onclick属性という、クリックしたときの動きをJavaScriptで指定する属性を使いましょう。

 

上記例では、onclick属性にこのような値を設定しています。

location.href='https://techacademy.jp/magazine/'

JavaScriptでは、location.href=’ URL ‘ とすることで、URLへページ遷移する動きになります。

 

これで、buttonタグでページリンクができました。

 

[PR] HTML/CSSで挫折しない学習方法を動画で公開中

類似するタグ

buttonタグに類似するタグとしては、aタグやinputタグなどがあります。

どれもボタンとしての見た目や機能を作ることができますが、違いがあります。

簡単にまとめてみました。

カスタマイズしやすさ フォームボタン機能 リンク
buttonタグ 〇

カスタマイズ可能

 〇

フォームボタンとして

利用可

 〇

JavaScript
aタグ ◎

簡単にカスタマイズ可能

 ×

フォームボタンとして

利用不可

 ◎

href属性
inputタグ ×

カスタマイズ不可能

 〇

フォームボタンとして

利用可

 〇

JavaScript

 

buttonタグとaタグは、CSSでデザインをカスタマイズすることができますが、inputタグはできません。

buttonタグとinputタグは、フォームのボタンとして使うことができますが、aタグは使えません。

 

詳しく解説していきます。

 

aタグ(アンカー要素)

クリックすると指定先に遷移します。

<a href="https://techacademy.jp/magazine/">Techacademyマガジン</a>

<a>:アンカー要素(MDN)

 

CSSを適用して、下線を消したり色をつけたり影をつけたりすると、ボタンのような見た目になります。

 

aタグをボタンとして使えない、と誤解されている方もいらっしゃいますが、そんなことはありませんよ。

HTMLの規定を定めるW3Cの仕様には、aタグの中にインタラクティブコンテンツを入れてはいけないと定められています。

buttonタグもインタラクティブコンテンツに含まれるので、aタグでボタンは作ってはいけないと誤訳してしまったんですね。

 

aタグの子要素にbuttonタグを入れてボタンを作ってはいけません、というのが正確です。

aタグに対して、CSSでボタンのような見た目を作り、ボタンとして使うことは問題ないですよ。

 

本記事のテーマである「リンクを貼る」動きは問題ありませんが、フォームボタンの機能は持ち合わせていないので、注意してください。

 

inputタグ

ユーザーからデータを受け取るためのタグです。

typeに「button」を指定することでボタンを表現できます。

<input type="button" value="ボタン">

<input>:入力欄(フォーム入力)要素(MDN)

 

比べてみるとわかる通り、buttonタグやaタグには子要素を作ることができます。

ボタン上に表示される内容を子要素として作っていくので、ボタンに画像を入れたり、複数行にしたり、カスタマイズ可能です。

しかし、inputタグは子要素を作ることができず、表示内容はvalue属性で設定するので、文字列1行だけです。

子要素を作れないことにより、input要素はCSSで複雑な装飾をするときに便利な機能、疑似要素を使うことができません。

 

inputタグでできることは、すべてbuttonタグでも同じ以上のことができます。

 

buttonタグを使ってリンクを貼ってみよう

buttonタグを使ってリンクを貼る場合、onclick属性に以下の内容を記述しましょう。

onclick="location.href='https://techacademy.jp/magazine/'"

「’https://techacademy.jp/magazine/’」の部分がリンク先です。

 

buttonタグ全体では以下のようになります。

<button onclick="location.href='https://techacademy.jp/magazine/'">Techacademyマガジン(button版)</button>

 

buttonタグ、aタグ、inputタグそれぞれでリンク先に遷移する要素を作成してみましょう。

aタグは、CSSを設定することでボタンのような見た目を表現しました。

HTML

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8" />
  <title>sample</title>
  <style>
    .a_button {
      display: inline-block;
      border-style: solid;
      background-color: lightgray;
      border-width:1px;
      border-color: darkgray;
      color: black;
      text-decoration: none;
    }
  </style>
  </head>
<body>
  <a href="https://techacademy.jp/magazine/">Techacademyマガジン</a>
  <br><br>
  <a class="a_button" href="https://techacademy.jp/magazine/">Techacademyマガジン(aタグにスタイルを適用)</a>
  <br><br>
  <button onclick="location.href='https://techacademy.jp/magazine/'">Techacademyマガジン(button版)</button>
  <br><br>
  <input type="button" onclick="location.href='https://techacademy.jp/magazine/'" value="Techacademyマガジン(input button版)">
</body>
</html>

実行結果は以下のようになります。

 

buttonタグ、aタグ、inputタグそれぞれの違いを理解して使い分けていきましょう。

 

執筆してくれたメンター

太田和樹（おおたかずき）

ITベンチャー企業のPM兼エンジニア

普段は主に、Web系アプリケーション開発のプロジェクトマネージャーとプログラミング講師を行っている。守備範囲はフロントエンド、モバイル、サーバサイド、データサイエンティストと幅広い。その幅広い知見を生かして、複数の領域を組み合わせた新しい提案をするのが得意。

開発実績：画像認識技術を活用した駐車場混雑状況把握（実証実験）、音声認識を活用したヘルプデスク支援システム、Pepperを遠隔操作するアプリの開発、大規模基幹系システムの開発・導入マネジメント。

地方在住。仕事のほとんどをリモートオフィスで行う。通勤で消耗する代わりに趣味のDIYや家庭菜園、家族との時間を楽しんでいる。

 

大石ゆかり

HTMLでbuttonタグを使ってリンクを貼る方法がよくわかりました！

田島悠介

ゆかりちゃん、今後も分からないことがあったら質問してね！

大石ゆかり

分かりました。ありがとうございます！

 

HTMLを学習中の方へ

これで解説は終了です、お疲れさまでした。

  • つまずかず「効率的に」学びたい
  • 副業や転職後の「現場で使える」知識やスキルを身につけたい

HTMLを学習していて、このように思ったことはありませんか？

テックアカデミーのWebデザインコースでは、第一線で活躍する「プロのWebデザイナー」が教えているので、効率的に実践的なスキルを完全オンラインでしっかり習得できます。

合格率10%の選考を通過した、選ばれたWebデザイナーの手厚いサポートを受けながら、オリジナルのWebサイト制作を完全オンラインでしっかり習得できます。

まずは一度、無料体験で学習の悩みや今後のキャリアについて話してみて、「現役Webデザイナーから教わること」を実感してみてください。

時間がない方、深く知ってから体験してみたい方は、今スグ見られる説明動画から先に視聴することをおすすめします！

記事を検索

関連するキーワード

関連する記事

表で見やすくしたい！HTMLでテーブルを表示する方法【初心者向け】現役Webデザイナーが解説

この記事ではHTMLについて今さら聞けない！という初心者のために、HTMLの基礎を紹介します。 HTMLでテーブルを表示する方法を学習していただくことで、...
HTML

YouTubeの動画をHTML5に埋め込む方法を現役エンジニアが解説【初心者向け】

YouTubeの動画をHTML5に埋め込む方法について、TechAcademyのメンター（現役エンジニア）が実際のコードを使用して初心者向けに解説します。 ...
HTML

HTMLの特殊文字で表示できる星を現役デザイナーが解説【初心者向け】

HTMLの特殊文字で表示できる星について、TechAcademyのメンター（現役エンジニア）が実際のコードを使用して初心者向けに解説します。 そもそも、H...
HTML

HTMLをブラウザで表示するXAMPPの使い方を現役エンジニアが解説【初心者向け】

HTMLをブラウザで表示するXAMPPの使い方について、TechAcademyのメンター（現役エンジニア）が実際のコードを使用して初心者向けに解説します。 ...
HTML

HTMLでSASSを使う方法を現役エンジニアが解説【初心者向け】

HTMLでSASSを使う方法について、TechAcademyのメンター（現役エンジニア）が実際のコードを使用して初心者向けに解説します。   ...
HTML

HTMLのtd要素、th要素とrowspan属性の使い方を現役デザイナーが解説【初心者向け】

HTMLのtd要素、th要素とrowspan属性の使い方について解説します。 そもそも、HTMLの記述方法がわからない場合は、 HTMLの書き方 の記事を...
HTML

あわせてよく読まれている記事

PHPでクリックされたボタンに応じて別の処理を実行する方法を現役エンジニアが解説【初心者向け】

今回は、PHPでクリックされたボタンに応じて別の処理を実行する方法について、TechAcademyのメンター（現役エンジニア）が実際のコードを使用して初心者向けに解説します。   PHPについてそもそもよく分からないという方は、PHPとは何なのか解説した記事を読むとさらに理解が深まります。   なお本記事は、TechAcademyのオンラインブートキャンプ、PHP/Laravel講座の内容をもとに紹介しています。   田島悠介 今回は、PHPに関する内容だね！ 大石ゆかり どういう内容でしょうか？ 田島悠介 PHPでクリックされたボタンに応じて別の処理を実行する方法について詳しく説明していくね！ 大石ゆかり お願いします！   buttonとは Webサイトなどでよく見かけるボタンを作成するためには、HTMLの<button>タグを使用します。 <button>タグは、type属性を指定することで以下の3つの機能に分類できます。 type=”submit” …… <form>入力内容を送信するボタン type=”reset” …… <form>入力内容をリセットするボタン type=”button” …… 何もしない汎用的な押しボタン   クリックされたボタンに応じて別の処理を実行する方法 クリックされたボタンに応じて別の処理を実行するためには、<button>タグにname属性を設定します。 name属性を設定することで、PHPスクリプトで設定されたnameを指定してコントロールが可能になります。   [PR] HTML/CSSで挫折しない学習方法を動画で公開中実際に書いてみよう それでは、実際に<button>タグにname属性を設定し、PHPスクリプトでコントロールする例を見ていきましょう。 input.php <?php if(isset($_POST['add'])) { echo "登録ボタンが押下されました"; } else if(isset($_POST['update])) { echo "更新ボタンが押下されました"; } else { echo "削除ボタンが押下されました"; } ?> <form action="input.php" method="post"> <button type="submit" name="add">登録</button> <button type="submit" name="update">更新</button> <button type="submit" name="remove">削除</button> </form> 上記の例では、押されたボタンに応じてPHPスクリプトで処理を分岐しています。 <form>タグのmethod属性が”post”であった場合、PHPスクリプトは、$_POSTで受け取ることができます。 $_POSTの「[]」内に各ボタンのname属性を指定することで、どのボタンが押されたか検知し、ボタンに応じて処理を分けることができます。   筆者プロフィール 平野大輝（ひらのだいき） スキル：PHP・Java・JavaScriptを用いて様々なアプリを開発するWebエンジニア。   大石ゆかり 内容分かりやすくて良かったです！ 田島悠介 ゆかりちゃんも分からないことがあったら質問してね！ 大石ゆかり 分かりました。ありがとうございます！   TechAcademyでは、初心者でも、PHPやフレームワークのLaravelを使ってWebアプリケーション開発を習得できる、オンラインブートキャンプを開催しています。 また、現役エンジニアから学べる無料体験も実施しているので、ぜひ参加してみてください。
PHP

JavaScriptでボタンを設置させる方法【初心者向け】

初心者でも簡単に使えるJavaScriptのコードを紹介する記事です。 なお本記事は、オンラインブートキャンプ フロントエンドコース（JavaScript・jQuery講座）の内容をもとにしています。   クリックできるボタンは、一般的なサイトでもよく見ると思いますので、覚えておきましょう。   大石ゆかり ボタンってマウスでクリックするとへこんだりする要素のことですよね？ 田島悠介 そうそう。でも、ボタン特有のものがあるよね。 大石ゆかり ボタンを押したら、プログラミングの何かの処理が動作するような感じですか？ 田島悠介 その通り！ボタンってけっこう重要なんだよね。ボタンを表示させる方法を見てみよう！   ボタンを表示させる方法 まずはテキストで通常通りに書いていきます。 <img src=”images/ducks.jpg” alt=”あひる”> <p>あひる5個セット</p> <p>800円</p> <p>購入する</p>   こここから「購入する」ボタンを作成していきます。   ボタンにするには、 <input type=”submit” value=”購入する”> と入れるだけです。 ここで「購入する」の文字を変えれば、その文字を使ったボタンになります。   適用するとこうなります。 <img src=”images/ducks.jpg” alt=”あひる”> <p>あひる5個セット</p> <p>800円</p> <input type=”submit” value=”購入する” > 簡単にできましたね。 設置したボタンをクリックすると、ポップアップウィンドウが表示される表現を加えることもできるのであわせて試しても良いでしょう。   誰でも簡単にできるので、ぜひ自分でもやってみてください！ また、入門向けのJavaScriptを学習できるサイトも紹介しているので、合わせてご覧ください。   大石ゆかり input要素のtypeをsubmitにすればいいんですね。valueの値がボタンに表示される文字列になるんですよね？ 田島悠介 そうそう。その他にも、buttonタグを使う方法があるんだ。buttonタグのtypeをsubmitにすればOK。後は、buttonタグを閉じて、間にボタンに表示させたい文字列を書くんだ。 大石ゆかり フォームのボタンを作るのにも種類があるんですねー。 田島悠介 主にプログラムを利用した時に違いが出てくるんだ。気にせず簡単に覚えておくだけで問題ないよ。   [お知らせ]TechAcademyではJavaScriptを使ってWebサービスを公開できるオンラインブートキャンプ フロントエンドコース（JavaScript・jQuery講座）を開催しています。プログラミングの初心者でも受講可能です。
JavaScript

初心者でも手軽にできる！Bootstrapで作るbutton(ボタン)の作り方

今回はBootstrapで作るbutton(ボタン)の作り方です。 ボタン要素をHTMLで記述すれば、ボタンとしての機能は果たしますが見た目が良いとは言えません。そこでCSSを自分で書かなくてもBootstrapを使えばデバイスのサイズに合わせて自動で調整してくれるボタンにしてくれます。 初心者の方でも難しい知識は必要ないので、すぐに利用できるでしょう。   本記事は、オンライン完結のBootstrap講座のカリキュラムをもとに執筆しています。   田島悠介 今回はBootstrapでボタンを作成してみよう。 大石ゆかり 田島メンター！！Bootstrapではどんなボタンが使えるんですか〜？ 田島悠介 バリエーションとしてdefault・primary・success・info・warning・danger・linkのタイプが用意されているよ。また、ボタンを押した状態や、無効化された状態を表現したりもできるんだ。 大石ゆかり かなり色々なことができるんですね。ぜひやってみたいです！   目次 ボタンの作り方 実際に作ってみよう   ボタンの作り方 <button>要素や<a>アンカー要素のクラスに「.btn .btn-***」を指定することでボタンを表示できます。 以下のボタンの種類があります。   デフォルト <button type="button" class="btn btn-default">Default</button>   プライマリー <button type="button" class="btn btn-primary">Primary</button>   サクセス <button type="button" class="btn btn-success">Success</button>   インフォメーション <button type="button" class="btn btn-info">Infomation</button>   ワーニング <button type="button" class="btn btn-warning">Warning</button>   デンジャー <button type="button" class="btn btn-danger">Danger</button>   田島悠介 基本の各種ボタンの使い方だよ。 大石ゆかり 各ボタンの用途によって、色が違っていますね。 田島悠介 そうだね。また、linkの場合は背景の色が設定されずにテキストだけが表示されるようになっているんだ。ボタンの大きさも変更できるのでそれも見てみよう。   また、ボタンのサイズは以下を指定して変更できます。 「.btn-lg」「.btn-sm」「.btn-xs」 使い方は次の通りです。 ラージボタン <button type="button" class="btn btn-default btn-lg">L-button</button>    スモールボタン <button type="button" class="btn btn-default btn-sm">S-button</button>   エクストラスモールボタン <button type="button" class="btn btn-default btn-xs">ES-button</button> 「.btn-block」で幅いっぱいに広がるブロックのボタンを作成できます。   書き方 <button type="button" class="btn btn-default btn-lg btn-block">B-button</button>   [PR] HTML/CSSで挫折しない学習方法を動画で公開中実際に書いてみよう 実際にHTMLを書いてみましょう。 HTML <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>sample</title> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"
Bootstrap

JavaScriptでボタンの色を変更する方法を現役エンジニアが解説【初心者向け】

JavaScriptでボタンの色を変更する方法について、TechAcademyのメンター（現役エンジニア）が実際のコードを使って初心者向けに解説します。   JavaScriptについてそもそもよく分からないという方は、JavaScriptとは何なのか解説した記事をまずご覧ください。   なお本記事は、TechAcademyのオンラインブートキャンプ、JavaScript/jQuery講座の内容をもとにしています。   田島悠介 今回は、JavaScriptに関する内容だね！ 大石ゆかり どういう内容でしょうか？ 田島悠介 JavaScriptでボタンの色を変更する方法について詳しく説明していくね！ 大石ゆかり お願いします！   目次 ボタン要素について ボタンの色を変更する方法 実際に書いてみよう まとめ   ボタン要素について ボタン要素は<input>タグまたは<button>タグで表現します。動作は同様ですが、<button>タグの場合、内部のテキストサイズや色を変更したりimage要素を含むことができます。 <input type="button" value="クリックしてね！"> <button type="button">クリックしてね！</button> 今回の記事では<input>タグのボタンを例に説明します。ボタン要素について、詳しくは以下の記事も参考にしてください。 MDN – <input type=”button”> MDN – <button>: ボタン要素   [PR] HTML/CSSで挫折しない学習方法を動画で公開中ボタンの色を変更する方法 ボタンにスタイルシートを適用することで色を変更することができます。例えばidがbutton1というボタンの背景色をオレンジにするには以下のように記述します。 #button1 { background-color: orange; }   実際に書いてみよう 今回のサンプルプログラムではスタイルシートでボタンの色を変更する方法について確認します。 index.html <!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <title>sample</title> <style> #button1 { border: solid 2px blue; border-radius: 10px; background-color: lightblue;
JavaScript

JavaScriptでformのbuttonオブジェクトを操作する方法を現役エンジニアが解説【初心者向け】

JavaScriptでformのbuttonオブジェクトを操作する方法について、TechAcademyのメンター（現役エンジニア）が実際のコードを使って初心者向けに解説します。   JavaScriptについてそもそもよく分からないという方は、JavaScriptとは何なのか解説した記事をまずご覧ください。   なお本記事は、TechAcademyのオンラインブートキャンプ、JavaScript/jQuery講座の内容をもとにしています。   田島悠介 今回は、JavaScriptに関する内容だね！ 大石ゆかり どういう内容でしょうか？ 田島悠介 JavaScriptでformのbuttonオブジェクトを操作する方法について詳しく説明していくね！ 大石ゆかり お願いします！   目次 formのbuttonオブジェクトについて formのbuttonオブジェクトを操作する方法 実際に書いてみよう まとめ   formのbuttonオブジェクトについて formのbuttonオブジェクトはinputまたはbutton要素で表現します。type属性がsubmitボタンはSubmitボタンと呼ばれ、formの内容をサーバーに送信する際に用いられます。 <input type="button" value="クリック" name="button1"> <input type="submit" value"送信" name="button2"> <button type="button" name="button3">クリック</button> ボタン要素について、詳しくは以下の記事も参考にしてください。 MDN – <input type=”button”> MDN – <button>: ボタン要素   [PR] HTML/CSSで挫折しない学習方法を動画で公開中formのbuttonオブジェクトを操作する方法 formとbuttonにname属性を指定している場合、以下のようにしてbuttonオブジェクトを操作できます。 document.form1.button1   実際に書いてみよう 今回のサンプルプログラムではformのbuttonオブジェクトを操作する方法について確認します。 index.html <!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <title>sample</title> </head> <body> <form action="" method="get" name="form1"> 名前：<input type="text" name="name1" onkeyup="func1()"><br> メール：<input type="text" name="mail1" onkeyup="func1()"> <input type="submit" value="送信" name="button1"> </form> <script language="javascript" type="text/javascript">
JavaScript

HTMLでvalue属性を使って入力初期値を指定する方法を現役エンジニアが解説【初心者向け】

value属性を使ってHTML内の入力初期値を指定する方法について解説します。   そもそも、HTMLの記述方法がわからない場合は、 HTMLの書き方 の記事を読むとさらに理解が深まるでしょう。   なお本記事は、TechAcademyのオンラインブートキャンプWebデザイン講座のHTMLカリキュラムをもとに執筆しています。   田島悠介 今回は、HTMLに関する内容だね！ 大石ゆかり どういう内容でしょうか？ 田島悠介 value属性を使ってHTML内の入力初期値を指定する方法について詳しく説明していくね！ 大石ゆかり お願いします！   value属性とは value属性は、送信する値やリストの項目番号を設定できる属性です。例えば、公開しているWebサイトに対して、ユーザーが入力した値をサーバーのアプリケーションに送信する際に使用されます。 おもにinputタグのtype属性に記述が必要になるため、付随する属性としてvalue属性を記述します。   value属性が使えるタグ inputタグ buttonタグ optionタグ olタグ内部のliタグ progressタグ meterタグ dataタグ inputタグはvalue属性を必要とする代表格です。加えて、value属性を定義できるタグには、上記の箇条書き通りに複数の種類があります。 次の項目では、代表的な例を紹介していきます。   [PR] HTML/CSSで挫折しない学習方法を動画で公開中value属性を使って初期値を指定しよう 以下、サンプルコードです。 HTML <form>   <input type="checkbox" name="check" value="check_1" checked="checked">   <input type="checkbox" name="check" value="check_2">   <input type="number" name="numberbox" value="1"> </form> 実行結果 実際にWebアプリケーションと連動させて実用するためには、formタグに属性の設定や送信の機能も実装が必要になります。上記のサンプルコードに関しては、value属性の初期値の定め方の例として参考にしてください。 なお、下記のように初期値を空として定めることも可能です。 HTML <form>   <input type="number" name="numberbox" value=""> </form> 実行結果 HTML <form>   <input type="submit" value="send">   <button type="button" value="send">send to</button> </form> inputタグのtype属性の値にsubmitが指定されている場合は、そのタグのvalue属性の値がラベルとして表示されます。 実行結果 実用性はないものの、olタグのliタグだけ、value属性の値を番号として連携することが可能です。 HTML <ol>   <li value="0">リスト第0項</li>   <li value="1">リスト第1項</li>   <li value="2">リスト第2項</li>   <li value="3">リスト第3項</li>   <li value="4">リスト第4項</li>   <li value="5">リスト第5項</li>   <li value="6">リスト第6項</li>   <li value="7">リスト第7項</li>   <li value="8">リスト第8項</li>   <li value="9">リスト第9項</li>   </ol> 実行結果   監修してくれたメンター 井内洋平 TechAcademyの現役メンター。 元Web Developerで、趣味は貯金、節税対策、投資信託、株式投資、FXなど多岐にわたる。   大石ゆかり value属性を使ってHTML内の入力初期値を指定する方法がよくわかりました！ 田島悠介 ゆかりちゃんも分からないことがあったら質問してね！ 大石ゆかり 分かりました。ありがとうございます！ TechAcademyでは初心者でもオリジナルWebサイトを公開できるオンラインブートキャンプを開催しています。 また、現役エンジニアから学べる無料体験も実施しているので、ぜひ参加してみてください。
HTML

TechAcademyから
現役エンジニアの方へ
お知らせ

藤門千明
TechAcademy（テックアカデミー） Webデザインコース Webデザイン HTML HTMLでbuttonタグを使ってリンクを貼る方法を現役エンジニアが解説【初心者向け】