12345…1112
のぶちゃん 英語サイトを自動翻訳した状態を、そのまま共有する時のURL
HTML 
http://translate.google.com/translate?langpair=en%7Cja&hl=en&u=お目当てのサイトURL
  • 0
  • 0
  • 2021年04月07日
のぶちゃん 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>
  • 0
  • 0
  • 2021年02月17日
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>
  • 0
  • 0
  • 2020年11月11日
anonymous No title
HTML
  • 0
  • 0
  • 2020年11月02日
anonymous No title
HTML 
<!DOCTYPE html>
<html lang="ja">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <link rel="stylesheet" href="uxin.css">
</head>

<body>

  <body>
    <div class="wrapper row1">
      <header id="main_header"> id "main_header" の内容がここに入ります</header>
    </div>
    <div class="wrapper row2">
      <nav id="g_navi"> id "g_navi" の内容がここに入ります</nav>
    </div>
    <div class="wrapper row3">
      <p id="mainvisual">メインビジュアルがここに入ります。</p>
    </div>
    <div class="wrapper row4">
      <main class="clearfix">
        <article id="main_contents"> id "main_contents" の内容がここに入ります</article>
        <aside id="side_contents"> id "side_contents" の内容がここに入ります</aside>
      </main>
    </div>
    <div class="wrapper row5">
      <footer id="main_footer"> id "main_footer" の内容がここに入ります</footer>
    </div>
  </body>


</body>

</html>
  • 0
  • 0
  • 2020年10月29日
anonymous No title
HTML 
<!DOCTYPE html>
<html lang="ja">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>課題2-4</title>
</head>
<body>
<h1>簡易掲示板<!DOCTYPE html>
<html lang="ja">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>課題2-4</title>
</head>
<body>
<h1>簡易掲示板</h1>
<form action = "kadai_2-4.php" method = "post" >
    <p>名前</p>
    <input type = "text" name = "name" >
    <p>コメント</p>
    <textarea name = "comment" ></textarea><br>
    <input type = "submit" name = "send" value = "投稿"><br>
    削除したい番号:<input type = "text" name = "deleteNo">
    <input type = "submit" name = "delete" value = "削除"><br>
  </form></h1>
<form action = "kadai_2-4.php" method = "post" >
    <p>名前</p>
    <input type = "text" name = "name" >
    <p>コメント</p>
    <textarea name = "comment" ></textarea><br>
    <input type = "submit" name = "send" value = "投稿"><br>
    削除したい番号:<input type = "text" name = "deleteNo">
    <input type = "submit" name = "delete" value = "削除"><br>
  </form>
</body>
</html>
  • 0
  • 0
  • 2020年10月27日
anonymous No title
HTML 
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<title>PHP</title>
</head>
<body>
<?php
// 1.echoで文字列を表示する
$data= 'Hello';
echo $data, '<br />';
// 2.文字列をテキストファイルに保存する
$file = fopen("sample.txt", "w");
flock($file, LOCK_EX);
fwrite($file, $data  . "\n");
flock($file, LOCK_UN);
fclose($file);
// 3. 2 で保存したテキストファイルを読み込んで表示させる
$file = fopen("sample.txt", "r");
flock($file, LOCK_EX);
echo fgets($file), '<br />';
flock($file, LOCK_UN);
fclose($file);
?>
<form method = "GET" action = "get_1.php">
<label for = "txt">文字列データ:</label>
<input id = "txt" type = "text" name = "txt" size = "15" />
<input type = "submit" value = "送信" />
</form>
</body>
</html>
  • 0
  • 0
  • 2020年10月27日
anonymous No title
HTML 
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="kitasennjyu.css">
    <title>Document</title>
</head>
<body>
    <div class="oya">
        <div class="kuro iro"></div>
        <div class="pinnku iro"></div>
    </div>
</body>
</html>


