1. 程式人生 > 其它 >寒假第二週作業(web學習)

寒假第二週作業(web學習)

技術標籤: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="登入">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <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知識,成功寫出一個登陸框頁面

在這裡插入圖片描述

其他內容

在這裡插入圖片描述
在這裡插入圖片描述
在這裡插入圖片描述
在這裡插入圖片描述
在這裡插入圖片描述
在這裡插入圖片描述
在這裡插入圖片描述
在這裡插入圖片描述