ホームページ ウェブフロントエンド htmlチュートリアル 私は初心者です。2 行目を見て、画像を 4 行に広げる方法を教えてください。ありがとうございます。 _html/css_WEB-ITnose

私は初心者です。2 行目を見て、画像を 4 行に広げる方法を教えてください。ありがとうございます。 _html/css_WEB-ITnose

Jun 24, 2016 pm 12:05 PM
image 初心者

<table width="609" border="0" align="center" cellspacing="0" cellpadding="0">
<tr>
<td height="10"></td>
</tr>
<tr>
<td height="30" background="images/tab_05.gif">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>


<img src="images/tab_03.gif" width="12" height="30" /></td>


<tr>


<tr>


</tr>
</table>

</tr>
</table>


</tr>                
<tr>

</tr>                
<tr>

</tr>
<tr>

</tr>


<tr>

</tr>
<tr>

</tr>
</table>      

</tr>

<tr>

</tr>


<tr>
<td height="35" background="images/tab_19.gif">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>

                            <td>


                                                            <img src="images/tb.gif" width="16" height="16" align="left" />
                                                        </div>

用户情報</span>

<img src="images/tab_07.gif" width="16" height="30" /></td>
</tr>
</table>

<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
                        <td background="images/tab_12.gif" class="auto-style1"> </td>  
<td width="593"></td>    
&lt; td width = "8" background = "images/tab_15.gif"&gt;&nbsp;&lt;/td&gt;
</tr>
</table>      

<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td background="images/tab_12.gif" class="auto-style1"> </td>  
<td width="140"></td>                                                   
<td style="WIDTH: 70px; HEIGHT: 23" align="right">帐      号:</td>   
<td style="HEIGHT: 23" align="left" >                       
<asp:Label ID="txtLoginID" runat="server"></asp:Label>
</td>    
                                                              
<td width="8" background="images/tab_15.gif"> </td>
</tr>
</table>      

<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td background="images/tab_12.gif" class="auto-style1"> </td>  
<td width="140"></td>                                                   
<td style="WIDTH: 70px; HEIGHT: 23" align="right">姓      名前:</td>   
<td style="HEIGHT: 23" align="left" >                       
<asp:label id="txtUserName" runat="server" CssClass="text"></asp:label>
</td>    
<td style="HEIGHT: 23px" width="81" rowspan="4">
<asp:image id="ImageUser" runat="server" Width="60px" Height="90px" ImageUrl="../Images/1.gif">
</asp:image>
</td>
<td width="8" background="images/tab_15.gif"> </td>
                       </tr>
</table>      

<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td background="images/tab_12.gif" class="auto-style1"> </td>  
<td width="140"></td>                                                   
<td style="WIDTH: 70px; HEIGHT: 23" align="right">性      别:</td>   
<td style="HEIGHT: 23" align="left">                       
<asp:radiobuttonlist id="RBLUserSex" runat="server" Width="100" RepeatDirection="水平" Enabled="False">
<asp:ListItem Value="男" Selected="True">男</asp:ListItem>
<asp:ListItem Value="女">女</asp:ListItem>
</asp:radiobuttonlist>
</td>    

<td width="8" background="images/tab_15.gif"> nbsp;</td>
</tr>
                    </テーブル>      

<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td background="images/tab_12.gif" class="auto-style1"> </td>  
<td width="140"></td>                                                   
<td style="WIDTH: 70px; HEIGHT: 23" align="right">出生年月:</td>   
<td style="HEIGHT: 23" align="left" >                       
<asp:label id="txtBirthday" runat="server" CssClass="text"></asp:label>
</td>    

<td width="8" background="images/tab_15.gif"&g t; 

<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
                        <td background="images/tab_12.gif" class="auto-style1"> </td>  
<td width="140"></td>                                                   
<td style="WIDTH: 70px; HEIGHT: 23" align="right"> 所属单位:</td> 
<td width="2"></td>  
<td style="HEIGHT: 23; text-align: left;" >     
<asp:label id="DDLDept" runat="server" Width="100"></asp:label>                                    
</td>   
<td width="8" background="images/tab_15.gif" > </td>
</tr>
</table>      

私は初心者です。2 行目を見て、画像を 4 行に広げる方法を教えてください。ありがとうございます。 _html/css_WEB-ITnose

<tr>
<td class="STYLE4"></td>


</table>

</tr>
</table>


</tr>
</table>

</tr>



</table>


回复讨论(解决方案)

你これ要做简历么?

りー


不是弄简历 你能粘到你的编辑器帮我看看么

履歴書を作っていますか?
あなたのテーブルは少し入れ子になっており、乱雑です
これがあなたが望むものであるかどうかを確認してください:

