HTMLの一般的な修正方法をご紹介します。
ホットプロファイルを使う上でHTMLを修正したい場合などに参考にしてください。
※ホットプロファイルでは、HTML形式のメールを作成する際のソース修正時や
Webフォームを作成する際にHTMLの修正を行うことが多いです。
一般的な設定方法
■改行する
記載方法 | 結果 |
今日の天気は晴れです。<br>明日は曇りの予報です。 |
今日の天気は晴れです。 |
■下線を引く
記載方法 | 結果 |
<u>HTMLの設定方法</u> |
HTMLの設定方法 |
■文字を太くする
記載方法 | 結果 |
<strong>HTMLの設定方法</strong> |
HTMLの設定方法 |
■斜体にする
記載方法 | 結果 |
<em>HTMLの設定方法</em> |
HTMLの設定方法 |
■箇条書きにする
記載方法 | 結果 |
<ul> <li>今日やること</li> <li>明日やること</li> </ul> |
|
■番号付きのリストにする
記載方法 | 結果 |
<ol> <li>今日やること</li> <li>明日やること</li> </ol> |
|
■中央揃えにする
記載方法 | 結果 |
<div style="text-align: center;">あいうえお</div> |
あいうえお |
■右揃えにする
記載方法 | 結果 |
<div style="text-align: right;">あいうえお</div> |
あいうえお |
■リンクを表示する
記載方法 | 結果 |
<a href="https://hprhelp.hammock.jp/hc/ja>ホットプロファイル</a><br /> |
ホットプロファイル |
■画像を表示する
記載方法 | 結果 |
<img src="画像ファイルのパス"> |
指定した画像が差し込まれます。 |
■画像の詳細を指定して表示する
記載方法 | 結果 |
<img src="画像ファイルのパス" alt="画像名" style="width: 100px; height: 120px;" /> |
横100ピクセル、縦120ピクセルの指定した画像が差し込まれます。 |
■文字の書式を変更します
記載方法 | 結果 |
<h1>あいうえお</h1> <h2>あいうえお</h2> <h3>あいうえお</h3> <h4>あいうえお</h4> <h5>あいうえお</h5> <h6>あいうえお</h6> |
あいうえおあいうえおあいうえおあいうえおあいうえおあいうえお |
■文字サイズを変更する
記載方法 | 結果 |
<span style="font-size:5px;">あいうえお</span> <span style="font-size:15px;">あいうえお</span> <span style="font-size:20px;">あいうえお</span> |
あいうえお あいうえお あいうえお |
■文字の色を変更する
色の参考:https://www.tagindex.com/color/
記載方法 | 結果 |
<span style="color:#ff0000;">あいうえお</span> <span style="color:#0000ff;">あいうえお</span> <span style="color:#000000;">あいうえお</span> |
あいうえお あいうえお あいうえお |
■背景色を変更する
色の参考:https://www.tagindex.com/color/
記載方法 | 結果 |
<span style="background-color:#ff0000;">あいうえお</span> <span style="background-color:#0000ff;">あいうえお</span> <span style="background-color:#000000;">あいうえお</span> |
あいうえお あいうえお あいうえお |
参考サイト
HTMLについて書かれている一般サイトです。
HTML編集時の参考にしてください。
・今さら聞けない!HTMLとは【初心者向け】
・HTMLとは?タグの概念やコードの書き方が簡単にわかる!
・HTML の基本
・HTML要素一覧
・初心者が必ず使うタグからHTMLのタグ一覧を総まとめ
補足
HTMLの設定方法などの詳細については、サポート範囲外となります。
上記についてもっと詳しく知りたい場合や他のことも知りたい場合など、
サポートが出来かねますので、その場合は、貴社のHTMLに詳しい方にご確認ください。
ご理解ご了承の程、何卒よろしくお願いいたします。