kharuka2016のブログ

日々の出来事を書き留めておくブログ

デザイン

HTMLのh1~h6タグとCSSのfont-sizeプロパティ

目次 前提条件 HTMLのh1~h6タグとCSSのfont-sizeプロパティ 参考 前提条件 macOS High Sierra version 10.13.3 ATOM 1.23.3 x64 HTMLのh1~h6タグとCSSのfont-sizeプロパティ h1~h6タグ px em h1 32 2 h2 24 1.5 h3 18 1.125 h4 16 1 h5 12 0.75 h6 10 0.625 …

HTMLタグのonfocus属性onblur属性とは

目次 前提条件 HTMLタグのonfocus属性onblur属性とは 例 参考 前提条件 macOS High Sierra version 10.13.3 ATOM 1.23.3 x64 HTMLタグのonfocus属性onblur属性とは onfocus属性はtextarea要素などでデフォルトで書かれている文字(入力してください。など)…

HTMLタグのinput要素のrequired属性とは

目次 前提条件 HTMLタグのinput要素のrequired属性とは 例 参考 前提条件 macOS High Sierra version 10.13.3 ATOM 1.23.3 x64 HTMLタグのinput要素のrequired属性とは input要素のrequired属性を指定するとその入力項目を入力必須にすることができます。 例 <form class="xxx" action="xxx.php" method="post"></form>…

htmlで電話アプリを起動する

目次 前提条件 電話アプリを起動する(スマートフォン対応) 例 参考 前提条件 macOS High Sierra version 10.13.3 ATOM 1.23.3 x64 電話アプリを起動する(スマートフォン対応) a要素のhref属性にtel:<発信先電話番号>を書きます。 例 <a href="tel:00000000000">000-0000-0000</a> 参考 …

htmlでメールアプリを起動する

目次 前提条件 メールアプリを起動する 例 参考 前提条件 macOS High Sierra version 10.13.3 ATOM 1.23.3 x64 メールアプリを起動する a要素のhref属性にmailto:<送信先メールアドレス>を書きます。 例 <a href="mailto:hoge@fuga.com">mailto:hoge@fuga.com</a> 参考 HTMLタグ/リンクタグ/リン…

HTMLタグのtarget属性とは

目次 前提条件 HTMLタグのtarget属性とは _blankキーワード 例 参考 前提条件 macOS High Sierra version 10.13.3 ATOM 1.23.3 x64 HTMLタグのtarget属性とは target属性はリンク先の内容やフォームの結果をどのウィンドウに表示するかを指定します。 _blank…

HTMLタグのrole属性とは

目次 前提条件 HTMLタグのrole属性とは 例 参考 前提条件 macOS High Sierra version 10.13.3 ATOM 1.23.3 x64 HTMLタグのrole属性とは role 属性は要素が示す役割を明示するための属性です。 例 <div id="content" class="body" role="main"> 参考 blog.e-riverstyle.com xn--lcki7of.jp</div>

HTMLタグのdir属性とは

目次 前提条件 HTMLタグのdir属性とは ltr キーワード 例 rtl キーワード 例 参考 前提条件 macOS High Sierra version 10.13.3 ATOM 1.23.3 x64 HTMLタグのdir属性とは dir属性は要素のテキストの記述方向を指定します。 ltr キーワード 「左から右に記述さ…

はてなブログ-脚注の付け方-(Markdown)

目次 脚注の付け方 参考 脚注の付け方 記述方法 hoge((ほげ)) 表示 hoge*1 参考 affiliate-hatekun.hatenablog.com はてなブログ Perfect GuideBook作者: JOE AOTO出版社/メーカー: ソーテック社発売日: 2016/07/22メディア: Kindle版この商品を含むブログを…

Pythonプロフェッショナルプログラミング-Webアプリケーションを作る(画面を作る)-

Pythonプロフェッショナルプログラミング 第2版作者: 株式会社ビープラウド出版社/メーカー: 秀和システム発売日: 2015/05/21メディア: Kindle版この商品を含むブログを見る 目次 前提条件 Webアプリケーションを作る 目次 1. 画面を作る 2. 機能を作る 2.1.…