&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Transitional//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&quot;&gt;&lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot;&gt;&lt;head&gt;&lt;meta http-equiv=&quot;Content-Type&quot; content=&quot;text/html; charset=utf-8&quot; /&gt;&lt;title&gt;无标题文档&lt;/title&gt;&lt;style&gt;td{border:1px solid red;}&lt;/style&gt;&lt;/head&gt;&lt;body&gt;&lt;table&gt;&lt;tr&gt;&lt;td colspan=&quot;3&quot;&gt;基本信息&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;姓名:&lt;/td&gt;&lt;td&gt;张三&lt;/td&gt;&lt;td rowspan=&quot;4&quot;&gt;&lt;img src=&quot;http://avatar.csdn.net/5/6/C/1_chddaa.jpg&quot; alt=&quot;照片&quot;  title=&quot;照片&quot; width=&quot;70px&quot; height=&quot;100px&quot;/&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;性别:&lt;/td&gt;&lt;td&gt;男&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;生日:&lt;/td&gt;&lt;td&gt;1986.12&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;学历:&lt;/td&gt;&lt;td&gt;本科&lt;/td&gt;&lt;/tr&gt; &lt;/table&gt;&lt;/body&gt;&lt;/html&gt;
ログイン後にコピー
ログイン後にコピー



履歴書を作成していますか?
あなたのテーブルは少しネストされすぎていて、非常に乱雑です
これがあなたが望むものであるかどうかを確認してください:

&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Transitional//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&quot;&gt;&lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot;&gt;&lt;head&gt;&lt;meta http-equiv=&quot;Content-Type&quot; content=&quot;text/html; charset=utf-8&quot; /&gt;&lt;title&gt;无标题文档&lt;/title&gt;&lt;style&gt;td{border:1px solid red;}&lt;/style&gt;&lt;/head&gt;&lt;body&gt;&lt;table&gt;&lt;tr&gt;&lt;td colspan=&quot;3&quot;&gt;基本信息&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;姓名:&lt;/td&gt;&lt;td&gt;张三&lt;/td&gt;&lt;td rowspan=&quot;4&quot;&gt;&lt;img src=&quot;http://avatar.csdn.net/5/6/C/1_chddaa.jpg&quot; alt=&quot;照片&quot;  title=&quot;照片&quot; width=&quot;70px&quot; height=&quot;100px&quot;/&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;性别:&lt;/td&gt;&lt;td&gt;男&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;生日:&lt;/td&gt;&lt;td&gt;1986.12&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;学历:&lt;/td&gt;&lt;td&gt;本科&lt;/td&gt;&lt;/tr&gt; &lt;/table&gt;&lt;/body&gt;&lt;/html&gt;
ログイン後にコピー
ログイン後にコピー



ネストされすぎると問題が発生する可能性が高くなりますか?

入れ子が多すぎると問題が発生しやすくなりますか?
------
いいえ、慣れてしまえば分からないでしょう
テーブル

テーブルのセルの Colspan (列全体) と rowspan (行全体) が結合されています。 例: rowspan=4 (4 行全体)

テーブルのセルの Colspan (列全体) と rowspan (行全体) を結合します。 例: rowspan=4 は 4 行にまたがります


これで、各行にはすでに <table></table> が含まれています テーブル全体を結合する方法はありますか?

私は初心者です。2 行目を見て、画像を 4 行に広げる方法を教えてください。ありがとうございます。 _html/css_WEB-ITnose
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

ホットな記事タグ

メモ帳++7.3.1

メモ帳++7.3.1

使いやすく無料のコードエディター

SublimeText3 中国語版

SublimeText3 中国語版

中国語版、とても使いやすい

ゼンドスタジオ 13.0.1

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

ドリームウィーバー CS6

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

SublimeText3 Mac版

神レベルのコード編集ソフト(SublimeText3)

初心者向けにミスト ロック キングダムをプレイするためのヒント 初心者向けにミスト ロック キングダムをプレイするためのヒント Jan 28, 2024 pm 03:33 PM

初心者向けにミスト ロック キングダムをプレイするためのヒント

アンカーポイントアドベント ノービス十中隊おすすめキャラクター アンカーポイントアドベント ノービス十中隊おすすめキャラクター Feb 20, 2024 pm 02:30 PM

アンカーポイントアドベント ノービス十中隊おすすめキャラクター

バッチインデントの使い方を学ぶことは、PyCharm 初心者が習得しなければならないスキルです バッチインデントの使い方を学ぶことは、PyCharm 初心者が習得しなければならないスキルです Dec 30, 2023 pm 12:58 PM

バッチインデントの使い方を学ぶことは、PyCharm 初心者が習得しなければならないスキルです

エンシェント クラウンの初心者ガイドとゲームプレイの紹介 エンシェント クラウンの初心者ガイドとゲームプレイの紹介 Feb 20, 2024 am 11:20 AM

エンシェント クラウンの初心者ガイドとゲームプレイの紹介

C 言語と C: 新しいプログラマーにとってどちらが良いか C 言語と C: 新しいプログラマーにとってどちらが良いか Mar 19, 2024 am 08:30 AM

C 言語と C: 新しいプログラマーにとってどちらが良いか

Bing Image Creatorを無料で使用する方法 Bing Image Creatorを無料で使用する方法 Feb 27, 2024 am 11:04 AM

Bing Image Creatorを無料で使用する方法

Xiaomi 携帯電話から画像を削除する方法 Xiaomi 携帯電話から画像を削除する方法 Mar 02, 2024 pm 05:34 PM

Xiaomi 携帯電話から画像を削除する方法

幻獣パルの入門スキルを早くマスターしよう 幻獣パルの入門スキルを早くマスターしよう Jan 23, 2024 am 08:45 AM

幻獣パルの入門スキルを早くマスターしよう

See all articles