Web前端开发孙俏第一章和第二章例题

最新推荐文章于 2024-09-30 15:42:36 发布

顾三小丁

最新推荐文章于 2024-09-30 15:42:36 发布

阅读量259

点赞数 5

分类专栏： Web前端开发孙俏文章标签：前端

本文链接：https://blog.csdn.net/AK47haiyu1498/article/details/134628074

版权

Web前端开发孙俏专栏收录该内容

10 篇文章 3 订阅

订阅专栏

第一章例题

前端输入密码用户，后端体现的部分代码过程

<!-- 前端页面 -->
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<!--名为myform的表单域，数据传送方式是GET
数据传送给后端页面rearend.php处理
表单域中包括：
名为username的文本框，用于输入用户名
名为userpwd的密码框，用于输入密码-->
<form name="myform" method="get" action="rearend. php">
    用户名：<input type="text" name="username">
    密码：<input type="password" name="userpwd">
    <input type="submit"  name="submit"  value="提交">
    </form>
</body>
</html>

<!-- 后端页面-->
//PHP技术实现后端页面
<?php
//GET方式得到name为username的表单元素值，保存在变量name中
$name=$_GET["username"]；
//GET方式得到表单元素userpwd的值，保存在变量pwd中
$pwd=$_GET["userpwd"];
//分两行输出name和pwd的值
user input name:",$name,"<br/＞";
user input password:", $pwd;?>

第二章

例2-1

HTML基本页面

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<h1>HTML</h1>
<p>HTML(超文本标记语言)是用来描述网页的一种标准语言。</p>
</body>
</html>

例2-2

div设置页面的基本结构

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<div id="container">页面全部内容的容器
    <div id="header">页眉
        <div id="nav">导航条</div>
    </div>
    <div id="sidebar">边栏条
        <div class="aside">边栏1</div>
        <div class="aside">边栏2</div>
    </div>
    <div id="content">内容
        <div class="article">文章1</div>
        <div class="article">文章2</div>
    </div>
    <div id="footer">页脚</div>
</div>

</body>
</html>