anonymous No title
HTML
https://calendar.google.com/calendar/embed?height=600&wkst=1&bgcolor=%23ffffff&ctz=Asia%2FTokyo&src=NTViOHVodDZqZHRmZmU3Mm82b2pocGxzN29AZ3JvdXAuY2FsZW5kYXIuZ29vZ2xlLmNvbQ&src=amEuamFwYW5lc2UjaG9saWRheUBncm91cC52LmNhbGVuZGFyLmdvb2dsZS5jb20&color=%23F09300&color=%230B8043
anonymous No title
HTML
<iframe src="https://calendar.google.com/calendar/embed?src=fukuta%40uni-spot.com&ctz=Asia%2FTokyo" style="border: 0" width="800" height="600" frameborder="0" scrolling="no"></iframe>
anonymous No title
HTML
<LinearLayout
            android:orientation="horizontal"
            android:layout_width="match_parent"
            android:layout_height="wrap_content">
            <TextView
                android:textStyle="bold"
                android:paddingStart="32dp"
                android:layout_weight="6"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:textSize="30dp"
                android:textColor="@color/black"
                android:text="からだの症状"/>
            <TextView
                android:textStyle="bold"
                android:paddingEnd="32dp"
                android:textAlignment="textEnd"
                android:layout_weight="4"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:textSize="30dp"
                android:textColor="@color/black"
                android:text="1    2    3    4    5"/>
        </LinearLayout>

        <View
            android:layout_width="wrap_content"
            android:layout_height="1dp"
            app:layout_constraintTop_toTopOf="parent"
            app:layout_constraintBottom_toBottomOf="parent"
            app:layout_constraintStart_toStartOf="parent"
            app:layout_constraintEnd_toEndOf="parent"
            android:visibility="visible"
            android:background="@color/black"/>

        <LinearLayout
            android:orientation="horizontal"
            android:layout_width="match_parent"
            android:layout_height="wrap_content">
            <TextView
                android:paddingStart="32dp"
                android:layout_weight="6"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:textSize="30dp"
                android:textColor="@color/black"
                android:text="目が疲れる"/>
            <LinearLayout
                android:gravity="right"
                android:layout_weight="4"
                android:orientation="horizontal"
                android:layout_width="match_parent"
                android:layout_height="wrap_content">
                <CheckBox
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"/>
                <CheckBox
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"/>
                <CheckBox
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"/>
                <CheckBox
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"/>
                <CheckBox
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"/>

            </LinearLayout>
        </LinearLayout>
anonymous No title
HTML
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta name="robots" content="noindex,nofollow">
  
    <!-- ページタイトルを入力 -->
    <title>ウツシヨノホトリ</title>
  
  </head>
  
  <body>
    <!--""の間にお好みのカラータグを入力してください-->
    <body bgcolor="#a0d8ef" text="#2792c3" link="#165e83 " alink="#165e83" vlink="#165e83">
      
      <h1>この店舗について</h1>
      <p>
        <!-- 自己紹介文を書く -->
       個人の同人小説サークル。
       今日は死出/弔出のみの出品です。
       どうぞよしなに。
      </p>

      <h1>お支払い方法</h1>
    
        <p>
          <ul>
            <li>クレジットカード(VISA、MASTER、JCB、AMEX、DINERS)</li>
            <li>銀行振込(Paidy後払い決済)</li>
            <li>コンビニ決済(Paidy後払い決済)</li>
          </ul>
        ただし、ダウンロード頒布の場合のみ、JCB・AMEX・DINESのクレジットカードはご利用いただけません。
        詳しくは、<a href="https://pictspace-support.zendesk.com/hc/ja/articles/360002864296-%E6%B1%BA%E6%B8%88%E6%96%B9%E6%B3%95%E3%81%AF%E4%BD%95%E3%81%8C%E3%81%82%E3%82%8A%E3%81%BE%E3%81%99%E3%81%8B">こちら。</a>
      </p>

      <h1>配送までの期間</h1>

      <p>
      <!--u~/uの間に発送までの日数を記入してください-->
      ご注文から<u>7日間以内</u>の発送とさせていただきます。
      あらかじめご了承ください。
      </p>
    
      <hr color="#007bbb" width="60%" size="1"> 

      <h1>特定商取引法に基づく表記</h1>
      <h2>事業者の名称・連絡先</h2>
      <p>
        <br><a href="mailto:kzmc1004@gmail.com">kzmc1004@gmail.com</a></br>
        <br>省略した記載については、電子メール等の請求により遅滞なく開示いたします。</br>
      </p>
      <h2>販売価格</h2>
      <p>
        <br>販売価格は、消費税を含む価格で表示されています。<br>
      </p> 
      
      <h2>返品などについての特約</h2>
      <p>
        <br>商品に欠陥があり、当ショップが認める場合を除き、返品には応じません。</br>
      </p>
    </font>
  </body>
