0

<div>この HTMLでタグの代わりにタグを使用するにはどうすればよい<table>ですか?.Android アプリケーションから電子メールを送信するためにこの HTML を使用しています。Html.fromHtml()はタグをサポートしていません。そのため<table>、タグを置き換え<table>たいのですが、コンテンツを表形式にしたいのですが、どうすればよいですか?

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Title</title>
</head>
<body style="background: #FFFFFF; margin: auto; font-family: Helvetica; color: #808080; ">
<div style="width:537px; margin:auto; ">
    <div style="float:left; width: 537px; color:#000000; margin-bottom:15px; margin-bottom:10px;">
    ##HEADER## &nbsp; <a href="#" style="color:#3A41A1;">##TEXT1##</a>, <a href="#" style="color:#3A41A1;">>##TEXT2##</a>, <a href="#" style="color:#3A41A1;">>##TEXT3##</a> ]
    </div>

    <table style="width:537px; background:#DAFFF5; float:left; margin-top:10px; border-collapse:collapse; font-size:14px;">
    <tr>
        <td colspan="2" style="padding:8px;  border: 1px solid black;"><span style="color:#FF6A00; font-weight:bold; text-transform:capitalize; text-align:left;">##NAME##</span> <a href="#" style="color:#006BF2; float:right;">##LINK##</a></td>

    </tr>

     <tr>
        <td style="padding:8px; border: 1px solid black; color:#006BF2; width: 90px;">##TITLE##</td>
        <td style="padding:8px; border: 1px solid black; color:#000000; text-align:left; ">##VALUE##</td>
     </tr>
     <tr>
        <td style="padding:8px; border: 1px solid black; color:#006BF2; width: 90px;">##TITLE##</td>
        <td style="padding:8px; border: 1px solid black; color:#000000; text-align:left; ">##VALUE##</td>
     </tr>
     <tr>
        <td style="padding:8px; border: 1px solid black; color:#006BF2; width: 90px;">##TITLE##</td>
        <td style="padding:8px; border: 1px solid black; color:#000000; text-align:left; ">##VALUE##</td>
     </tr>
     <tr>
        <td style="padding:8px; border: 1px solid black; color:#006BF2; width: 90px;">##TITLE##</td>
        <td style="padding:8px; border: 1px solid black; color:#000000; text-align:left; ">##VALUE##</td>
     </tr>

     <tr>
        <td style="padding:8px; border: 1px solid black; color:#006BF2; width: 90px;">##TITLE##</td>
        <td style="padding:8px; border: 1px solid black; color:#000000; text-align:left; ">##VALUE##</td>
     </tr>
    </table>
   .....

</div>
</body>
</html>

前もって感謝します

\windows\system32 フォルダーにおそらく java.exe があります...そして、このフォルダーはパス env var にあるため、混乱しました。この/これらの java*.exe ファイルを \windows\system32 フォルダーから削除してみてください。

4

3 に答える 3

1

すべての要素について、次のように記述する必要があります。

<div id="text1">Your text</div>

次に、style.css ファイルを作成します。メモ帳で作成して、次のように書き込むことができます。

#text1 {
padding-left 8px;
color:#000000;
width:90px;
}

@text2 {
...
}

CSS プロパティの完全なリストは、http ://www.w3schools.com/cssref/default.asp で確認できます。

于 2012-09-18T11:29:30.040 に答える
1

以下は完全な HTML5 コードです。モデルとまったく同じように表示されます (実際には 5 行ではなく 3 行のみ)。

