装飾や表組など標準ソースにはないHTML記述例

参考にしたサイト1 参考にしたサイト2 参考にしたサイト3

枠囲みのレイアウト(その1)

囲み枠線赤枠

囲み内の文章囲み内の文章囲み内の文章囲み内の文章囲み内の文章囲み内の文章囲み内の文章囲み内の文章囲み内の文章囲み内の文章囲み内の文章囲み内の文章囲み内の文章囲み内の文章囲み内の文章囲み内の文章

青枠

囲み内の文章囲み内の文章囲み内の文章囲み内の文章囲み内の文章囲み内の文章囲み内の文章囲み内の文章囲み内の文章囲み内の文章囲み内の文章囲み内の文章囲み内の文章囲み内の文章囲み内の文章囲み内の文章

黒枠

囲み内の文章囲み内の文章囲み内の文章囲み内の文章囲み内の文章囲み内の文章囲み内の文章囲み内の文章囲み内の文章囲み内の文章囲み内の文章囲み内の文章囲み内の文章囲み内の文章囲み内の文章囲み内の文章

赤枠・タイトル付

見出しタイトル見出しタイトル
囲み内の文章囲み内の文章囲み内の文章囲み内の文章

青枠・タイトル付

見出しタイトル見出しタイトル
囲み内の文章囲み内の文章囲み内の文章囲み内の文章

黒枠・タイトル付

見出しタイトル見出しタイトル
囲み内の文章囲み内の文章囲み内の文章囲み内の文章

枠囲みのレイアウト例(その2)



囲みの中の文章


囲みの中の文章囲みの中の文章


囲みの中の文章囲みの中の文章囲みの中の文章


囲みの中の文章囲みの中の文章囲みの中の文章囲みの中の文章

小さなチェックリスト

  • チェックリストの項目が入ります。チェックリストの項目が入ります。
  • チェックリストの項目が入ります。チェックリストの項目が入ります。
<ul class="check-list">
<li>チェックリストの項目が入ります。チェックリストの項目が入ります。</li>
<li>チェックリストの項目が入ります。チェックリストの項目が入ります。</li>
</ul>

 

大きなチェックリスト

  • チェックリストの項目が入ります。チェックリストの項目が入ります。
  • チェックリストの項目が入ります。チェックリストの項目が入ります。
<ul class="check-list-l">
<li class="odd">チェックリストの項目が入ります。チェックリストの項目が入ります。</li>
<li class="even">チェックリストの項目が入ります。チェックリストの項目が入ります。</li>
</ul>

 

都道府県別のリンク集

北海道・東北地方
[ 北海道 |青森 |岩手 |宮城 |秋田 |山形 |福島 ]
北関東・信越地方
[ 埼玉 |茨城 |栃木 |群馬 |新潟 |長野 ]
南関東地方
[ 東京 |神奈川 |千葉 |山梨 ]
中部地方
[ 愛知 |岐阜 |静岡 |石川 |富山 |三重 ]
近畿地方
[ 大阪 |京都 |兵庫 |福井 |奈良 |滋賀 |和歌山 ]
中国地方
[ 岡山 |広島 |鳥取 |島根 |山口 ]
四国地方
[ 香川 |徳島 |愛媛 |高知 ]
九州・沖縄地方
[ 福岡 |佐賀 |長崎 |熊本 |大分 |宮崎 |鹿児島 |沖縄 ]

履歴書をより完璧にするために

今までご紹介したポイントをおさえて履歴書を作成して頂ければ、マイナス評価にならない履歴書に仕上がります。 ただし、書き始めていると以下のような悩みが出てくるかと思います。

  • フォーマット選びや作成方法に自信が持てない
  • 書き上げたものがきちんと良いものに仕上がっているか確認がしたい
そういった場合は、転職エージェントに相談してプロから直接アドバイスをもらうことがおすすめです

その際に、転職エージェントの選び方と活用方法にはポイントがあるので以下の記事を読んで、さらに履歴書をブラッシュアップして、転職成功の確率を上げましょう。

