html_basic
おドン
html_basic
準備中
準備中
準備中

html作成方法

htmlファイル作成

 拙作html作成bashスクリプトmakehtmlを使う. 使い方はパスを通したディレクトリ(export PATH=~/bin:$PATH)に当スクリプトをいれ, ターミナルより
makehtml ファイル名"
とタイプを行う. 作成後はvscodeによって自動で開かれる. homepageディレクトリにtamplate.htmlがあることが必要である. 以前はヒアドキュメントでhtmlを作成していたが, 更新する必要が出てきたため, tamplate.htmlをコピーして, sedで置換する手法で作成することにした.
 

headerの編集方法

1. template.htmlのヘッダーを変更する.
2. updatehtmlによって既存の*.htmlが更新される.
3. makethmlはtemplate.htmlに基づき作成されるので次回以降は更新されたhtmlが作成される.
4. index.htmlはupdatehtmlに対応していないため, 手動で更新する.

規約

記号

記号 html
< &lt;
> &gt;
スペース &nbsp;
スペース × 4 &nbsp;&nbsp;&nbsp;&nbsp;
× &tiems;
× &tiems;
キャプション

ギリシャ文字

α &alpha; β &beta; γ &gamma; δ &delta;
ϵ &#x03F5; ζ &zeta; η &eta; θ &theta;
ι &iota; κ &kappa; λ &lambda; μ &mu;
ν &nu; ξ &xi; ο o π &pi;
ρ &rho; σ &sigma; τ &tau; υ &upsilon;
φ &phi; χ &chi ψ &psi; ω &omega;
ε &epsilon; ς &#962; ϖ &pvi; ϱ &#x03F1;
ϑ &#977; ϕ &#981;

ギリシャ文字大文字

Γ &Gamma; Δ &Delta; Θ &Theta; Λ &Lambda;
Ξ &Xi; Π &Pi; Σ &Sigma; Υ &Upsilon;
Φ &Phi; Ψ &Psi; Ω &Omega;

箇条書き

<ul>
    <li></li>
</ul>

図の挿入

<figure>
    <img src="image.png" height="500">
    <figcaption class="myfigcap">
    キャプション
    </figcaption>
</figure>

キャプションを入れない場合

<figure>
    <img src="image.png" height="100">(1,1)
</figure>

表の挿入

<table align="center">
    <tr>
        <th>項目0,1</th>
        <th>項目0,2</th>
    </tr>
    <tr>
        <td>項目1,1</td>
        <td>項目1,2</td>
    </tr>
    <caption class="mytabcap">キャプション</caption>
</table>

参考文献

一番最後に参考文献をつける

<h2>参考文献</h2>
<ul class="biblio" data-sort="byAppearanceOrder">
    <li id="a">雑誌名, 著者 巻数, ページ数(西暦)</li>
</ul>

文中に以下を付け加える

hoge<a href="#a"></a><br>
このシャープ"#"が重要である.

注釈

本文<span class="note">注釈</span><br>

ハイパーリンク

<a href="url">ハイパーリンク</a>

表紙

<h4>日付</h4><br>
<h1>題名</h1>
<h4>指導教員</h4>
<h4>指導教員名</h4><br>
<h4>所属</h4>
<h4>学籍番号 名前</h4><br><br>
Copyright (C) 2017 Odon Laboratry  All Rights Reserved.