はてなブログ-改行-(Markdown)

はてなブログ Perfect GuideBook作者: JOE AOTO出版社/メーカー: ソーテック社発売日: 2016/07/22メディア: Kindle版この商品を含むブログを見る 記述方法 hoge 改行<br> fuga 表示 hoge 改行 fuga はてなブログ Perfect GuideBook作者: JOE AOTO出版社/メーカー…

はてなブログ-中央寄せ・右寄せ・左寄せ-(Markdown)2017/11/23更新

目次 中央寄せ 右寄せ 左寄せ 参考 中央寄せ 記述方法 <div style="text-align: center;"> 中央寄せ </div> 表示 中央寄せ 右寄せ 記述方法 <div style="text-align: right;"> 右寄せ </div> 表示 右寄せ 左寄せ 記述方法 <div style="text-align: left;"> 左寄せ </div> *表示 左寄せ 参考 Markdownで中央寄せにする はてなブログ Perfect GuideBook作者: JOE AOTO出版社/メーカ…

はてなブログ記事の「トップに戻る」

はてなブログ Perfect GuideBook作者: JOE AOTO出版社/メーカー: ソーテック社発売日: 2016/07/22メディア: Kindle版この商品を含むブログを見る 読みやすいブログ作成のため「トップに戻る」機能を追加してみました。 参考記事通りに本当にコピー&ペースト…

Microsoft Azure, Cloud and Enterprise Symbol(プレゼンで使える素材集)2017年8月7日時点

外資系コンサルの資料作成術---短時間で強烈な説得力を生み出すフレームワーク作者: 森秀明出版社/メーカー: ダイヤモンド社発売日: 2014/02/21メディア: 単行本(ソフトカバー)この商品を含むブログ (4件) を見る VisioCafeにないマイクロソフトの素材はこ…

VisioCafe(プレゼン資料で使える素材集)

外資系コンサルの資料作成術---短時間で強烈な説得力を生み出すフレームワーク作者: 森秀明出版社/メーカー: ダイヤモンド社発売日: 2014/02/21メディア: 単行本(ソフトカバー)この商品を含むブログ (4件) を見る システム構成をPowerPointなどで作成する…

はてなブログで目次作成

はてなブログ Perfect GuideBook作者: JOE AOTO出版社/メーカー: ソーテック社発売日: 2016/07/22メディア: Kindle版この商品を含むブログを見る はてなブログでは「目次記法」が利用できる様です。これはブログを読みやすくするのに大変便利です。 それでは…

はてなブログで数式を記載する(Markdown)

はてなブログ Perfect GuideBook作者: JOE AOTO出版社/メーカー: ソーテック社発売日: 2016/07/22メディア: Kindle版この商品を含むブログを見る LaTeX 数式表示がデフォルトで MathJax 化されているようですね。LaTeXユーザーには嬉しいですね。 [tex:{ \di…

はてなブログで表を作成(Markdown)

はてなブログ Perfect GuideBook作者: JOE AOTO出版社/メーカー: ソーテック社発売日: 2016/07/22メディア: Kindle版この商品を含むブログを見る 書き方 |title1|title2|title3| |-|-|-| |hoge|fuga|foo| 結果 title1 title2 title3 hoge fuga foo 参考: se…

PowerPoint(スライドに背景の画像 (または透かし) を追加)

【前提条件】 PowerPoint 2013 参考に記載の以下の意味がわからなかったため覚書です。 2.縮小表示ペインで選んだものを右クリックし、[背景の書式設定] を選びます。 1.スライドで右クリック(Shift + F10)します。 2.背景の書式設定(B)を選択します。 3.「…

RGBと16進数カラーコードの相互変換ツール

RGBはわかるけどカラーコードがわからなくて困っているときに助かりました。 参考: www.peko-step.com

はてなブログでソースコードを記載する。(シンタックスハイライト)2017/11/23更新

目次 背景 Markdownの書き方 コマンドプロンプト、batファイル PowerShellコンソール、ps1ファイル 参考 背景 はてなブログでソースコードを記載する際、シンタックスハイライトを忘れたら困るため。そのための覚書です。 Markdownの書き方 ※「`」はバックク…