第一次学习任务

m0_lzz

已于 2022-10-30 14:56:53 修改

阅读量147

点赞数 3

文章标签：学习 html

于 2022-10-30 11:19:05 首次发布

本文链接：https://blog.csdn.net/m0_73977108/article/details/127595580

版权

第一次学习任务

一、html的学习

1.首先学习了利用php建立第一个自己的网站，并且使用vscode编辑html文档
2.html基本框架如下：

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body>
  
</body>
</html>

3.学习了html的一些用法
如:定义段落内容<p>***</p>
进行换行（单标签）<br/>
style属性：
定义背景颜色<body style="background-color:颜色的英文"></body>
定义段落颜色<p style="background-color:颜色的中文"></p>
定义标题颜色<h1 style ="background-color:颜色的英文"></h1>
标题居中对齐<h1 style="text-align:center"></h1>
写一个表格

<table border="1">
        <tr>    
            <th>姓名</th>
            <th>学号</th>
        </tr>
        <tr>
            <td>XXX</td>
            <td>***</td>
        </tr>
    </table>

在这里插入图片描述

二、输出两个文本输入框

1.form学习
采用 <form></form>标签用于定义表单域
<input>标签用于收集用户信息
其中根据type属性进行输出不同种类的表单
例如：

<form>
        Lastname：<input type="text">
    </form>

得到的是输入文本内容的文本框，可以输入文字

<form>
    password：<input type="password">
</form>

得到的输入密码的文本框，并且看不见输入的文字
2本次任务结果

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>lzz的用户界面</title>
</head>
<body>
    <form action="localhost.php" method="POST" name="one">
        Firstname:<input type="text"><br>
        Lastname:<input type="password"><br>
    </form>
</body>
</html>