ABOUT ME

-

Today
-
Yesterday
-
Total
-
  • html 태그
    웹개발/HTML 2020. 12. 24. 22:30

    · <strong></strong>: 굵은 글씨

     

    · <u></u>: underline(밑줄)

     

    · <h1></h1>~<h6></h6>: heading(제목), 자동 줄바꿈, 숫자가 커질수록 글씨 크기가 작아짐

     

    · <br>: 줄바꿈, 여러 번 사용 가능

     

    · <p></p>: paragraph(단락), 여러번 사용 x, 줄바꿈 간격은 css의 style을 사용하여 정교하게 조절 가능

     

    · <img>: 이미지 태그

    · <img src="coding.jpg" width="100%"> or <img width="100%" src="coding.jpg">: 속성(Attribute)

     

    · <parent>: 부모 태그 

          <child></child>: 자식 태그

      </parent>

     

    · <ul>: 부모 태그, Unordered List (<li> 태그 그룹핑, 앞에 기호 붙음)

          <li></li>: 자식 태그

      </ul>

     

    · <ol>: 부모 태그, Ordered List (자동으로 숫자 넘버링)

          <li></li>: 자식 태그

      </ul>

     

    · <table>

         <tr>

                <td>head</td>

                <td>98.1%</td>

          </tr>

         <tr>

                <td>body</td>

                <td>97.9%</td>

          </tr>

         <tr>

                <td>html</td>

                <td>97.9%</td>

          </tr>

      </table>

    head 98.1%
    body 97.9%
    html 97.9%

    · <title></title>: 웹 페이지의 제목

     

    · <meta name="utf-8">: 문서를 utf-8로 읽기(한글 문자 깨짐)

     

    · <body></body>: 본문

     

    · <head></head>: body를 설명하는 태그

     

    · <html></html>: head와 body를 묶음

     

    · <!doctype html>: html 태그 위에

     

    · <a></a>: anchor(문서를 연결하는 태그)

    <a href="연결할 주소" target="창을 어떻게 열지" title="link에 대한 설명(마우스를 갖다댈 경우)">

    - target="창을 어떻게 열지"

    _self: 연결 문서를 클릭한 창에서 엶(기본값)

    _blank: 연결 문서를 새 창에서 엶

    _parent: 부모(상위 레벨) 창에서 엶(부모가 없으면 _self처럼 표시함)

    _top: 가장 상위 창에서 엶(즉 프레임을 무시하며, 전체 브라우저 창에서)(부모가 없으면 _self처럼 표시함)

    frame name: 지정된 프레임 안에 엶

    댓글

Designed by Tistory.