HTML 테이블의 직렬화 형식은 무엇입니까?
- php中世界最好的语言원래의
- 2018-01-20 09:49:201897검색
이번에는 HTML 테이블의 인라인 형식이 무엇인지, HTML 테이블의 인라인 형식을 사용할 때의 주의사항은 무엇인지 알려드리겠습니다.
인라인 형식
개별 인라인 설정
형식:
<!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으로 문의하세요.