Use it on your PC!
  • ログイン 登録する
  • 文字列一覧
  • コード一覧
  • プレミアムサービス
  • 今すぐ試す
言語を選択
  • すべて
  • c_cpp
  • csharp
  • css
  • golang
  • haml
  • html
  • java
  • javascript
  • php
  • python
  • ruby
  • scala
    • html
      • ストック
        93
      • 閲覧
        8182
      3カラムレイアウト HTML
      3カラムレイアウトを作る場合も基本的には2カラムレイアウトと考え方は一緒です。 まずは大きいカラムと小さいカラムを左右にフロートさせ、大きなカラムの中にさらに2つの箱を左右にフロー...
      hana*uta
    • html
      • ストック
        57
      • 閲覧
        6965
      練習用コード 文字の背景・スタイルの表示
      背景の色・文字幅の表示 <div style="background-color padding> padding:20px (文字幅20ピクセル) 一部の文字の装飾 <span style="corlor:"色">変...
      YamadaTetsuya
    • html
      • ストック
        17
      • 閲覧
        1719
      関連する他のファイルを示す
      link要素を使用すると、この文章と関連している別の文書やファイルの所在を示すことができます。 <link rel="関連ファイルの種類"href="URL"> <link rel=&...
      chiharu39
    • html
      • ストック
        17
      • 閲覧
        4367
      練習用 自己紹介
      某学習サイトに合った紹介文を一部変更して紹介しています。
      YamadaTetsuya
    • html
      • ストック
        20
      • 閲覧
        2708
      練習用コード その1
      Linebreakを含めた形のコード例です。 <p>this is a <br />line break</p> この場合、表示は this is a linebreak となります。
      YamadaTetsuya
    • html
      • ストック
        16
      • 閲覧
        2690
      HTMLの型
      Progateサイト内のHTMLの全体構造説明を練習用にのせました。
      chiharu39
    • html
      • ストック
        6
      • 閲覧
        1111
      色の使用
      The HTML responsible for creating the above example is shown here: This is pretty simple, using a <div> as a wrapper around the contents, which consists of two more <...
      chiharu39
    • html
      • ストック
        7
      • 閲覧
        987
      CSSの読み込み
      HTMLからCSSを読み込むためには、 <link rel="stylesheet" href="stylesheet.css"のファイル名">を用います。
      chiharu39
    • html
      • ストック
        2
      • 閲覧
        1045
      brで改行
      ウェブデザイン初心者からすると分かりづらいのが、「HTMLコード内でEnterを押して改行しても、ブラウザに表示される文ではその改行が反映されない」ということです。 pタグなどを使えばそ...
      chiharu39
    • html
      • ストック
        4
      • 閲覧
        904
      olとliで番号付の箇条書きに
      ulの代わりにolを使うと、箇条書きのポッチが番号になります。
      chiharu39
    • html
      • ストック
        2
      • 閲覧
        913
      ul・ol・liで箇条書きを作る
      HTMLでは箇条書き用のコードも用意されています。<ul>と<li>のペア、もしくは<ol>と<li>のペアで使用します。
      chiharu39
    • html
      • ストック
        3
      • 閲覧
        939
      aタグでリンクをつくる
      aタグではテキストだけでなく、画像をはさむこともできます。画像のリンクボタンが作れるということですね。試しに「サルワカくんの顔の画像をクリックするとサルワカのトップページに飛ぶ」...
      chiharu39
    • html
      • ストック
        6
      • 閲覧
        1583
      サンプルコード
      基礎を学んだので総括する意味で作成しました。
      chiharu39
    • html
      • ストック
        1
      • 閲覧
        1440
      練習
      ただのられつ
      motobu-tatsuya
    • html
      • ストック
        7
      • 閲覧
        1204
      tore.html
      トレーニングです
      tokorozawa
    • html
      • ストック
        14
      • 閲覧
        1661
      HTMLで箇条書き
      htmlでひたすら箇条書き練習タグを書いていきます
      saitouson
    • html
      • ストック
        6
      • 閲覧
        1185
      'JavaScript'の2種の'alert'の書き方
      通常の書き方と「a要素の属性値」として、URLのようにソースコードを書く
      0303netorker
    • html
      • ストック
        15
      • 閲覧
        1524
      "target=_blank"以外でwindowを開く
      "target=_blank"以外でwindowを開く disabled もしてみる *コピペで使えます。
      0303netorker
    • html
      • ストック
        13
      • 閲覧
        1259
      11/7
      11/7 Felica 1日目
      RyoyaOkamoto
    • html
      • ストック
        60
      • 閲覧
        3382
      ひたすらタグづくり
      タグ作成の練習です。私自身がキーボードの右下部分の操作(特に”<”、”>”、”/”の入力ミスが多いので、その練習のために作成してみました。 作業効率を考えるならコピペしたほうが早いので...
      tokomaramuki
    • html
      • ストック
        148
      • 閲覧
        6815
      HTMLで『Hello, World』を表示させる
      HTMLを使用して、『Hello, World』と表示させるソースコードです。
      Tongari
    Typing for programmer
    • ヘルプ
    • 利用規約
    • プライバシーポリシー
    • お問い合わせ
    • 私たちについて
    Codedrill 2013-2023
    ログイン
    登録する
    • ホーム
    • 今すぐ試す
    • プレミアムサービス
    • コード一覧
    • 文字列一覧
    • お知らせ
    • ヘルプ
    • 利用規約
    • プライバシーポリシー
    • お問い合わせ
    • 私たちについて
    Codedrill 2013-2023