</html>
anonymous No title
HTML
<!DOCTYPE html>
<html>
 <head>
     <meta charset="utf-8">
     <title>フォーム</title>
 </head>
 <body>
     <form action="kadai_1_4.php"method="get">
         <input type="text" name="comment"><br />
         <input type="submit" value="送信">
     </form>
 </body>
</html>
anonymous No title
HTML
 <div class="wrap">
    <div class="item green"><p>1</p></div>
    <div class="item pink"><p>2</p></div>
    <div class="item orange"><p>3</p></div>
  </div>
  <style>
p{text-align:center;color:#fff;}

.wrap{
  display:flex;
  width:100%;
  height:400px;
  flex-wrap:wrap;
  flex-direction:column;
}
.green{
  background:green;
  flex:1 1 80%;
}
.pink{
  background:pink;
  flex:1 1 20%;
}
.orange{
  background:orange;
  flex:1 1 100%;
}
@media (max-width:800px){
  .wrap{
    flex-wrap: unset;/* nowrap */
  }
  .green{
    background:green;
    flex:1 1 100%;
  }
  .pink{
    background:pink;
    flex:1 1 100%;
    order:1;
  }
  .orange{
    background:orange;
    flex:1 1 100%;
  }
}
/* --------------------- */
  </style>
のぶちゃん 英語サイトを自動翻訳した状態を、そのまま共有する時のURL
HTML
http://translate.google.com/translate?langpair=en%7Cja&hl=en&u=お目当てのサイトURL
のぶちゃん MarkdownでHTML(縦書き)コード埋め込み
MIT HTML
<div class="tate pd2">
「あいうえお」<br>
「かきくけこ」<br>
ちゃんと縦書きに<br>なっていますね。<br>
<ruby>今日<rt>きょう</rt></ruby>〜
<ruby>来月末<rt>らいげつまつ</rt></ruby>
までの間に<br>一定の結論を出したい!<br>
令和<span>3</span>年<span>2</span>月<span>18</span>日 のぶちゃん
</div>

<style>
.tate {
  writing-mode: vertical-rl;
  margin: 0 auto;
  padding: 0.7em;
  border: 1px solid #ddd;
  box-shadow: 5px 4px 15px -5px #777777;
  border-radius: 15px;
}
.tate span {
  writing-mode: horizontal-tb;
}
.pd2 {font-size:1.2em;}

</style>
anonymous No title
HTML
<!doctype html>
<html lang="ja">

<head>
    <meta charset="UTF-8">
  
    <title>Tori Cafe</title>
    <link href="toriass/css/style.css" rel="stylesheet" type="text/css">
    <link href="favicon.svg" rel="icon">
    <script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
 


    <script src="toriass/js/script.js"></script>
    <meta name="viewport" content="width=device-width,initial-scale=1.0">
</head>

<body>
    <header>
        <h1 class="inner">
            <a href="#"><img src="toriass/images/logo.png" alt="logo"></a>
        </h1>
        <div class="inner header_menu ds_f">
            <div id="slide">
                <p><img src="toriass/images/mv01.jpg" alt="mv"></p>
                <p><img src="toriass/images/mv02.jpg" alt="mv"></p>
                <p><img src="toriass/images/mv03.jpg" alt="mv"></p>
            </div>
            <p class="hamburger"><img src="toriass/images/hamburger_lines_2.png" alt="hamburger"> </p>
            <nav class="inner">
                <ul class="menu">
                    <li><a href="#">Home</a></li>
                    <li><a href="#">HTML&amp;CSS</a></li>
                    <li><a href="#">Dreamweaver</a></li>
                    <li><a href="#">JQuery</a></li>
                    <li><a href="#">Ai&amp;Ps</a></li>
                    <li><a href="works/index.html">Works</a></li>
                    <li class="sns">
                        <ul>
                            <li>
                                <a href="#" class="fb"><img src="toriass/images/icon_fb.gif" alt="fb"></a>
                            </li>
                            <li>
                                <a href="#" class="twitter"><img src="toriass/images/icon_twitter.gif" alt="twitter"></a>
                            </li>
                            <li>
                                <a href="#" class="line"><img src="toriass/images/icon_line.gif" alt="line"></a>
                            </li>
                        </ul>
            </nav>
        </div>
    </header>
    <main>
        <section class="inner topics">
            <h2><img src="toriass/images/topics.png" alt="topics" /></h2>
            <div class="topocs_innner ds_f">
                <div class="topics_content ds_f">
                    <dl class="topics_box">
                        <p><img src="toriass/images/topics_ph_1.jpg" alt="topics_01" /></p>
                        <dt>2020.11.10</dt>
                        <dd>サイトをリニューアルしました。</dd>
                    </dl>
                    <dl class="topics_box">
                        <p><img src="toriass/images/topics_ph_2.jpg" width="200" height="130" alt=""></p>
                        <dt>2020.10.18</dt>
                        <dd>【10月29日開催】アレジメント教室を開催します。</dd>
                    </dl>
                    <dl class="topics_box">
                        <p><img src="toriass/images/topics_ph_3.jpg" alt="topics_01" /></p>
                        <dt>2020.10.1</dt>
                        <dd>○○○○再入荷しました。</dd>
                    </dl>
                </div>
            </div>
            <a href="#" class="btn_more">MORE</a> </section>
        <section class="inner about ds_f">
            <p><img src="toriass/images/about_ph.jpg" alt="about" /></p>
            <div class="about_txt">
                <h3><img src="toriass/images/about.png" alt="about_ph" /></h3>
                <p>何かあればご気軽に!</p>
            </div>
        </section>
        <section class="inner shop">
            <h2><img src="toriass/images/shop.png" alt="shop"></h2>
            <div class="shop_content ds_f jc_sb">
                <div class="shop_box">
                    <div class="shop_btn">
                        <a href="#"><img src="toriass/images/shop_ph_1.jpg" alt="shop_01" class="shop_ph"></a>
                    </div>
  
            </div>
        </section>
        <section class="bunner">
            <p>
                <a href="http://www.wit-it.co.jp/" " target="_blank "><img src="toriass/images/bunner.png " alt="banner "></a></p>
  </section>
</main>
<footer>
  <div class="inner ">
  <ul class="ds_f ">
    <li><a href="# ">Home</a></li>
    <li><a href="# ">HTML&amp;CSS</a></li>
    <li><a href="# ">Dreamweaver</a></li>
    <li><a href="# ">JQuery</a></li>
    <li><a href="# ">Ai&amp;Ps</a></li>
    <li><a href="works/index.html ">Works</a></li>
  </ul>
  <div class="inner footer_sns ds_f ">
    <h3><a href="# "><img src="toriass/images/footer_logo.png " alt="footer_logo "></a></h3>
    <ul class="sns ds_f ">
      <li><a href="# " class="fb "><img src="toriass/images/icon_fb.gif " alt="fb "></a></li>
      <li><a href="# " class="twitter "><img src="toriass/images/icon_twitter.gif " alt="twitter "></a></li>
      <li><a href="# " class="line "><img src="toriass/images/icon_line.gif " alt="line "></a></li>
    </ul>
  </div>
  <p><small>Copyright © Tori All Rights Reserved.</small></p>
</footer>
</body>
</html>
anonymous No title
HTML
Don't you submit code?
Submit