html・css html css テキストの右寄せ、中央寄せ、左寄せ
テキストの右寄せ、中央寄せ、左寄せ
テキストの位置を指定するには、align属性に値を入れることで位置を指定できます。
値はright、center、leftがあります。
<div align="right">右寄せ</div>
<di...
zgow
html・css html・css html テキストの表示
テキストの様々な表示
見出しテキストの表示
見出しテキストは<h1>～<h6>タグを使うことで表示できます。
数字が小さいほど大きい見出しとなります。
見出しはSEOにも関わるので、適宜使うことをお勧めします。
下線、太字、斜体、取り...
html・css html tilteタグでタイトルを設定
tilteタグでタイトルを設定
<title>タグを使用することで、Webページにタイトルをつけることができます。
タイトルをしっかりつけることは、検索順位にも大きくかかわってきますので、設定しておくとよいでしょう。
使い方は、下記の...
html・css Visual Studio Codeでhtmlを使うための準備
Visual Studio Codeでhtmlを使うための準備
Visual Studio Codeのインストール
まずは、VSCodeのインストールを行う。
VSCodeのインストールは下記サイト参照
VSCodeインストール
Vis...
Visual Studio Code Visual Studio Code アウトライン
アウトライン導入
Visual Studio Codeでは、バージョン1.25から、アウトライン機能を使えるようになりました。
アウトラインとは
アウトラインは、VSCodeにおいては、変数や入れ子構造になっている箇所を、わかりやすく階層リ...
Visual Studio Code Visual Studio Code 行削除
Visual Studio Codeでは、行を丸ごと削除するには、ショートカットキーが便利です。
行削除ショートカットキー Ctrl+Shift+K
デフォルト設定の場合、上記のショートカットキーで、
選択している行の内容を、一発で削除し...
Vue.js Vue.js 算出プロパティ
算出プロパティとは
算出プロパティは、Vueインスタンスが持っているcomputedという名前のプロパティのことで、
メソッドに近い感覚で使うことができ、
値を処理して、テンプレート側に処理した値を渡すことができます。
メソッドとの違い...
Vue.js Vue.js v-bind v-onの省略
v-bindとv-onには、特別な省略の仕方があります。
公式ドキュメントから引用させて紹介させていただきます。
v-bindの省略
<!-- 完全な構文 -->
<a v-bind:href="url"> ... </a>
<!-- ...
Vue.js Vue.jsのテンプレート
テンプレートにVueインスタンスのdataの値を表示
テンプレートにhtmlコード内で、Vueインスタンスのdataの値を表示する場合は、
{{ dataに入っているキー変数 }}で表示できます。
(例) <span>Message: {...
Vue.js Vue.js Vueインスタンス基礎
Vueインスタンスとは
Vueインスタンスは、dataプロパティやelプロパティ等を保持しており、
これらのプロパティの値を変更して、画面側や処理に影響を与えます。
Vueインスタンスの作成
Vueインスタンスは下記のようにnewを作って...