이 엉망진창으로 된 HTML 표를 고칠 수있게 도와주세요

Question

난 그냥 수정할 수없는 심플 HTML 표가 있습니다.

나는과 같이 데이터를 표시하는 것을 시도하고있다 :

다음

        <-Previous Next-> 
           51 to 100 of 10151 records 

는 HTML 코드입니다. 사용자가 어떤 페이지에 있는지에 따라 '이전'을 추가하는 동적 언어 부분을 제거했습니다.

EDIT : 모든 응답이 끝나면 다음 코드를 변경했습니다. 그러나 여전히 정렬은 동일합니다. > _ <

<table width="100%" border="0"> 
<tbody> 
    <tr align="center"> 
     <td bgcolor="#ffffff" color="white" align="center" colspan="2"> 
     <!--some form elements go here!--> 
     <!--I just replaced tags with some text for testing--> 
     <font face="Arial" size="2"><strong>Previous</strong></font> 
     Previous 
     </td> 
     <td bgcolor="#ffffff" color="white" align="center" colspan="2"> 
     Next 
     </td> 
    </tr> 
    <tr align="center"> 
     <td align="center"><font face="arial" size="2"><b>51 to 100 of 10151</b> </font> 
     </td> 
    </tr> 
</tbody> 
</table> 

예상 출력은 이상하지만 제가 코드에서 얻고 것은 : 내가 꽤 많은 시간 동안 시행 착오를하고있다

    Previous   Next Group 
     51 to 100 of 10151 Households 

그래서 지금 도움이 필요합니다!

Answer 1

은 왜 Previous 및 Next 텍스트 모두 테이블 셀 필요합니까? 왜 똑같이 두지 않을까요 <td>?

<table width="100%" border="0"> 
    <tbody> 
    <tr align="center"> 
     <td bgcolor="#ffffff" color="white" align="center" colspan="2"> 
     Previous Next 
     </td> 
    </tr> 
    <tr align="center"> 
     <td align="center"><font face="arial" size="2"><b>51 to 100 of 10151</b></font></td> 
    </tr> 
    </tbody> 
</table> 

요구 사항을 놓쳤습니까?

Answer 2

두 번째 행의 td에 colspan="2"을 추가하십시오.

Answer 3

당신은 속성을 탈출해야합니다

Value="<<Previous" 

화면에 문자> <을 표시하고

Value="<<Previous" 

Answer 4

사용 HTML 엔티티해야합니다. <는 <입니다> 것 또한 도움이 구문 강조를 가지고 편집기를 사용하는 것입니다 >

뭔가 그리고 당신은 당신의 첫 번째 행 (<TR> 후, 우선 더 쉽게

Answer 5

이러한 실수를 잡을 수 있습니다 .. </tr >) 다른 행을 시작하지 못합니다. 또한, 열 범위에 필요한 다음 행의 셀은, 위의 행에서 단지 첫 번째를 모두 세포에서 공간을 차지하기 위해 : 또한

<tr> 
    <td align="center" colspan="2"><font....>....</td> 
</tr> 

을, 당신은 (다른 HTML 문제가 텍스트에 나타나게하려면 < 및 >과 같은 HTML 엔티티를 벗어나야하므로 HTML을 이해하거나 다른 방식으로 유효성을 검사하는 편집기를 통해 실행하려고 할 수 있습니다.

Answer 6

<table width="100%" border="0"> 
    <tr align="center"> 
     <td bgcolor="#ffffff" color="white" align="center"> 
      <!--some form elements go here!--> 
      <font face="Arial" size="2"><strong>Previous</strong></font> 
      <Input id='previuesButton' Type="image" alt="Previous" src="/eiv/images/prev.gif" value="&lt;&lt;Previous" name=previuesButton ACCESSKEY="B"> 
     </td> 
     <td bgcolor="#ffffff" color="white" align="center"> 
      <font face="Arial" size="2"><strong>Next Group</strong></font> 
      <Input id='nextButton' alt="Next" Type="image" src="/eiv/images/next.gif" Value="Next&gt;&gt;" name=nextButton ACCESSKEY="B"> 
     </td> 
    </tr> 
    <tr> 
     <td align="center" colspan="2"><font face="arial" size="2"><b>51 to 100 of 10151</b> </font></td> 
    </tr> 
</table> 

하단 열에 시작 및 끝 행 태그와 colspan이 누락되었습니다. 그것이 당신을 위해 작동하는지 확인하기 위해 위를보십시오. 또한 위의 그림과 같이 등가물보다 작은 문자와 큰 문자를 서로 바꿔야합니다.

Answer 7

징후가 많거나 적은 징조가 있습니까?

이 시도 :

<table width="100%" border="0"> 
<tbody> 
    <tr align="center"> 
     <td bgcolor="#ffffff" color="white" align="center"> 
     <!--some form elements go here!--> 
     <font face="Arial" size="2"><strong>&lt;-Previous</strong></font> 
     <Input id='previuesButton' Type="image" alt="Previous" src="/eiv/images/prev.gif"  
     Value="<<Previous" name=previuesButton ACCESSKEY="B"> 
     </td> 
     <td bgcolor="#ffffff" color="white" align="center"> 
     <font face="Arial" size="2"><strong>Next Group-&gt;</strong></font> 
     <Input id='nextButton' alt="Next" Type="image" src="/eiv/images/next.gif" Value="  
     Next>>  "name=nextButton ACCESSKEY="B"> 
     </td> 
    </tr> 
     <td align="center"><font face="arial" size="2"><b>51 to 100 of 10151</b> </font> 
     </td> 
</tbody> 

그 도움을?

Answer 8

다른 태그와 인용 부호 및 이스케이프 문자가 누락되었습니다.

w3c에서 htmlvalidator를 사용해 볼 수 있습니다. 와

http://validator.w3.org/#validate-by-input

Answer 9

귀하의 코드 : 두 번째 행에 대해

1. 누락 된 태그에 추가
2. 화살표는 HTML 엔티티로 변환..
3. 누락 된 따옴표가 추가되었습니다.
4. 철자가 수정되었습니다.

다음에 w3c 유효성 검사기를 통해 html을 실행 해보십시오. 희망이 도움이됩니다.

<table width="100%" border="0"> 
<tbody> 
    <tr align="center"> 
     <td bgcolor="#ffffff" color="white" align="center"> 
     <font face="Arial" size="2"><strong>Previous</strong></font> 
     <Input id='previousButton' Type="image" alt="Previous" src="/eiv/images/prev.gif"  
     Value="&lt;&lt;Previous" name="previousButton" ACCESSKEY="B"> 
     </td> 
     <td bgcolor="#ffffff" color="white" align="center"> 
     <font face="Arial" size="2"><strong>Next Group</strong></font> 
     <Input id='nextButton' alt="Next" Type="image" src="/eiv/images/next.gif" Value="  
     Next &gt;&gt;" name="nextButton" ACCESSKEY="B"></td> 
    </tr> 
    <tr> 
     <td align="center" colspan="2"><font face="arial" size="2"><b>51 to 100 of 10151</b></font> 
     </td> 
    </tr> 
</tbody> 
</table>