寒假第二週作業(web學習)
阿新 • • 發佈:2021-01-24
技術標籤:web
學習內容:
1、HTML的學習
2、登入框的編寫運用所學html知識,成功寫出一個登陸框頁面
學習效果:
HTML的學習
什麼是HTML?
HTML 是用來描述網頁的一種語言。
HTML 指的是超文字標記語言: HyperText Markup Language
HTML 不是一種程式語言,而是一種標記語言,標記語言是一套標記標籤 (markup tag)
HTML 使用標記標籤來描述網頁
HTML 文件包含了HTML 標籤及文字內容
HTML文件也叫做 web 頁面
HTML 標籤
HTML 標記標籤通常被稱為 HTML 標籤 (HTML tag)。
html標籤都是用<>包圍的關鍵詞
比如:
<html>和</html>;<head>和</head>等
也有特殊
比如:
<br>等
雙標籤關係可分為:包含和並列兩類
HTML元素
1. 標題:<h1> </h1>,<h2> </h2>等
2. 段落:<p> </p>
3. 圖片:<img src="桌布.jpg" title="我的桌面桌布" width="192" height="120" /> scr後面是圖片的名字,title定義滑鼠在圖片上顯示的圖片名字,width為圖片的寬,height為圖片的高
4.<b> </b>加粗文字;<i> </i>斜體文字;<u> </u>下劃線;<s> </s>傾斜體
5.連結:<a href="https://www.csdn.net/" target="_blank">部落格</a>,href後連結的地址,</a>前面是連結的名字,targe是在另一個視窗開啟(不想在另一個視窗開啟可以不用加)
6. 無序列表:
<ul>
<li>中國</li>
<li>美國</li>
</ul>
7.有序列表:
<ol>
<li>中國</li>
<li>美國</li>
</ol>
8.表格:
<table border="1">
<tr>
<td>數學</td>
<td>英語</td>
</tr>
<tr>
<td>92</td>
<td>44</td>
</tr>
</table>
9.登入框:
<form action="">
賬號: <input type="text" name="user"><br>
密碼: <input type="password" name="password"><br>
<input type="submit" value="登入">
<input type="submit" value="清空">
</form>
10.單選按鈕
<form>
<input type="radio" name="sex" value="female">學長帥<br>
<input type="radio" name="sex" value="female">學姐美<br>
<input type="radio" name="sex" value="female">不過我最好看
</form>
11.多選按鈕
<form>
<input type="checkbox">學長不掛科<br>
<input type="checkbox">學姐不掛科<br>
<input type="checkbox">我不掛科
</form>
12.預選下拉列表
<form action="">
<select name=>
<option value="">中國</option>
<option value="">美國</option>
<option value="">英國</option>
<option value="">法國</option>
<option value="">俄羅斯</option>
</select>
</form>
最基本的HTML格式如下:
<!DOCTYPE html>//文件型別的宣告標籤,作用是告訴瀏覽器使用那種版本的HTML
<html>//根標籤,是整個html頁面最大的標籤
<head>//網頁的頭部
<meta charset="utf-8">
<title>一個網頁</title>//網頁的標題
</head>
<body>//網頁的主體
<h1>第一個標題</h1>
</body>
</html>
登入框的編寫運用所學html知識,成功寫出一個登陸框頁面
其他內容