「コピペで枠わく」というサイトhttp://copipe-de-waku.jimdo.com/赤の点線枠を使用した例~赤の点線枠を使用した例~赤の点線枠を使用した例~赤の点線枠を使用した例~赤の点線枠を使用した例~赤の点線枠を使用した例~赤の点線枠を使用した例~
これは緑のシャドウな感じだそうです。~~これは緑のシャドウな感じだそうです。~~これは緑のシャドウな感じだそうです。~~これは緑のシャドウな感じだそうです。~~これは緑のシャドウな感じだそうです。~~これは緑のシャドウな感じだそうです。~~これは緑のシャドウな感じだそうです。~~これは緑のシャドウな感じだそうです。~~
いろんな色や線種の枠が用意されています~~いろんな色や線種の枠が用意されています~~いろんな色や線種の枠が用意されています~~いろんな色や線種の枠が用意されています~~いろんな色や線種の枠が用意されています~~いろんな色や線種の枠が用意されています~~いろんな色や線種の枠が用意されています~~いろんな色や線種の枠が用意されています~~いろんな色や線種の枠が用意されています~~いろんな色や線種の枠が用意されています~~いろんな色や線種の枠が用意されています~~いろんな色や線種の枠が用意されています~~画像のリンク集霜月幸流プロフィール無料プレゼントチェックボックスの例

  • リボ払いのメリット1:支払金額が少額なので確実に返済が出来る
  • リボ払のメリット2:延滞がや滞納が無いので、クレヒスに傷がつかない
  • リボ払いのデメリット1:完済までの回数が増えるので手数料が多くかかる
  • リボ払いのデメリット2:返済額が一定なので、つい使い過ぎてしまう

横並びのリスト表示

  • リストが入ります。
  • リストが入ります。

コンバージョンのボックス表示銀行振り込みで購入するクレジットカード決済で購入する今すぐ購入する50%OFFで購入する横並びのコンバージョンボックス表示

大きなチェックリスト

  • チェックリストの項目が入ります。チェックリストの項目が入ります。
  • チェックリストの項目が入ります。チェックリストの項目が入ります。チェックリストの項目が入ります。チェックリストの項目が入ります。チェックリストの項目が入ります。チェックリストの項目が入ります。
  • チェックリストの項目が入ります。チェックリストの項目が入ります。
  • チェックリストの項目が入ります。チェックリストの項目が入ります。
  • チェックリストの項目が入ります。チェックリストの項目が入ります。

記述リスト(パターン1)記述リストのデザインその1要素が横に並びます。モバイルなどでは、横並びが解除されます。また 左よりも右の文字数の方が少なくなるとデザインが崩れます。記述リストのデザインその1要素が横に並びます。モバイルなどでは、横並びが解除されます。また 左よりも右の文字数の方が少なくなるとデザインが崩れます。記述リストのデザインその1要素が横に並びます。モバイルなどでは、横並びが解除されます。また 左よりも右の文字数の方が少なくなるとデザインが崩れます。記述リスト(パターン2)記述リストのデザインその2要素が縦に並びます。記述リストのデザインその2要素が縦に並びます。記述リストのデザインその2要素が縦に並びます。大きなアイコン

表組み(テーブル) ジャンルコメントアフィリエイトB自動車保険など管理画面が使いやすい。担当者の印象が最も良い。レントラックス車買取などクローズドASP。レスポンスが早いバリューコマースキャッシング積極的に特単を取りに行ってくれるTCSFX積極的に特単を取りに行ってくれるジャネット保険レスが遅かったり、来なかったりで放置A8レンタルサーバー担当者が付くほど貢献していないインフォトップ賢威、アフィ商材放置AdSenseSEO存在を忘れるレベル

長所・スキルをPRする質問例
5.「新規営業を得意としてきましたが、募集されている営業職ではどのような力が求められますか?」 6.「中小企業診断士の資格を取得しています。お役に立てるような業務はありますでしょうか?」 7.「チーム一丸で戦う事にやりがいを感じます。配属先のチームで求められる役割は何でしょうか?」 8.「経理一筋で頑張ってきました。御社で活躍するために、更に努力すべき点は何があるでしょうか?」
面接者質問例
人事担当者13.「中途社員の比率はどの程度ですか?活躍されている方の特徴はありますか?」 14.「人事から見た、御社らしさはどのようなものでしょうか?」 15.「創業理念に共感したのですが、実践のため取り組んでいる事を教えて下さい。」
現場責任者16.「競合優位性を発揮している、営業社員の強みはどこにあるのでしょうか?」 17.「現場チームでは、何を大切にして日々仕事されているか教えて下さい。」 18.「案件の受注から納品まで、どのようなスケジュールで動いていますか?」
役員・社長19.「経営者から見た御社の魅力と今後の課題を教えて頂けますか?」 20.「今後3年の経営を考えた際、従業員には何を求められるのでしょうか?」 21.「創業理念に共感したのですが、どのような背景から設定されたのですか?」
HTMLの記述方法ブラウザでの表示結果

ポイント

注意

NEW

初心者

別ウインドウ

矢印上

矢印右

矢印下

矢印左

ダウンロード

PDF

ZIP

メール

ショッピングカート

虫眼鏡

ホーム

フォルダ

時計

カレンダー

ビル

マップ

ページの先頭へ