ABOUT ME

-

Today
-
Yesterday
-
Total
-
  • HTML ,테이블 명령어 알아보기-1
    HTML 좌충우돌기 2020. 4. 16. 18:44

    블로그를 작성하기 위해서는 글쓰는 능력도 중요하지만

    문서를 알기 쉽고 보기 좋게 작성하는것도 중요하다.

    블로그에서 제공되는 편집기는 글을 보기좋게 작성하는데에는 한계가 있다.

    작성하고자 하는 의도대로 작성하기가 쉽지 않다.

    위와 같은 편집기를 보완하기 위해 HTML로 편집할 수 있도록 제공하고 있다.

    웹문서를 만들려면 HTML 명령어를 알아야 합니다.

    웹문서를 만들려면 메모장에서 웹언어로 작성하여 *.html로 저장하고

    웹브라우즈에서 메모장에서 웹언어로 작성한 파일(*.html)을 크롬이나 익스플러에서

    열어보면 제대로 실행이 되는지 체크하면서 작성하면 된다.

     

    가장 많이 사용되는 명령어는

    1. 글자크기, 글자폰드, 글자색

    2. 서식[테이플(박스)] 만들기

    3. 그림(사진) 링크 사진크기 조정 이 정도만 알아도 웹문서를 만드는데 아무이상이 없다.

     

    오늘은 서식만들기 명령어에 대해서 알아보도록 하자.

    메모장에서 작성한 HTML명령어와 웹브라우즈에서 구현된 것을 서로

    비교해서 볼 수 있도록 했다.

    table 명령어 알아보기

    0 table : table, th, tr, td로 구성되어 있으며, 선을 규정하는 border와 선의 색을 규정하는 solid로 구성되어 있다. 그리고 table의 크기를 규정하는 width와 height가 있다. - tr : 1개의 tr과 수개의 th,td로 구성이 된다. - th : 맨첫횡으로 구성항목을 말하며, 굵은글자로 표시된다. 여기서는 생략했다. td와 차이가 없으나 글자 진하게 표시되는거 외는 같다고 보면 된다. - td : 한개의 tr과 수개의 td로 구성이된다. 1개의 tr로 시작해서 만들고자 하는 칸만큼 td를 넣어주면 된다. 한칸에 1개의 td가 들어간다고 생각하면 된다. 아래 사진의 경우 가로 4칸,세로 4칸으로 구성된 표로 가로 4칸이라는 말은 tr가 1개 td가 4개 들어가 있다는 뜻이다. 그리고 head에 보면 table style로 border과 solid가 있는데, head에 table과 관련된 것을 규정하는 방법과 table, tr, td에 개별적으로 하는 방법이 있는데, 개별적으로 규정하는 것은 어떤때는 적용이 되고 어떤때는 적용이 되지 않아 좀더 연구를 해봐야 할꺼 같다. head에 하면 table 전체에 미치지만, 개별적으로 하면 일정한 부분에만 미친다. 표를 만들고자 할때 명령어를 잘 적용하여 표를 만들때 활용하면 된다.

    'HTML 좌충우돌기' 카테고리의 다른 글

    HTML Table 연습-2  (0) 2020.05.17
    Html Table 연습-1  (0) 2020.04.22
    HTML명령어 익히기  (1) 2020.04.05

    댓글

Designed by Tistory.