2019年11月16日スポンサーリンク写真まみれをリニューアルするにあたって、いろいろなストックフォトブログや写真日記サイトを見て回りました。「あとちょっと工夫すれば、いいブログになるのにな~」ということです。ここで勉強して自分のブログをもっとよくしていっちゃいましょー。ブログを運営するにあたって、基本的なHTMLの使い方を紹介します!スポンサーリンク目次aタグ(アンカータグ)imgタグ(イメージタグ)aタグ(アンカータグ)aタグとはテキストや画像ファイルにハイパーリンクを設定するために使うタグです。基本的な使い方は以下の通り。href="リンク先URL">ここに文字列</a>です。このように書くことで、「ここに文字列」という個所でハイパーリンクの設定を行うことができます。ここでちょっとしたコツを紹介します。リンクの文字列をクリックしたときに、ブラウザの別のタブや別のウィンドウでページで開くようにする指定ができます。target="_blank">ここに文字</a>となります。注意して欲しいのが、target指定の値は「_blank」です。最初のアンダーバーが肝です。すると新しいタブや新しいウィンドウでページを開くことができます。imgタグ(イメージタグ)imgタグは写真ブログでは肝となるブラウザ上に画像ファイルを表示させるためのタグです。このタグの使い方はこんな感じです。src="画像ファイルのURL">これで画像ファイルの表示ができるようになります。このタグにも先ほどのaタグと同じように、いろいろな属性を設定することができます。そのうちの1つがalt属性です。alt属性とは日本語では代替属性とも呼ばれていて、imgタグで設定した画像ファイルの代わりになるテキストを指定します。alt属性はこのように記述します。alt="ペンギンの写真">サンプルとしてペンギンの画像の例を取り上げたことにして、alt属性には「ペンギンの画像」と設定してみました。これは必ずこうしなくてはならないというものではありません。alt属性には自分の好きな文字列を設定することができます。このように画像ファイルに対してalt属性を指定すると、画像のファイルがサーバー上に存在しない場合、ブラウザ上にalt属性の文字列を代わりに表示してくれるブラウザなどもあります。画像ファイルにalt属性を指定することでSEO対策にもなると言われていますね。今日はココまでとしておきます。こんな感じでHTML講座を何回か連載していく予定です。レベルアップしていきますよ~。次の更新をお楽しみに。スポンサーリンク【追記】HTMLの事をもっと勉強したいという方のためにHTMLの解説サイトを運営しています。HTMLてくてく道HTMLやCSSの技術を優しい切り口で解説していくサイトです。1年以上更新していませんが、写真まみれの更新がひと段落したのでHTMLてくてく道の更新も再開する予定です。こちらもよろしくお願いします!この記事が気に入ったらぽちっとお願いします!==========ブログの更新情報をTwitterやfacebookで紹介しています。MEドレッドライティングやWeb制作などインターネットを活用して毎日を自由に生活してるドレッドのブログです。学びの記録、そして毎月買った本についての記録を残しています。LINK:https://stage.jugedred.net/スポンサーリンクスポンサーリンクお気軽にご相談下さい!このブログの運営者にお仕事を依頼しませんか?現在はフリーランスのクリエイターとして、ウェブメディアのライティングやホームページ制作、コンサルティングをしています。事業用サイト「コレカラウェブ」にアクセスしていただき、お気軽にお問い合わせください。メールでのご相談は無料です。皆様からのご連絡お待ちしております。コレカラウェブ公式サイトへこの記事が気に入ったらぽちっとお願いします!==========ブログの更新情報をTwitterやfacebookで紹介しています。ドレッド自由なステージ写真ブロガーのためのHTML入門の第2弾です。今日は引用タグとリストタグについて説明します。最初は引用タグである「blockquote」です。ドレッド自由なステージHTMLのコーディングをしていて、画像を使ったグローバルナビゲーションを使いたいケースってよくあると思います。ドレッド自由なステージ写真ブロガーのためのHTML入門の第3弾です。今日はテーブルタグについて説明します。このタグは少し使い方がややこしいです。ドレッド自由なステージ「モダン」なんて単語がついてるから、さぞかし見たことのないコーディングが学べるのだろう、なんて思っていました。コメントをキャンセルメールアドレスが公開されることはありません。付いている欄は必須項目です次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。上に表示された文字を入力してください。デジハリオンラインスクール卒業。(1)スポンサーリンクWordPressが高速で動作することで定評のあるエックスサーバーです。このブログはエックスサーバーで動作しています。管理画面も使いやすく、機能も豊富で、初心者にイチオシのレンタルサーバーです。詳細ページ公式ページクラウドソーシングの大手クラウドワークスです。クライアント向け・ワーカー向けの機能が豊富で、案件数も国内のクラウドソーシング内でトップを誇ります。詳細ページ公式ページ私も愛用しているランサーズです。毎年新しい試みにチャレンジしているクラウドソーシングであり、ランサーをとても大切にしています。2019年に上場しました。