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