整合營銷服務(wù)商
電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
免費咨詢熱線：
電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
免費咨詢熱線：
TML作為一種用來描述網(wǎng)頁的語言，是制作網(wǎng)頁必不可少的，但HTML 不是一種編程語言，而是一種標(biāo)記語言 (markup language），本著為了更好的了解大數(shù)據(jù)開發(fā)的基礎(chǔ)，今天就帶著大家更進(jìn)一步的了解HTML的使用，HTML的表格與表單。
1.HTML表格
表格由 <table> 標(biāo)簽來定義。每個表格均有若干行（由 <tr> 標(biāo)簽定義），每行被分割為若干單元格（由 <td> 標(biāo)簽定義）。字母 td 指表格數(shù)據(jù)（table data），即數(shù)據(jù)單元格的內(nèi)容。數(shù)據(jù)單元格可以包含文本、圖片、列表、段落、表單、水平線、表格等等。表格的作用就不言而喻了，讓看起來更簡潔直觀有序性。
下面給大家?guī)硪恍┏Ｓ玫臉?biāo)簽：
<table> 表格的最外層容器
<tr> 定義表格行
<th> 定義表頭
<td> 定義表格單元
<caption>定義表格表題
<width>:寬度。可以用像素或百分比表示。 常用960像素。
<border>：邊框，常用值為0。
<cellpadding>：內(nèi)容跟邊框的距離，常用值為0。
<cellspacing>：單元格與單元格之間的間距，常用值為0。
<algin>：對齊方式。
<bgcolor>：背景色。
<background>：背景圖片。
<align>: 一行內(nèi)容的水平對齊方式。
<valign>: 一行內(nèi)容的垂直對齊方式。
<height>：行高。
創(chuàng)建表格
在HTML網(wǎng)頁中，要想創(chuàng)建表格，就需要使用表格相關(guān)的標(biāo)簽。
創(chuàng)建表格的基本語法：
<table>
<tr>
<td>單元格內(nèi)的文字</td>
...
</tr>
...
</table>
舉個例子
其中：table用于定義一個表格標(biāo)簽。
tr標(biāo)簽 用于定義表格中的行，必須嵌套在 table標(biāo)簽中。
td 用于定義表格中的單元格，必須嵌套在<tr></tr>標(biāo)簽中。
字母 td 指表格數(shù)據(jù)（table data），即數(shù)據(jù)單元格的內(nèi)容。
再比如說我們可以建立個有顏色的格子，如下圖
表格的作用除了可以顯示一個表格外，有的時候還可以用于輔助排版。但現(xiàn)在都不怎么使用了，因為時代的進(jìn)步，以前的表格排版的網(wǎng)頁已經(jīng)被淘汰了。
2. HTML表單
關(guān)于表單的制定，因為在瀏覽器中輸入的內(nèi)容都必須要經(jīng)過網(wǎng)絡(luò)提交到服務(wù)器端再處理，所以需要把所有的控件都包含在一個form表單控件中，然后一次提交給服務(wù)器，再由服務(wù)器處理用戶提交的數(shù)據(jù)。
HTML 支持有序列表(有序列表是一列項目，列表項目使用數(shù)字進(jìn)行標(biāo)記。
有序列表始于 <ol> 標(biāo)簽。每個列表項始于 <li> 標(biāo)簽。)無序列表(無序列表也是一個項目的列表，此列項目使用粗體圓點“典型的小黑圓圈“進(jìn)行標(biāo)記。)和定義列表(自定義列表不僅僅是一列項目，而是項目及其注釋的組合。自定義列表以 <dl> 標(biāo)簽開始。每個自定義列表項以 <dt> 開始。每個自定義列表項的定義以 <dd> 開始。)。
表單常用標(biāo)簽：
form: 表單的最外層容器
input: 用于搜集用戶信息,根據(jù)不同的type屬性值,展示不同的控件
Text：普通的文本輸入框
Password：密碼輸入框
Checkbox：復(fù)選框
Radio：單選框
File：上傳文件
Submit：提交按鈕
Reset：重置按鈕
Cols：列
Rows：行
注意事項：
<form id="" name="" method="post/get" action="負(fù)責(zé)處理的服務(wù)端">--輸入系統(tǒng)時，必須有
Name ：定義表單的名稱；
Method: 定義表單結(jié)果從瀏覽器傳送到服務(wù)器的方式，默認(rèn)參數(shù)為：get
Action ：用來指定表單處理程序的位置(服務(wù)器端腳本處理程序）
Fieldset：把表單分組；
Legend：分組名稱。
id不可重復(fù)，name可重復(fù)，get提交有長度限制，并且編碼后的內(nèi)容在地址欄可見，post提交沒有長度限制，且編碼后內(nèi)容不可見。
舉個例子
<form action="login.asp" method="post">
<label>用戶名: </label><input type="text" name="username" />
<label>密碼: </label><input type="password" name="password" />
</form>
得到結(jié)果如圖
本期的內(nèi)容比較多，大家可以在平日里多加練習(xí)，這是大數(shù)據(jù)開發(fā)基礎(chǔ)的重要部分，做到能更熟練，更準(zhǔn)確，希望大家能有所進(jìn)步。
們在日常工作中，經(jīng)常需要把整理好的表格，復(fù)制粘貼到郵件的正文中，那么怎樣通過UiPath來實現(xiàn)帶有表格內(nèi)容的郵件正文。
本次內(nèi)容所要用到的Activities有：
下面是整個流程的實現(xiàn)過程：
現(xiàn)在開始介紹每一個步驟的詳細(xì)設(shè)定
第一步：通過ReadRange來讀取我們需要發(fā)送郵件的正文內(nèi)容的數(shù)據(jù)，輸出OutPut，我們定義為DataTable類型，命名為DT。這里的ReadRange，我使用的是WorkBook中的activities。
第二步：拼接html格式
head的內(nèi)容："<html><body><table border="+"1"+" cellspacing="+""+"><tr><td>姓名</td><td>身份證</td> <td>出生年</td><td>年齡</td></tr>"
tail的內(nèi)容："</tr></table></body></html>"
第三步：讀取temp模板，來用填寫數(shù)據(jù)。
temp模板的內(nèi)容為：{0}：填寫姓名，{1}：身份證，{2}：出生年，{3}：年齡
第四步：通過for each row來將所有數(shù)據(jù)的填入，并拼接成html格式
body：body+string.Format(temp,row[0].ToString(),row[1].ToString(),row[2].ToString(),row[3].ToString())
第五步：通過Send OutlookMail Message來發(fā)送郵件，
outlook的格式選擇如下：
最后我們來看看實現(xiàn)之后，我的郵件收到的效果
好了，上面就是我們?nèi)绾伟l(fā)送帶有表格正文的郵件，通過拼接html來實現(xiàn)的。
如果大家在實現(xiàn)的過程中有任何疑問，可以掃描下方二維碼，一起討論，共同學(xué)習(xí)
*請認(rèn)真填寫需求信息，我們會在24小時內(nèi)與您取得聯(lián)系。
