PENの登録方法とブログへの添付方法をご紹介しました。PEN上でサイト作れるんじゃないか?wナマケモノオメェなにバカなこと言ってんだたみおだ、誰だお前!!ナマケモノナマケモノだ。見りゃわかるだろたみお・・・・と言うことで、プログラミングに使えるように、HTML、CSSの簡単なテンプレを作成していこうと思います。CodePen.こんな感じで作成しました。みおCSSは知識不足なので全く思いつかずwwこれから勉強してまた足していこうと思います。以下、テンプレの解説を行います。スポンサーリンクHTMLで最低限必要なものHTMLのコードを書くときに最低限必要なものを考えてみました。上から簡単に解説していきます。html>「このテキストはHTMLです!」とブラウザに宣言するコードです。ビックリマークで強調するのを忘れずに。lang=”ja”>「このHTMLは日本語使いますよ!」とブラウザに宣言するコードです。<head></head>特にめんどくさい&毎回あんまり変わらないのはこの<head>の部分ですよね。この中には、作成するページの設定やリンクなどを書き込んでいきます。以下、<head>の中身の解説。charset=”UTF-8′′>「このHTMLの文字コードはUTF-8だよ!」と言う宣言。initial-scale=1.0′′>スマホなどの端末で表示した場合の画面サイズの指定です。width=device-width:幅をデバイスの画面幅に調節します。initial-scale=1.0:初期表示時のスケールを等倍します。content=”・・・”>「”・・・”」の部分にサイトの説明を記述します。この部分は検索結果に引用され、SEOにも影響します。ナマケモノ120文字以内に収めるといいぜ。みお(こいつ、何者なんだ・・・)この欄が空白、または未設定の場合は、検索エンジンはページ内のテキスト、またはAlt属性の値を抽出して検索結果に反映します。Explorer)の古いバージョンでの互換表示を防ぐコードです。<title>・・・・</title>作成するページのタイトルを書きます。検索結果やブックマークにも引用されます。ナマケモノここは30文字以内で書くのがいいぜ。>faviconと言う、ウェブサイトのシンボルマークを設定できるコードです。iconを短略した語句だぜ。href=”style.css”>CSSを読み込むためのコードです。<main>・・・</main>ここからmainの部分です。class=”main”>・<footer>で分けると思うのでこれらを設置しました。class=”main”>の中のcontentsも、基本形として3つ設置しました。必要に応じて増減していく形です。スポンサーリンクCSSで最低限必要なものCSSも必要最低限のものを。言うか、まだ知識不足です^^;たみお2種類しか思いつきませんでした。これからまた必要とわかったら、随時更新していきます。“utf-8”;スタイルシートでのエンコーディングをutf-8に設定します。PGothic”,Verdana,Arial,sans-serif;}bodyのプロバティで、基本のフォントサイズ、適用される文字スタイルを設定します。PENで作成しました。足りない部分は、今後随時追加してより使いやすいものにしたいと思います。たみおところで、ほんと急に出てきたねあなた。ナマケモノあぁ?悪いか?たみおいえ、大丈夫です。これからお願いします。それに手の赤いやつ・・何がついてるの・・。その中でもよく使われているのは、やっぱりTwitterだと思います。PENと言うサイトで作成しています。nbsp;」の意味は??簡単に説明するよ!programmingブレイクポイントとは??レスポンシブ化における各ブレイクポイントのpx設定についてWebデザインを作成する際に、今や必須なのがレスポンシブ化ですよね。HTML、CSS書く人はまず絶対書いてると思います。WordPressでブログを始めたてで、目次の入れ方がいまいちわかりませんでした。コメントをキャンセルメールアドレスが公開されることはありません。新しい投稿をメールで受け取るプロフィールこのサイトの筆者tamio四国の病院で働く理学療法士。院内では主に外来リハビリを担当。リハ栄養チームの運営に携わっている。糖尿病、認知症など慢性期疾患の治療や予防に興味津々。院外では「PT×〇〇」「リハビリ×〇〇」な働き方模索中。最近はプログラミングについて勉強している。@00tamio00スポンサーリンクスポンサーリンクタイトルとURLをコピーしました。