寒假第二周作业（web学习）

最新推荐文章于 2022-09-02 15:05:30 发布

jemo也怕检查

最新推荐文章于 2022-09-02 15:05:30 发布

阅读量195

点赞数 1

分类专栏：安全文章标签： web

本文链接：https://blog.csdn.net/weixin_53105784/article/details/113058958

版权

安全专栏收录该内容

20 篇文章 0 订阅

订阅专栏

这篇博客介绍了HTML的基本概念，如它是一种标记语言，用于描述网页内容。内容涵盖HTML标签，包括标题、段落、图片、文本样式、链接、列表、表格、登录框、单选按钮和多选按钮的创建。还展示了如何使用HTML编写一个登录框页面，涉及input标签的不同类型，如text和password，以及submit和reset按钮的使用。

摘要由CSDN通过智能技术生成

学习内容：

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>