肖sir_html之基本使用（1）

、新建項目

1、新建===web項目===輸入項目名稱====完成

二、新建html文件

在新建項目中新建html模板

輸入文件名稱：

三、認識基本格式

聯(lián)想出基本格式：

四、編輯html文件

運行html，選擇瀏覽器

五、html常用的快捷鍵

（1）ctrl+n+w web項目創(chuàng)建

（2）ctrl+n+h html文檔創(chuàng)建

（3）ctrl+s 保存html頁面（頁面上如果未保存會顯示*號）

（4）ctrl+r html運行
（5）ctrl+z 撤回
（6）！+tab鍵聯(lián)想基本格式
（7）ctrl+/ 注釋和取消注釋

（8）ctrl+鼠標滾輪，字體方大和縮小

六、認識標簽

（1）H標簽（標題標簽）

（2）p標簽（段落標簽）

（3）img 標簽（圖片標簽）
兩種：第一種widows上傳圖片，第二種：網(wǎng)上圖片鏈接

第一種

img中顯示圖片

img中引入圖片

第二種：網(wǎng)上圖片的鏈接：

（4）標簽（空格）

（5）em 標簽表示斜體

（6）i 標簽表示斜體

（7）br 表示換行

（8）b 標簽表示加粗

（9） strong 標簽表示加粗

（10）s 標簽（刪除線）

（11）u 標簽（下劃線）

（12）font 顏色

（13）sub下標
（14）sup上標

們可以使用以下的方式去渲染html

func main() {
	router := gin.Default()
	router.LoadHTMLGlob("templates/*")
	//router.LoadHTMLFiles("templates/template1.html", "templates/template2.html")
	router.GET("/index", func(c *gin.Context) {
		c.HTML(http.StatusOK, "index.tmpl", gin.H{
			"title": "Main website",
		})
	})
	router.Run(":8080")
}

在html中我們可以使用特殊的雙花括號來渲染title這個值

<html>
	<h1>
		{{ .title }}
	</h1>
</html>

值得注意的是這種方式并不是gin特有的，而是golang特有的，它還有其他的模板語法。

模板語法：

定義變量：

{{$article := "hello"}}

也可以給變量賦值

{{$article := .ArticleContent}}

函數(shù)的調(diào)用：

{{funcname .arg1 .arg2}}

判斷語法：

{{if .condition}}
{{end}}

{{if .condition1}}
{{else if .contition2}}
{{end}}

not 非

{{if not .condition}}
{{end}}

and 與

{{if and .condition1 .condition2}}
{{end}}

or 或

{{if or .condition1 .condition2}}
{{end}}

eq 等于

{{if eq .var1 .var2}}
{{end}}

ne 不等于

{{if ne .var1 .var2}}
{{end}}

lt 小于

(less than){{if lt .var1 .var2}}
{{end}}

le 小于等于

{{if le .var1 .var2}}
{{end}}

gt 大于

{{if gt .var1 .var2}}
{{end}}

ge 大于等于

{{if ge .var1 .var2}}
{{end}}

循環(huán)：

{{range $i, $v := .slice}}
{{end}}

引入一個模板：

{{template "navbar"}}

在線咨詢

上一篇：HTML表格標簽的使用方法與示例
下一篇：這些常用的HTML標簽，你還不知道嗎？

您的項目需求

*請認真填寫需求信息，我們會在24小時內(nèi)與您取得聯(lián)系。

整合營銷服務(wù)商