Learning Content:

1. Learning HTML
2. Writing the login box Use the html knowledge learned to successfully write a login box page

learning result:

HTML learning

What is HTML?

HTML is a language used to describe web pages.
HTML refers to the hypertext markup language: HyperText Markup Language
HTML is not a programming language, but a markup language. The markup language is a set of markup tags.
HTML uses markup tags to describe web pages.
HTML documents contain HTML tags. And text content
HTML documents are also called web pages

HTML tags

HTML tag tags are usually called HTML tags (HTML tags).
HTML tags are keywords surrounded by <>.
Most tags appear in pairs, that is, start and end tags. For
example:

<html>和</html>;<head>和</head>等

There are also special
ones such as:

<br>等

The double label relationship can be divided into two types: inclusive and parallel

HTML element

 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>

The most basic HTML format is as follows:

<!DOCTYPE html>//文档类型的声明标签，作用是告诉浏览器使用那种版本的HTML
<html>//根标签，是整个html页面最大的标签
<head>//网页的头部
<meta charset="utf-8">
<title>一个网页</title>//网页的标题
</head>
<body>//网页的主体

<h1>第一个标题</h1>

</body>
</html>