この言葉が私は好きだ。</p></body></html>リンク機能を付加するタグリンクを設置するタグ<a>他のWebサイトなどのページへリンクをさせるときやページ内リンクは、a要素を使用します。a要素はそのままでは機能せず、href属性を使用してリンク先を指定します。aタグはAnchor(アンカー)の略となります。リンク機能は文字だけでなく、画像やブロックエリアに対しても指定することができます。文字に対してリンクを指定した場合、ブラウザでは文字が青色になりアンダーラインが付きます。画像に対してリンクを指定した場合はブラウザでは特に変化はありません。href="css/style.css"><title>HTMLの基本</title></head><body><h1>HTMLの基本</h1><h2>リンクを設置するaタグ</h2><p>リンク機能は文字だけでなく、画像や指定したエリア(ブロック)に対しても指定することができます。href="https://note.himenoke.com/">姫野家クリエイティブノート</a></p></div></body></html>リンクをクリックした場合リンクを1度クリックしてリンク先ページへ訪れた場合、文字のリンクの色は青色から紫色へ代わります。元の青色へ戻すには、使用しているブラウザの[履歴をクリア]をおこなう必要があります。リンクエリアにマウスカーソルが重なったらリンクが指定されている文字や画像の上にマウスカーソルが重なったら、矢印のアイコンが指のアイコンに変わります。通常、リンク箇所をクリックすると開いているウィンドウが更新されページ移動します。リンクをクリックすると別ウィンドウでリンク先を開くほうが都合が良いときがあります。そんなときに使用するのが「target属性」となります。target属性の値に「_blank」を入れるとリンク先を別ウィンドウで開くことができます。chromeページ内リンク違うページへリンクさせるのではなく、ページ内の指定した部分へ移動させるリンクの設定があります。ページ内リンクを適切に設定することで、目的の情報までスムーズに移動することができユーザビリティを高めることができます。一般的に「ページ内リンク」や「ページ内ジャンプ」という言い方をします。id="landmark">リンク先の目印を設定する</h2>ページ内リンクを実現するにはリンク先(移動先)に目印となる名前をつける必要があります。目印はid属性を使用して設定します。好きな箇所に目印をつけれますが、ページ内リンクは見出しへ移動させることが多いので見出しの場所をリンク先に設定する場合が多いです。href="#landmark">リンク先へ移動する</h2>リンク先へ移動する際はa要素を使用します。href属性にリンク先のid名を指定するだけですが、先頭に#(ハッシュ)を付けます。#を付けることはルールですので、付け忘れると移動しませんのでご注意ください。<p>ページ内リンクを設定することで、目的の情報までスムーズに移動することができユーザビリティを高めることができます。<p>ページ内リンクを設定するには、リンク先である目的の場所に目印となる名前を設定する必要があります。名前はid属性で設定します。chrome意味を持たない汎用性の高いタグ「意味をもたない」と聞くと「使う意味ってあるの?」と思う方がいると思います。私もHTMLを勉強し始めたときは、いつ使うの?と思っていました。「CSS」の勉強をしていくと使用頻度が高いことに気づきました。CSSはHTMLと一緒のマークアップ言語で、文字の色や大きさを変えたり、レイアウトをしたり見た目を美しく整えてくれます。CSSの使い方を簡単に説明すると、「1誰に」「2何を」「3どのように」するのかを決めていきます。そこで大事になるのが「1誰に」の部分です。「1誰に」の部分にはHTMLの要素やclass名、id名を指定していきます。要は、spanタグはCSSでデザインを行う際の目印をつけるために使用します。インライン要素をグループ化するタグ<span>上記でも説明しましたが、spanタグはデザインを行う際の目印をつけるために使用します。意味を持ちませんので汎用性が高くCSSを適用していく際に活躍します。<span>〜</span>で囲った部分をグループ化することができます。グループ化と聞くと難しいかもしれませんが、要はCSSでデザインする際の場所を指定していると思ってください。chromespanタグにはclass属性やid属性で名前をつけるspan要素はいくつも使用しますので、class属性やid属性で名前をつけるのが一般的です。分かりやすい名前をつけるよう心がけましょう。chromeまとめここで紹介したタグ(要素)は文書構造をつくりません。文書構造に付加価値をつけるタグになります。コピースケダチ@あなたの相棒をフォローする姫野家クリエイティブノート姫野家クリエイティブノート関連記事HTMLHTMLの基本Webページを制作するために必要なHTMLの解説をします。HTMLを勉強する前に必要な基礎知識からおさえておきたいポイントを解説していきます。私が初めてHTMLを学んだのは学校でした。文書構造をつくるタグ(要素)は皆さん理解していると思います。姫野家クリエイティブノート.メニューホームイラストレーターAi|機能解説Ai|質問あるあるAi|TipsフォトショップPhotoshopの使い方Ps|機能解説Ps|質問あるあるPs|TipsWEB/UI・UXHTMLCSSFigmaWordPressノート検索タイトルとURLをコピーしました。