<form action="mail.php" method="post" name="mail" id="mail">
    <table width="680" border="0">
        <tbody>
          <tr>
            <th scope="row">氏名（必須）</th>
            <td><input name="name" type="text" required id="name" placeholder="例）山田　太郎" title="お名前を入力してください。"></td>
          </tr>
          <tr>
            <th scope="row">ふりがな（必須）</th>
            <td><input name="kana" type="text" required id="kana" placeholder="例）やまだ　たろう" title="お名前のふりがなを入力してください。"></td>
          </tr>
          <tr>
            <th scope="row">電話番号（必須）</th>
            <td><input name="tel" type="tel" required id="tel" placeholder="例）090-1234-5678" title="電話番号を半角英数字で入力してください。" maxlength="13"></td>
          </tr>
          <tr>
            <th scope="row">メールアドレス（必須）</th>
            <td><input name="email" type="email" required id="email" placeholder="例）t-yamada@test.com" title="メールアドレスを半角英数字で入力してください。"></td>
          </tr>
          <tr>
            <tr>
                <th scope="row">サイトを知ったきっかけ</th>
                <td>
                  <label>
                    <input type="checkbox" name="chance" value="search" id="chance_0">
                    検索サイト</label>
                  <br>
                  <label>
                    <input type="checkbox" name="chance" value="mouth" id="chance_1">
                    口コミ</label>
                  <br>
                  <label>
                    <input type="checkbox" name="chance" value="magazine" id="chance_2">
                    雑誌</label>
                  <br>
                  <label>
                    <input type="checkbox" name="chance" value="other" id="chance_3">
                    その他</label>
                  </td>
              </tr>
              <tr>
                <th scope="row">性別</td>
                    <td>
                      <label>
                        <input type="radio" name="sei" value="man" id="sei_0">
                          男</label>
                      <br>
                      <label>
                        <input type="radio" name="sei" value="woman" id="sei_1">
                          女</label>
                      </td>
                  </tr>
                  <tr>
                </tr>
                <tr>
                  <th scope="row">用件</th>
                  <td><select name="title" id="title">
                    <option value="web">WEBサイト制作について </option>
                    <option value="manage">WEBマネジメントについて </option>
                    <option value="recruit">採用について </option>
                    <option value="site">このサイトについて </option>
                    <option value="other">その他</option>
                  </select></td>
                </tr>
                <tr>
          
            
            
    
      </tbody>
    </table>
  </form>
  • 0
  • 0
  • 2020年10月26日
anonymous No title
HTML 
<!DOCTYPE html>
<html lang="ja">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>課題2-1</title>
</head>
<body fontsize = 30>
  <form action = "kadai_2-1.php" method = "post" >
    <p>名前</p>
    <input type = "text" name = "name" >
    <p>コメント</p>
    <textarea name = "comment" ></textarea><br>
    <input type = "submit" name = "送信">
  </form>
</body>
</html>
  • 0
  • 0
  • 2020年10月23日
anonymous No title
HTML 
<!DOCTYPE html>
<html lang="ja">
<head>
    <link rel="stylesheet" href="kadai5_5_2.css">
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <div class="tel">
        <h1>電卓</h1>
        <input id="show_input" type="text" class="show_input">
        <input id="delete" onclick="delete_num()" type="button" class="delete" value="×"><br/>
        <input id="7" onclick="input_num(document.getElementById('7').value)" type="button" class="num" value="7">
        <input id="8" onclick="input_num(document.getElementById('8').value)" type="button" class="num" value="8">
        <input id="9" onclick="input_num(document.getElementById('9').value)" type="button" class="num" value="9">
        <input id="×" onclick="input_num(document.getElementById('×').value)" type="button" class="num" value="*"><br/>
        <input id="4" onclick="input_num(document.getElementById('4').value)" type="button" class="num" value="4">
        <input id="5" onclick="input_num(document.getElementById('5').value)" type="button" class="num" value="5">
        <input id="6" onclick="input_num(document.getElementById('6').value)" type="button" class="num" value="6">
        <input id="-" onclick="input_num(document.getElementById('-').value)" type="button" class="num" value="-"><br/>
        <input id="1" onclick="input_num(document.getElementById('1').value)" type="button" class="num" value="1">
        <input id="2" onclick="input_num(document.getElementById('2').value)" type="button" class="num" value="2">
        <input id="3" onclick="input_num(document.getElementById('3').value)" type="button" class="num" value="3">
        <input id="+" onclick="input_num(document.getElementById('+').value)" type="button" class="num" value="+"><br/>
        <input id="0" onclick="input_num(document.getElementById('0').value)" type="button" class="big_num" value="0">
        <input id="=" onclick="calc()" type="button" class="num" value="=">
        <input id="÷" onclick="input_num(document.getElementById('÷').value)" type="button" class="num" value="/"><br/>
    </div>
    <script>
        var result = document.getElementById("show_input");
        function input_num(x){
            document.getElementById("show_input").value=document.getElementById("show_input").value+x;
        }
        function delete_num(){
            document.getElementById("show_input").value="";
        }
        function calc() {
            result.value = new Function("return " + result.value)();
        }
    </script>
</body>
</html>
  • 0
  • 0
  • 2020年10月17日
Don't you submit code?
Submit
12345…1112