html

16623 ワード

htmlの構造


head


ドキュメントの優先パラメータ情報が含まれます.

これらのブラウザの上の文を決定します.

body


本文
htmlはタグで構成され、各タグには名前と属性があります.<h1..2..>:見出しの文字数が小さいほどフォントが大きくなります<p>:主にテキストが自動的に開きます.<br/> :他のラベルと異なるラベルはありません.ラベルをつける<a href ="링크"> 링크이름</a>:リンクを指定し、移動可能なラベルを指定します.プロトコルにリンクするには、すべて作成します.<i>傾斜<sup>上付き<ins>下線<del>削除線

リストラベル-ul,li,ol

<ul>:無秩序list->無秩序リスト
<ul>
  <li> 리스트1</li>
  <li> 리스트2</li>
  <li> 리스트3</li>
<ul>
<ol>:整列list->整列リスト
ex) 1. ... 2. ... 3. ...
```html
<ol>
  <li> 리스트1</li>
  <li> 리스트2</li>
  <li> 리스트3</li>
<ol>

リストラベル2-dl、dt、dd

<dl>
  <dt> 메뉴 리스트</dt>
  <dd> menu1 </dd>
  <dd> menu2 </dd>
  <dd> menu3 </dd>
</dl>

表を表すタグ-table


昔はウェブページの全体的なレイアウトに使われていましたが、今はそうではありませんので、以前ほど重要ではありません.<tr>:行<td>:列
  • border
  • <table border = "1" > // border 속성으로 테이블의 간격 설정
  • colspan, rowspan
    行、列および属性
  • <td rowspan = "3">성적</td>
    <td colspan = "4">합계</td>

    画像-img

    <img src = "이미지 주소">-alt:画像が出力されていない場合は、画像を表す文を出力します
    ex)

    フォームタグ

    <form action="/" method="post">
        이름 : <input type="text" name="uname"><br/>
        아이디 : <input type="text" name="uid"><br/>
        비밀번호 : <input type="password" name="upw"><br/>
        성별 <input type="radio" name ="gender" value="m">남,
        성별 <input type="radio" name ="gender" value="w"><br/>
    
        <select>
            <option>김치</option>
            <option>파전</option>
            <option>막걸리</option>
        </select><br/>
    
        <input type="submit">
    </form>
    
    -action:フォームで要求するurl
    -メソッド:リクエストメソッド(get、post、update、delete)<input>
  • タイプ:入力値タイプ
    -password:*を入力すると処理されます.
    -radio:同じ名前から1つしか選択できません.値区分
  • -summit:送信ボタン

    レイアウト構成ラベル-div、span

    
    <body>
    <P>block</P>
    
    <div>1</div>
    <div>2</div>
    <div>3</div>
    <div>4</div>
    
    <span>1</span>
    <span>2</span>
    <span>3</span>
    </body>
    div:垂直レイアウト(自動オープン)
    主にヘッダー、menu、information、footerに分けられます.
    視覚的方法:このような定型divをより効果的に組織するために、header、nav、section、footerラベルで置き換えることができます.
    ->検索エンジンの検索は,開発者の立場でより便利である.
    span:水平レイアウト