HTML付き都道府県リスト・ヘボン式ローマ字リスト
HTML付き都道府県リスト・ヘボン式ローマ字リスト
<ul id="">
<li><a href="/area/hokkaido/">北海道</a></li>
<li><a href="/area/aomori/">青森県</a></li>
<li><a href="/area/iwate/">岩手県</a></li>
<li><a href="/area/miyagi/">宮城県</a></li>
<li><a href="/area/akita/">秋田県</a></li>
<li><a href="/area/yamagata/">山形県</a></li>
<li><a href="/area/fukushima/">福島県</a></li>
<li><a href="/area/ibaraki/">茨城県</a></li>
<li><a href="/area/tochigi/">栃木県</a></li>
<li><a href="/area/gumma/">群馬県</a></li>
<li><a href="/area/saitama/">埼玉県</a></li>
<li><a href="/area/chiba/">千葉県</a></li>
<li><a href="/area/tokyo/">東京都</a></li>
<li><a href="/area/kanagawa/">神奈川県</a></li>
<li><a href="/area/niigata/">新潟県</a></li>
<li><a href="/area/toyama/">富山県</a></li>
<li><a href="/area/ishikawa/">石川県</a></li>
<li><a href="/area/fukui/">福井県</a></li>
<li><a href="/area/yamanashi/">山梨県</a></li>
<li><a href="/area/nagano/">長野県</a></li>
<li><a href="/area/gifu/">岐阜県</a></li>
<li><a href="/area/shizuoka/">静岡県</a></li>
<li><a href="/area/aichi/">愛知県</a></li>
<li><a href="/area/mie/">三重県</a></li>
<li><a href="/area/shiga/">滋賀県</a></li>
<li><a href="/area/kyoto/">京都府</a></li>
<li><a href="/area/osaka/">大阪府</a></li>
<li><a href="/area/hyogo/">兵庫県</a></li>
<li><a href="/area/nara/">奈良県</a></li>
<li><a href="/area/wakayama/">和歌山県</a></li>
<li><a href="/area/tottori/">鳥取県</a></li>
<li><a href="/area/shimane/">島根県</a></li>
<li><a href="/area/okayama/">岡山県</a></li>
<li><a href="/area/hiroshima/">広島県</a></li>
<li><a href="/area/yamaguchi/">山口県</a></li>
<li><a href="/area/tokushima/">徳島県</a></li>
<li><a href="/area/kagawa/">香川県</a></li>
<li><a href="/area/ehime/">愛媛県</a></li>
<li><a href="/area/kochi/">高知県</a></li>
<li><a href="/area/fukuoka/">福岡県</a></li>
<li><a href="/area/saga/">佐賀県</a></li>
<li><a href="/area/nagasaki/">長崎県</a></li>
<li><a href="/area/kumamoto/">熊本県</a></li>
<li><a href="/area/oita/">大分県</a></li>
<li><a href="/area/miyazaki/">宮崎県</a></li>
<li><a href="/area/kagoshima/">鹿児島県</a></li>
<li><a href="/area/okinawa/">沖縄県</a></li>
</ul>
都道府県名ヘボン式ローマ字リスト
都道府県番号 | 都道府県 | ふりがな | ローマ字 |
---|---|---|---|
1 | 北海道 | ほっかいどう | hokkaido |
2 | 青森県 | あおもり | aomori |
3 | 岩手県 | いわて | iwate |
4 | 宮城県 | みやぎ | miyagi |
5 | 秋田県 | あきた | akita |
6 | 山形県 | やまがた | yamagata |
7 | 福島県 | ふくしま | fukushima |
8 | 茨城県 | いばらき | ibaraki |
9 | 栃木県 | とちぎ | tochigi |
10 | 群馬県 | ぐんま | gumma |
11 | 埼玉県 | さいたま | saitama |
12 | 千葉県 | ちば | chiba |
13 | 東京都 | とうきょう | tokyo |
14 | 神奈川県 | かながわ | kanagawa |
15 | 新潟県 | にいがた | niigata |
16 | 富山県 | とやま | toyama |
17 | 石川県 | いしかわ | ishikawa |
18 | 福井県 | ふくい | fukui |
19 | 山梨県 | やまなし | yamanashi |
20 | 長野県 | ながの | nagano |
21 | 岐阜県 | ぎふ | gifu |
22 | 静岡県 | しずおか | shizuoka |
23 | 愛知県 | あいち | aichi |
24 | 三重県 | みえ | mie |
25 | 滋賀県 | しが | shiga |
26 | 京都府 | きょうと | kyoto |
27 | 大阪府 | おおさか | osaka |
28 | 兵庫県 | ひょうご | hyogo |
29 | 奈良県 | なら | nara |
30 | 和歌山県 | わかやま | wakayama |
31 | 鳥取県 | とっとり | tottori |
32 | 島根県 | しまね | shimane |
33 | 岡山県 | おかやま | okayama |
34 | 広島県 | ひろしま | hiroshima |
35 | 山口県 | やまぐち | yamaguchi |
36 | 徳島県 | とくしま | tokushima |
37 | 香川県 | かがわ | kagawa |
38 | 愛媛県 | えひめ | ehime |
39 | 高知県 | こうち | kochi |
40 | 福岡県 | ふくおか | fukuoka |
41 | 佐賀県 | さが | saga |
42 | 長崎県 | ながさき | nagasaki |
43 | 熊本県 | くまもと | kumamoto |
44 | 大分県 | おおいた | oita |
45 | 宮崎県 | みやざき | miyazaki |
46 | 鹿児島県 | かごしま | kagoshima |
47 | 沖縄県 | おきなわ | okinawa |
html+css
- before・afterをcssで画像にする
- ハンバーガーメニュー・左から出て右へ消える
- WEBサイトが開いたときにムービーが動いている
- headerを固定した時のページ内リンク。Chrome、Firefox、Safari対応
- 都道府県一覧
- 画像の縦横比を固定してレスポンシブHTML+CSS
- css flexで内側要素を文字数に応じて比例した幅にする
- table内の文字の折り返しが効かない時white-space: normal
- flex基本
- cssでdiv等の要素を正方形に固定(レスポンシブ)
- head内のレスポンシブ分岐(metaタグなど)
- iframe縦横比固定・div正方形維持(レスポンシブ)
- スクロールすると上から降りてくる
- フッターを下に固定|コンテンツが少ない時
- favicon
- css gridの中のdivの中のdivの高さを合わせる
- 文字列の下半分にマーカーを引く
- youtube画像埋め込みのレスポンシブ
- webフォントを使う
- 1枚にcssもjsも書くhtmlの基本
- Pリンクボタン中央寄せ
- HTMLの複数行を左揃え中央寄せする
- ::before ::after【css】
- dl,dt,dd・シンプルにコピペ
- テーブルhtml・シンプルにコピペ
- マウスオーバーで画像を大きくする
- divやpタグを文字幅に合わせて縮める