小白面试之制作一个本地个人信息网页

对HTML标签的总结

1. 学习的行内标签和 块级元素分别有哪些?
行内标签:span, strong, a, img, input, textarea
块级元素:div, h1-h6, p, hr, pre, ul, ol, dd, dt, th. tr, td

2. 两者的区别与特性;
    1).块级元素独占一行空间, 行内元素只占据自身宽度的空间;
    2).块级元素是可以包含块级元素和行内元素; 行内元素只能包含文本信息和行内元素;
    3). 块级元素可以设置宽和高, 行内元素设置的宽和高失效;

3. 如何让块级元素居中? 如何让行内元素居中?
    1); 块级元素居中: margin: 0 auto
    2> 行内元素居中: text-aligin:center

个人信息

包含姓名、性别等常见的内容。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>个人信息</title>
</head>
<body>
<h2 align="center">个人信息表</h2>
<table style="border: 1px;margin: 0 auto;background: snow" width="50%" cellpadding="5" cellspacing="0" >
    <tr>
        <td style="background: salmon">姓名</td>
        <td><input type="text" style="width:95%"></td>
        <td>性别</td>
        <td><select style="width: 96%">
            <option>男</option>
            <option>女</option>
        </select></td>
    </tr>
    <tr>
        <td>手机号码</td>
        <td><input type="tel" style="width:95%"></td>
        <td>电子邮箱</td>
        <td><input type="email" style="width:95%"></td>
    </tr>
    <tr>
        <td>教育程度</td>
        <td><input style="width: 95%; " type="text"></td>
        <td>工作职位</td>
        <td><input style="width: 95%; " type="text"></td>
    </tr>
    <tr>
        <td>工作城市</td>
        <td><input style="width: 95%; " type="text"></td>
        <td>期望工资</td>
        <td><input style="width: 95%; " type="text"></td>
    </tr>
    <tr>
        <td>自我介绍</td>
        <td colspan="3"><input type="text" style="width: 98%; " ></td>

    </tr>
    <tr>
        <td>特长</td>
        <td colspan="3"><input type="text" style="width: 98%; " ></td>

    </tr>
    <tr>
        <td>家庭住址</td>
        <td colspan="3"><input type="text" style="width: 98%; " ></td>

    </tr>
    <tr>
        <td colspan="4" align="right">感谢您的参与</td>
    </tr>
    <tr>
        <td colspan="4" align="right">
            <input type="submit" value="提交">
            <input type="reset" value="退出">
        </td>

    </tr>
</table>
</body>
</html>

原文地址:https://www.cnblogs.com/jlfw/p/11832322.html

时间: 2024-10-09 03:58:33

小白面试之制作一个本地个人信息网页的相关文章

如何制作一个ASP.NETMVC4信息发布网站

注册管理 ---- 用户发布管理(针对某一用户禁止发布信息) ---- 用户评论管理(针对某一用户禁止评论信息) ---- 用户发布审核管理 ---- 流程思考: 用户注册账号------------>>>账号没有重复的------------>>>注册成功 ---------------------------------------- 用户发布信息(帖子)-------->>发布后待(管理员审核) ----------------------------

自己动手制作一个本地的yum仓库

