BlockChain開発者のチャレンジ-2(htmlから)


確かに基礎から勉強していて、私が知っていることもよく分からないと思っていたことに気づきました.
html Masterのために、理解しなければならないテーブルとフォームを作成してみました.

コースの結果




授業中に習った内容


table


1枚目の写真のフレームはtableラベルで作ったやつらです.
tableとは、データを列と行で囲み、リスト形式で表示することです!
<table>
	<thead>
    	<th>Name</th>
        <th>Color</th>
        <th>Description</th>
    </thead>
    <tbody>
    	<tr>
        	<td>Apple</td>
            <td>Red</td>
            <td>These are red.</td>
        </tr>
        <tr>
        	<td>Pear</td>
            <td>Green</td>
            <td>These are green.</td>
        </tr>
    </tbody>

</table>
完全なコードを見ずに、簡単に書いただけです.

  • theadラベルで包むと、ラベルになります.小包リストの代表です.
    1-1. theadでthで書くと、他の文字よりも大胆に表示されます

  • tbodyは実際のリストをリストしています.
    2-1. trは行を表しtdを囲む(表行を表す)
    2-2. tdはリストを表すテーブルデータである.
  • form

    <form action="detail.html">
    
    	<label>Your Name: </label>
        <input type= "text">
        <input type= "color">
        <br>
        
        <label>Your Email: </label>
        <input type= "email">
        <input type= "submit">
        <br>
        
        <label>Your Message: </label><br>
        
        <textarea name="yourMessage" rows="10" cols="30"></textarea> <br />
          
        <input type= "submit">
    
    </form >
    formの場合、htmlで少量のデータを転送する場合によく使われます.
    主にログインやEメール送信などに使用されます.
    formの流れを見て
    formには名前がありますが、これを押すとform内
    内容はフォームのaction=「detail.html」に移動します.
    Inputはいくつかの制約を掛けることができますが、これは以下に詳しく書きます.

    今回本当に知った内容


    机の書き方がわからない
    trでフレームを作り、その中にtdと書いて1行ずつ作ります.
    この授業を通して、3回以上いろいろな形で書いて理解しました.
    formの場合,inputを記述する際にtypeに基づいて制約できることが重要であることが分かった.
    <input type="password">
    <input type="email">
    <input type="checkbox">

    自己フィードバック


    これは私がhtmlの基礎の上で正しく学ぶ3日間です.
    これまでhtmlを使って画面を整理する方法を学びました.
    私は簡単な登録ページを作成して、羽の中心にアップロードして、ほほほ