HTML


HTML - (hypertext markup language)



デフォルトラベル

<!DOCTYPE html>   <!-- 이 문서는 html 입니다 -->
<html>            <!-- 브라우저에서 실행가능한 기본적인 파일 -->
  <head>          <!--  본문 상세설명 (유저에게 보여지는 정보가 없음) -->
    <meta charset="utf-8">   <!-- 문자규칙 -->
    <title></title>   <!-- 웹페이지의 제목 -->
  </head>
  <body>          <!-- 본문 (작성한 내용들이 바로 유저에게 --> 
    
  </body>
</html>

段落タグ

- <br> - HTML new line tag
- <p> - HTML paragraph tag 
- <pre> - preformatted text (작성한 그대로)
- <hr> - horizion (수평줄삽입) 
- <q> - quotation (짧은 인용문"")
- <blockquote> - 긴인용문(들여쓰기) + CSS적용 용이

ジグザグマーク

<b> <strong> - blod
<i> -          italic 
<em> -         emphasized (italic base)
<small> -      small 
<del> -        delete text (중앙선) 
<u> <ins>` -   underline / inserted (added) (밑줄) 
<sub> <sup> -  subscripted(아래에) / superscripted(위에) 
<font color="blue"> - 폰트색상

「リスト」タグ

  • <ul>-無秩序リスト
  • <ol>-Ordered list(無秩序リスト)
  • <ol type = "숫자"> : 기본값
    <ol type = "A"> : 대문자 알파벳
    <ol type = "a"> : 소문자 알파벳
    <ol type = "I"> : 대문자 로마자
    <ol type = "i"> : 소문자 로마자 
  • ol>li*3入力後tabキーを押して自動的にタグを入力します.
  • <ol>
        <li></li>
        <li></li>
        <li></li>
    </ol>

    表の形状ラベル

    <table> - 표를 감싸는 역할
    <tr> - 표 내부의 행 (table row) 
    <th> - 행 내부의 제목 셀 (table heading)
    <border> - 표 테두리 두께 지정 (css 권장)
    <rowspan> - 해당 셀이 점유하는 행의 수 지정 
    <colspan> - 해당 셀이 점유하는 열의 수 지정 

    その他の重要なラベル


    a

    <a>` - anchor(닻) - 링크
       <a herf>` - hypertextreference의 약자
       <a target="_blank">` - 새탭
       <a title="링크명">` - 툴팁
       <a herf="hypertextreference.com" target="_blank" title="링크명"> 링크대상 </a>

    input and type

    <!-- input은 많기때문에 id를 통한 식별자를 준다-->
    <label for="input_name">Name:</label>  <!--  input_name을 위한 레이블. -->
    <input id="input_name" type="text">     <!-- input 태그는 보통 label과 같이 사용-->
    <input id="input_name" type="file"> 
    <input id="input_name" type="checkbox">  등등

    ✴ photo zone


  • htmlタグはBox/itemの両方と見なすべきである.
  • ユーザが見たITEM
  • ITEM非可視BOX
  • divタグを乱発しないでください.html推奨の部分タグに分けることが重要です.