programing

programing

プログラムNo.8-2 文字の色のプログラム-2

CSSを入力時の注意点 ・CSSを入力時も、インデント(字下げ)をする。 ・CSSのプロパティの末尾にはコロン(:)、行末には セミコロン(;) をつける。 /* CSSを入力時の注意点 */ h2{ ←ここで改行   color: #00...
programing

プログラムNo.8-1 文字の色のプログラム-1

CSSとは? ・CSS…HTMLの要素に対して色・大きさ・配置等を指定し、ページをデザインする言語 ・HTMLのみでは文字と画像が羅列されているが、CSSを使用することでレイアウトを整える。 CSSに触れてみよう ・CSS…HTMLと別のフ...
programing

プログラムNo.7 リンクを作成するプログラム

リンク リンクの作成 ・<a>要素…リンクを作成するテキスト ・テキストを<a>タグで囲み、リンクを作ることが出来る。 ・<a>要素にリンクの飛び先を指定…href属性を追加 ・<a href="url">で書いて、url部分にリンク先のU...
programing

プログラムNo.6 画像表示のプログラム

画像を表示する ・<img>要素…画像の表示に使うテキスト ・<img src="url">…src属性のurlの部分に画像のリンクを指定してから画像が表示 ・テキストを囲まれず、終了タグは不必要
programing

プログラムNo.5 リストを作成するプログラム

リストを作成する ・リストを作る…<li>要素を使う。 ・箇条書きにするテキストをそれぞれ<li>タグで囲んで、リストを作る。 <ul>要素 ・<li>要素…囲む要素で種類が変わるという特徴がある。 ・<ul>要素…囲むと、黒点が先頭に付く...
programing

プログラムNo.4-2 見出しと段落を付けるプログラム-2

見出しと段落 ・<h1>, <h2>, <h3>, <h4>, <h5>, <h6>要素…見出しの大きさや重要性に使い分ける。 ・見出し以外の文…<p>要素を使う。 コメント ・コメント…<!-- -->で囲んだテキスト ・コメントとして入...
programing

プログラムNo.4 見出しと段落を付けるプログラム-1

見出し ・h…heading(見出し)の略 ・見出しの要素…<h1>要素以外にも、<h2>, <h3>, <h4>, <h5>,  <h6>要素がある。 ・<h1>が一番大きな見出し、<h6>が一番小さな見出し 段落 ・p…paragrap...
programing

プログラムNo.3 タグでプログラム

「Have nice a day!」テキストを ・開始タグ<h1> ・終了タグ</h1> で囲んでみると、 <h1>Have nice a day!</h1>
programing

プログラムNo.2 独自SSL設定をする

レンタルサーバーのSSL設定をする レンタルサーバー(ロリポップ)で無料独自SSL設定を行った。 「独自SSL証明書」→「SSL保護されていないドメイン」→「SSL化したいドメインにチェック」→「独自SSL(無料)を設定する」 SSL設定作...
programing

プログラムNo.1 WordPressの日時を消すプログラム

「外観」→「テーマエディター」→「スタイルシート(style.css)」の最後に下記を挿入。 /*投稿日時を非表示*/ .post-date { display:none; }