第12課：HTML+CSS的基礎用法
阿新 • • 發佈：2018-03-27
日常使用 mil rtc 一行 ade user 新頁面 form -s
1. html之head部分的常用標簽的使用
<!--指定html是標準的html還是其它的html--> <!DOCTYPE html> <html lang="en"> <head> <!--自閉合標簽：沒有另一半，自動閉合--> <!--主動閉合標簽：有另一半的--> <!--header當中，大部分標簽是在頁面中看不到的--> <meta charset="UTF-8"> <!--頁面每隔1秒自動刷新--> <!--間隔x秒自動刷新，跳轉到指定的URL--> <!--<meta http-equiv="refresh" content="1;url=‘http://www.baidu.com‘">--> <!--關鍵字檢索：在搜索引擎上通過關鍵檢索時根據你的網站的keywords能把你的網站檢索出來--> <meta name="keywords" content="python"> <!--網站描述--> <meta name="description" content="基礎教程"> <!--瀏覽器tag的名字--> <title>我的第一個html頁面</title> <!--網頁tag標簽的圖標，圖片需要是32*32大小的，需要ui做圖--> <link rel="shortcut icon" href="1.jpg"> <!--欠著的--> <!--<link rel="stylesheet" href="">--> <!--<style></style>--> <!--<script></script>--> </head> <body> <h1>111111111111</h1> 1111111111 </body> </html>
2. html之body部分的常用標簽的使用
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<!--body裏放的是能展示的標簽-->
<!--標題標簽-->
<!--<h1>111111</h1>-->
<!--<h2>2</h2>-->
<!--<h3>3</h3>-->
<!--<h4>4</h4>-->
<!--<h5>5</h5>-->
<!--<h6>6</h6>-->
<!--白板標簽：沒有任何css樣式-->
<!--內聯標簽（行內標簽）：真白版標簽，有多大占多大-->
<!--<span>這是span標簽</span>-->
<!--這是寫在標簽外面的內容-->
<!--塊級標簽：偽白板標簽，無論多大都占一行-->
<!--<div>這是div標簽</div>-->
<!--段落標簽-->
<!--<p>在UI自動化測試過程中，經常會遇到一些下拉框，我們有三種可選方式來操作下拉框。 第一種方法<br>-->
<!--基於webdriver的兩次click，很容易出現問題，不建議使用。（由於部分下拉在UI自動化測試過程中，經常會遇到一些下拉框，我們有三種可選方式來操作下拉框。 第一種方法-->
<!--基於webdriver的兩次click，很容易出現問題，不建議使用。（由於部分下拉在UI自動化測試過程中，經常會遇到一些下拉框，我們有三種可選方式來操作下拉框。 第一種方法-->
<!--基於webdriver的兩次click，很容易出現問題，不建議使用。（由於部分下拉在UI自動化測試過程中，經常會遇到一些下拉框，我們有三種可選方式來操作下拉框。 第一種方法-->
<!--基於webdriver的兩次click，很容易出現問題，不建議使用。（由於部分下拉在UI自動化測試過程中，經常會遇到一些下拉框，我們有三種可選方式來操作下拉框。 第一種方法-->
<!--基於webdriver的兩次click，很容易出現問題，不建議使用。（由於部分下拉在UI自動化測試過程中，經常會遇到一些下拉框，我們有三種可選方式來操作下拉框。 第一種方法-->
<!--基於webdriver的兩次click，很容易出現問題，不建議使用。（由於部分下拉在UI自動化測試過程中，經常會遇到一些下拉框，我們有三種可選方式來操作下拉框。 第一種方法-->
<!--基於webdriver的兩次click，很容易出現問題，不建議使用。-->
<!--</p>-->
<!--輸入框標簽: input-->
<!--輸入框中的默認值，有兩種實現方式-->
<!--<input type="text" name="" value="請輸入用戶名">-->
<!--<input type="text" name="" value="" placeholder="請輸入用戶名">-->
<!--如果接口要求json格式的，則前端以key:value的形式傳參給後臺，即name:value {‘username‘: ‘dsx‘}，value取的是文本框中輸入的值-->
<!--<input type="text" name="username" value="" placeholder="請輸入用戶名">-->
<!--密碼框-->
<!--<input type="password" name="passwd">-->
<!--多選框 checked="checked"默認勾選-->
<!--多值向後臺傳參時：{‘sex‘:[‘1‘,‘2‘, ‘3‘]}-->
<!--<input type="checkbox" name="" checked="checked">-->
<!--單選框：radio標簽，name相同，單選框互斥-->
<!--<div>-->
<!--<span>男</span><input type="radio" name="sex">-->
<!--</div>-->
<!--<div>-->
<!--<span>女</span><input type="radio" name="sex">-->
<!--</div>-->
<!--button按鈕只是一個按鈕，沒有任何其它附加操作；-->
<!--submit按鈕和form表單連用，會把form表單中的數據提交給後臺。所以會出現點擊form表單中的submit按鈕頁面刷新-->
<!--form表單中：action的值是跳轉到哪個頁面；請求的接口；method：請求方式-->
<!--form表單提交會刷新頁面，ajax提交不會刷新頁面，只提交數據-->
<!--<form action="head.html" method="post">-->
<!--<input type="text" value="默認值">-->
<!--<!–input標簽type屬性是button或submit時，是沒有name屬性的–>-->
<!--<!–沒有任何附加操作，日常使用中，會添加onclick事件，會使用到ajax–>-->
<!--<input type="button" value="增加">-->
<!--<input type="submit" value="提交">-->
<!--<input type="reset" >-->
<!--</form>-->
<input name="username" value="1234" type="text">
</body>
</html>第12課：HTML+CSS的基礎用法