• > 웹 프론트엔드 > HTML 튜토리얼 > html의 테이블 활용(웹페이지의 시각적 효과 표시 가능)_HTML/Xhtml_웹페이지 제작

    html의 테이블 활용(웹페이지의 시각적 효과 표시 가능)_HTML/Xhtml_웹페이지 제작

    WBOY
    풀어 주다: 2016-05-16 16:40:20
    원래의
    1522명이 탐색했습니다.

    NetEase 블로그에서 HTML을 사용할 때 템플릿에 코드를 직접 추가할지 여부는 알고 있지만 효과는 그다지 좋지 않습니다. 그 이유는 코드가 잘 정리되어 있지 않기 때문입니다. 이제 특수 효과를 매우 잘 표시할 수 있는 표를 사용하여 정리하는 방법에 대해 설명하겠습니다.

    HTML 구문에서 테이블(즉, 테이블)은 필수적인 부분입니다. 이것이 없으면 웹 페이지의 시각적 효과를 표시하기 어렵습니다. 이제 테이블에 대해 이야기하겠습니다. 아래는 행 2개와 열 2개로 구성된 표입니다.

       
       

    코드는 다음과 같습니다.





    < ; /TR>


    ; /테이블>

    tr은 행, td는 열, 테두리는 두께("0"은 표시되지 않음을 의미),   여기서 테이블의 너비는 100%(width="100%")가 바람직합니다. 이제 이해가 되셨나요? 이해하신 후 "

    "에 원하는 코드를 추가하시면 됩니다.

    예:

      
      
     







    Ω.9s에 오신 것을 환영합니다. 메신저 홈  
       < TD>

    효과는 다음과 같습니다.

    欢迎来到ω.⑨s.使者家园  
       

    이렇게 다른 것도 마찬가지예요.

    한 가지 더: 테이블을 만들 때 이런 테이블이 있습니다.

     
       
    그리고
       
     

    의 방법은 다음과 같습니다.









     
      





    << /td>

      

    자세히 살펴보면 여분의 colspan="2"와 rowspan="2"가 보이시죠? ! ! ! 원하시는 내용은 "2" 이며, 직접 설정하셔야 합니다.>


    <
    td> 
    메신저 홈




    < ;td>에 오신 것을 환영합니다. ; 




    메신저 홈
     

    의 효과는 다음과 같습니다.

    메신저 홈에 오신 것을 환영합니다

    메신저 홈에 오신 것을 환영합니다
    참고: ...에 다른 코드를 추가해야 합니다. 이는 html을 모르는 친구들을 위한 것입니다! !
    관련 라벨:
    원천:php.cn
    본 웹사이트의 성명
    본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
    인기 튜토리얼
    더>
    최신 다운로드
    더>
    웹 효과
    웹사이트 소스 코드
    웹사이트 자료
    프론트엔드 템플릿