制作本地yum源有两种方式,第一种是使用光盘镜像,然后在本地进行安装.第二种是我们自己创建一个本地yum仓库,然后使用file的形式来向本地提供yum repo(也可以使用http的方式向外部提供,我们这里就自己给自己创建yum仓库) 1.把从网上下载的rpm包放在本地的某个文件夹里面 我们可以这样子下载,使用yum下载rpm包但是并不安装 yum groupinstall "Development tools" --downloadonly --downloaddir=./ [[em

制作openstack本地yum源

由于openstack的官网的yum源下载比较慢,现在我们把openstack.epel.ceph.redhat自带的安装包下载下来,自己制作一个本地的更新.安装yum源 一.把openstack.epel.ceph.redhat自带的安装包下载统一放到一个目录/yum.os.repo目录 [[email protected] ~]# mkdir /yum.os.repo 二.要确定yum源的配置路径 [[email protected] ~]#  ls /etc/yum.repos.d/ 为o

使用本地光盘制作一个yum源

有时候Linux系统不能联网,此时就不能使用联网的yum源了:这时候需要利用在Linux系统下使用光盘制作一个yum源.步骤如下: 1.挂载光盘 mount /dev/cdrom /mnt 2.删除/etc/yum.repos.d/目录下所有的repo文件 rm -rf /etc/yum.repos.d/* 3.在/etc/yum.repos.d/目录创建新文件dvd.repo vim /etc/yum.repos.d/dvd.repo  //加入以下内容 [dvd]              

Unity3D游戏开发从零单排(四) - 制作一个iOS游戏

提要 此篇是一个国外教程的翻译,虽然有点老,但是适合新手入门.自己去写代码,debug,布置场景,可以收获到很多.游戏邦上已经有前面两部分的译文,这里翻译的是游戏的最后一个部分. 欢迎回来 在第一篇中,我们学会了怎么在Unity中搭建游戏的场景,并且设置模型的物理属性. 在第二篇中,我们学会了怎么在unity中使用脚本,并且创建了大部分的游戏逻辑,包括投球和得分! 在这最后一节中,我们将会为用户创建一个菜单系统,并且和GameController进行交互,我们开始吧. 在设备上测试 到目前为止,

[译]实例剖析-如何制作一个牛B的融资PPT

一些好公司明明在模式上富有创新性,但却在 pitch 时很保守,而且他们又不缺设计和开发能力.如何设计你的融资演讲稿才会吸引投资人对你投资?投资人 Daniel Eckler给大家贡献了下面这篇技术贴. 记住一个精心设计的融资演讲稿和你的产品一样重要,它有助于提高你演讲效果,让你的表述变得更加清晰.和面试相比,戴领带和系纽扣不会让你得到这份工作,但它可以为你塑造一个良好的形象. 以我为新公司Mylo设计的演讲稿为研究案例,我将向你展示如何设计一个吸引人的融资演讲稿. 快速思考:Don'ts 和

用JS制作一个信息管理平台完整版

  前  言 JRedu 在之前的文章中,介绍了如何用JS制作一个实用的信息管理平台. 但是那样的平台功能过于简陋了,我们今天来继续完善一下. 首先我们回顾一下之前的内容.   1.JSON的基础知识 1.1  什么是JSON JSON是数据交互中,最常用的一种数据格式. 由于各种语言的语法都不相同,在传递数据时,可以将自己语言中的数组.对象等转换为JSON字符串. 传递之后,可以将JSON字符串,再解析为JSON对象. JSON对象的使用与JS中的对象基本相同,唯一需要区别的是,JSON中的键

Android学习笔记(十二)——实战:制作一个聊天界面

//此系列博文是<第一行Android代码>的学习笔记,如有错漏,欢迎指正! 运用简单的布局知识,我们可以来尝试制作一个聊天界面. 一.制作 Nine-Patch 图片 : Nine-Patch图片是一种被特殊处理过的 png 图片,能够指定哪些区域可以被拉伸而哪些区域不可以.一般用来作为聊天信息的背景.在此我们先准备一张png图片.然后在 Android sdk 目录下有一个 tools 文件夹,在这个文件夹中找到 draw9patch.bat文件. 双击打开之后, 在导航栏点击 File→

制作一个简单的文本框输入的网页

题目:制作一个简单的网页(包含一个文本框.一个按钮),在页面上输出用户在文本框输入的内容,要求用JavaScript获取文本框内容. 一.首先利用html在网页上制作表单,代码如下: **onclick事件:onclick 事件会在对象被点击时发生. 二.利用js获取输入信息,并将其输出: 相关知识: 1.给用户确认消息,真正实现交互,使用语句confirm();给用户提示信息,实现单向通信,使用语句alert(). 三.运行结果: 1.用浏览器打开结果如下: 2.输入文本框内容,点击[提交]: