なきちこんにちは、かなきち(@kanakichi0801)です前回は超初級編と言うことでブラウザに文字や画像を表示させたり、リンク(URL)を設置しました。今回は続きで使用したホームページを作る土台、HTMLの基本構造について解説をしていきます。Definitionの略です。タグに見えますが、正式にはタグではありません。文章の宣言文の役割になります。html>(ドックタイプ)を設置すると覚えましょう。それだけで大丈夫です。html>(ドックタイプ)の後に<html>(エイチティーエムエルタグ)を設置します。HTML文書を使うのでhtmlタグを使用する。htmlの文章を宣言するエリアをこれで決めます。全ての要素はこの<html>(エイチティーエムエルタグ)の中に記述します。-->lang属性(lang="")<html>タグには、基本的にlang属性を追加します。lang属性は見ていないそうです。当ブログでは基本的にW3Cを参考にlang属性は記述していこうかと思います。headタグとbodyタグ<html>(エイチティーエムエルタグ)の中に、<head>(ヘッドタグ)と<body>(ヘッドタグ)を記述します。headタグ<head>(ヘッドタグ)は少々説明が難しい部分になります。簡単に説明をすると、<head>(ヘッドタグ)の中にはホームページには表示されない内部設定が入ります。検索やSNSの表示設定などなど<head>(ヘッドタグ)は、SEO対策(=検索エンジン最適化)でも重要です。charset="utf-8">(ユーティーエフエイト)と<title>(タイトルタグ)を記述すると覚えましょう。※当ブログでは、detectionなどの説明は後に回します。ホームページを表示する上で確実に必要なところから説明しています。utf-8とは「UTF-8(ユーティーエフエイト)」という文字コードを設定するという意味。前回もチラっとお話ししましたが、文字化け防止のためにこのタグを使います。」のように文字が化けて表示されます。これを文字化けと言います。<meta>から始まるタグをメタタグといい、ホームページの内部設定はよくこのメタタグを使います。閉じタグはありません。--></head></html>titleタグとは前回もお話したようにタイトルを書くタグです。ブラウザのタブに表示されますが、検索の時のタイトルも以下のように表示されます。[Google検索結果のタイトル]余談になりますが、検索で表示されているタイトルを変えて欲しいとクライアントからあったら、こちらの<title>(タイトルタグ)を修正しましょう。googleの検索結果はgoogleのロボット(クローラー)が回って来ないと反映されないので反映までに遅くて2週間程度かかります。※サーチコンソールのURL検査かければ、比較的早く反映される可能性があります。--></head></html>次に<body>(ボディータグ)の説明に入っていきます。bodyタグとは<body>(ボディータグ)に、ホームページに表示したい内容は、基本的にこの中に書いていきます。先になりますが、JavaScriptやjQueryなどの、ホームページに動きをつけるコードは<body>の閉じタグの直前に書き込むことがあります。--></html>まとめいかがだったでしょうか?今回はホームページの土台ということで、HTMLの基本構造について解説させていただきました。なんとなくイメージが掴めたらそれで大丈夫です!なんども言いますが、以下のコードはどこかにメモで残しておいてコピペするのをお勧めします。<title></title></head><body></body></html>次回は、最低限覚えなくてはいけないHTMLタグを紹介していきます。たくさんのタグの種類がありますが、最低限4つのタグでホームページは作れるという内容になっております。最後までご覧いただきありがとうございます。こんにちは、かずん(@kazoonLab)です。前回の記事で...2019-12-05コーディング練習(3)特殊文字を使いメニュー表を実装しよう!こんにちは、かなきち(@kanakichi0801)です。こんにちは、かずん(@kazoonLab)です。かなきちスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。