>웹 프론트엔드 >HTML 튜토리얼 >HTML 테이블의 직렬화 형식은 무엇입니까?

HTML 테이블의 직렬화 형식은 무엇입니까?

php中世界最好的语言
php中世界最好的语言원래의
2018-01-20 09:49:201962검색

이번에는 HTML 테이블의 인라인 형식이 무엇인지, HTML 테이블의 인라인 형식을 사용할 때의 주의사항은 무엇인지 알려드리겠습니다.

인라인 형식

...

HTML 테이블의 직렬화 형식은 무엇입니까?

개별 인라인 설정

형식:

은 과 완전히 동일하게 작동합니다. 설정 줄 DOCTYPE이 xhtml이면 colgroup이 실패합니다
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
  
<html xmlns="http://www.w3.org/1999/xhtml">  
<head>  
    <title>表格的直列化格式</title>  
</head>  
<body>  
    <table cellpadding="5px" cellspacing="0px" border="1px" bordercolor="black">  
        <!--说明:用两组colgroup标签来控制整个第三列显示为红色   
            第一组colgroup中的span="2"相当于一个占位符,这样第三列(数学这一整列)就会显示为红色   
            同理,如果设置span="3",则第四列(英语这一整列)会显示为红色   
            <colgroup span="2"></colgroup>  
            <colgroup bgcolor="red"></colgroup>  
        -->  
        <!--<col>功能完全和<colgroup>一样   
            设置<col>标签达到和<colgroup>一样的功能   
            这里加了一个align="right"单独设置第三列(数学这一整列)右对齐   
        -->  
        <col span="2" />  
        <col bgcolor="red" align="right" />  
        <caption align="left">学生成绩表</caption>  
        <tr>  
            <th>姓名</th>  
            <th>语文</th>  
            <th>数学</th>  
            <th>英语</th>  
        </tr>  
        <tr>  
            <td>张三</td>  
            <td>90</td>  
            <td>89</td>  
            <td>99</td>  
        </tr>  
        <tr>  
            <td>李四</td>  
            <td>98</td>  
            <td>92</td>  
            <td>96</td>  
        </tr>  
        <tr>  
            <td>王五</td>  
            <td>92</td>  
            <td>97</td>  
            <td>91</td>  
        </tr>  
        <tr>  
            <td>总分</td>  
            <td>200</td>  
            <td>200</td>  
            <td>200</td>  
        </tr>  
    </table>  
</body>  
</html>

이 사례를 읽은 후 방법을 마스터했다고 생각합니다. 더 흥미로운 정보를 보려면 PHP 중국어 웹사이트의 다른 관련 기사에 주목하세요!

관련 읽기:

H5의 sse 서버를 사용하여 EventSource 이벤트를 보내는 방법


H5 및 C3를 사용하여 간단한 시계 효과 구현


Canvas에서 사용자 정의 경로 애니메이션을 구현하는 방법은 무엇입니까?

위 내용은 HTML 테이블의 직렬화 형식은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.