<!DOCTYPE html>
<html><head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Title</title>
<style>
body {
    background: #FFFFFF;
    margin: auto;
    font-family: Helvetica;
    color: #808080;
}
a {
    color: #3A41A1;
}
#wrapper {
    width: 537px;
    margin: auto;
}
#header {
    width: 100%;
    color: #000000;
    margin-bottom: 15px;
}
#content {
    width: 100%;
    background: #DAFFF5;
    margin-top: 10px;
    border-collapse: collapse;
    font-size: 14px;
    display: table;
}
.row {
    display: table-row;
    padding: 8px;
    border: 1px solid black;
}
.cell-header {
    padding: 8px;
    display: table-cell;
}
.cell-left {
    display: table-cell;
    padding: 8px;
    border: 1px solid black;
    color: #006BF2;
    width: 90px;
}
.cell-right {
    display: table-cell;
    padding: 8px;
    border: 1px solid black;
    color: #000000;
    text-align: left;
}
</style>
</head>
<body>
    <div id="wrapper">
        <div id="header">
            ##HEADER## &nbsp; <a href="#">##TEXT1##</a>, <a href="#">##TEXT2##</a>, <a href="#">##TEXT3##</a>
        </div>

        <div id="content">
            <div class="row">
                <div class="cell-header" style="color:#FF6A00; font-weight:bold; text-transform:capitalize; text-align: left;">##NAME##</div>
                <div class="cell-header" style="text-align: right;"><a href="#" style="color:#006BF2;">##LINK##</a></div>
            </div>
            <div class="row">
               <div class="cell-left">
                   ##TITLE##
               </div>
               <div class="cell-right">
                   ##VALUE##
               </div>
            </div>
            <div class="row">
               <div class="cell-left">
                   ##TITLE##
               </div>
               <div class="cell-right">
                   ##VALUE##
               </div>
            </div>
            <div class="row">
               <div class="cell-left">
                   ##TITLE##
               </div>
               <div class="cell-right">
                   ##VALUE##
               </div>
            </div>
        </div>
        ......
    </div></body></html>

それが役に立てば幸い。

于 2012-09-18T12:11:12.830 に答える
0

以下がステップ1になると思います。

<html>
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <title>Title</title>
</head>
<body style="background: #FFFFFF; margin: auto; font-family: Helvetica; color: #808080; ">
<div style="width:537px; margin:auto; ">
  <div style="float:left; width: 537px; color:#000000; margin-bottom:15px; margin-bottom:10px;">
##HEADER## &nbsp; <a href="#" style="color:#3A41A1;">##TEXT1##</a>, 
  <a href="#" style="color:#3A41A1;">>##TEXT2##</a>, 
  <a href="#" style="color:#3A41A1;">>##TEXT3##</a> ]
</div>

<div style="width:537px; background:#DAFFF5; float:left; margin-top:10px; border-collapse:collapse; font-size:14px;">
<div>
    <div style="padding:8px;  border: 1px solid black;">
    <span style="color:#FF6A00; font-weight:bold; text-transform:capitalize; text-align:left;">##NAME##</span> 
        <a href="#" style="color:#006BF2; float:right;">##LINK##</a>
    </div>
</div>

 <div>
    <div style="padding:8px; border: 1px solid black; color:#006BF2; width: 90px;">##TITLE##</div>
       <div style="padding:8px; border: 1px solid black; color:#000000; text-align:left; ">##VALUE##</div>
 </div>
 <div>
    <div style="padding:8px; border: 1px solid black; color:#006BF2; width: 90px;">##TITLE##</div>
    <div style="padding:8px; border: 1px solid black; color:#000000; text-align:left; ">##VALUE##</div>
 </div>
 <div>
    <div style="padding:8px; border: 1px solid black; color:#006BF2; width: 90px;">##TITLE##</div>
    <div style="padding:8px; border: 1px solid black; color:#000000; text-align:left; ">##VALUE##</div>
 </div>
 <div>
    <div style="padding:8px; border: 1px solid black; color:#006BF2; width: 90px;">##TITLE##</div>
    <div style="padding:8px; border: 1px solid black; color:#000000; text-align:left; ">##VALUE##</div>
 </div>

 <div>
    <div style="padding:8px; border: 1px solid black; color:#006BF2; width: 90px;">##TITLE##</div>
    <div style="padding:8px; border: 1px solid black; color:#000000; text-align:left; ">##VALUE##</div>
 </div>
</div>

</div>
</body>
</html>

ステップ 2 では、CSS を使用してレイアウトを作成します。次の Web サイトで CSS レイアウトのチュートリアルにアクセスできます: http://www.maxdesign.com.au/articles/css-layouts/

于 2012-09-18T11:13:36.697 に答える