Html案例

最新推荐文章于 2024-06-12 10:36:38 发布
最新推荐文章于 2024-06-12 10:36:38 发布
阅读量582 收藏 2
点赞数
分类专栏： HTML

经典案例：

<!DOCTYPEHTML>

<html>

 <head>

 <meta http-equiv="Content-Type"content="text/html; charset=utf-8">

 <title>用户注册</title>

 </head>

 <body>

 <font size="5"color="red">欢迎注册php.cn</font>

 <form name="user"method="get" action="" >

 用户名：<input type="text"name="username"/>

 <br/>

 密码：<input type="password"name="userpwd"/>

 <br/>

 性别：<input type="radio"name="sex" value="男" checked=checked>男

 <input type="radio"name="sex" value="女">女

 <br/>

 爱好：<input type="checkbox"name="hobby" value="运动">运动

 <input type="checkbox"name="hobby" value="看电影">看电影

 <input type="checkbox"name="hobby" value="编程"checked="checked">编程

 <input type="checkbox"name="hobby" value="宅着">宅着

 <br/>所在地：

 <select name="city">

 <option value="北京">北京<option>

 <option value="上海">上海<option>

 <option value="杭州"selected="selected">杭州<option>

 <option value="南京">南京<option>

 <option value="合肥">合肥<option>

 </select>

 <br/>个性介绍：<br/><textarea name="introduction" cols="30" rows="4"></textarea>

 <br/><input type="submit"value="提交信息"/>

 <input type="reset" value="重填一次"/>

 <input type="image"src="http://photocdn.sohu.com/20160107/mp52903269_1452135104978_1_th.png"width="70"/>

 <input type="button"οnclick="javascript:window.close()" value="关闭窗口"/>

<em>文字表示被强调而且浏览器会用斜体出现</em>

<a href=””></a>表示超链接

 </form>

 </body>

 

 

 

自己整理的案例：

<!DOCTYPEhtml>

<htmllang="en">

<head>

    <meta charset="UTF-8">

    <title>练习</title>

    <link rel="stylesheet"href="test.css">

</head>

<body>

   <div class="test-div">

      <!--单行文本框的相关设置：大小，默认值等-->

       姓名：<input type="text"id="wp" value="张三"/></br>

       <!--密码框的设置,长度可用size来设置，用Maxlength来设置能够输入的最长字符长度-->

       密码：<input type="password"size="20" Maxlength="100"/></br>

       <!--单选框的相关设置-->

       性别：<input type="radio"name="sex" value="男" checked=checked>男

             <input type="radio"name="sex" value="女">女<br/>

        <!--复选框的相关设置-->

        爱好：<input type="checkbox"name="hobby" value="运动">运动

             <inputtype="checkbox" name="hobby" value="看电影">看电影

             <inputtype="checkbox" name="hobby" value="编程"                                    checked="checked">编程

            <input type="checkbox"name="hobby" value="宅着">宅着</br>

         <!--下拉列表的设置，默认用selected-->

         所在地：

        <select name="city">

            <option value="北京">北京</option>

            <option value="上海">上海</option>

            <option value="杭州"selected="selected">杭州</option>

            <option value="南京">南京</option>

            <option value="合肥">合肥</option>

        </select></br>

        <!--文本域-->

        个性介绍：<br/><textarea name="introduction" cols="30" rows="4">                           </textarea></br>

        <!--按钮,修改按钮要加事件，否则按下无反应-->

        <input type="submit"value="提交"/>

        <input type="button"value="修改" οnclick="alert"/></br>

        <!--图像提交域-->

        <input type="image"name="submit" src="D:\tx.jpg"/>

         <!--隐藏表单域-->

        <input type="hidden"name="yc" value=22/></br>

         <!--文件提交域-->

         <input type="file"name="mf"/>

   </div>

</body>

</html>

匿名_宝贝
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
html案例
ho622的博客
03-04 2312
案例1 01.第一个HTML文件.html <html> <head> <title>第一个HTML文件</title> <meta charset="utf-8"> </head> <body> 欢迎学习HTML </body> </html> [外链图片转存e\案例1...
我的html案例
07-10
html是架构，css是修饰，JavaScript是行为。我的案例1是基本的html架构，是一个登陆和注册案例
html小例子
qingchurenxiaoyao的博客
08-16 1096
精美选项卡效果： 关键代码： $(function(){ $(".sel span").mouseover(function(){ $(this).addClass("bg").siblings().removeClass(); var index=$(this).index(); $(".list ul").eq(index).show().sibl
HTML网页设计结课作业——11张精美网页 html+css+javascript+bootstarp
最新发布
网页设计与制作 | HTML+CSS+JS
06-12 1128
精彩专栏推荐👇🏻👇🏻👇🏻👇🏻 ❤ 【作者主页——获取更多优质源码】 ❤ 【web前端期末大作业——毕设项目精品实战案例(1000套)】1 网页简介：此作品为学生个人主页网页设计题材，HTML+CSS 布局制作,web前端期末大作业,大学生网页设计作业源码，这是一个不错的网页制作，画面精明，代码为简单学生水平, 非常适合初学者学习使用。2.网页编辑：网页作品代码简单，可使用任意HTML编辑软件（如：Dreamweaver、HBuilder、Vscode 、Sublime 、Websto
HTML案例
xiaoming0018的博客
05-15 609
arr.sort(function () { return Math.random()-0.5} varr=Math.floor(Math.random()*30); Math.floor(Math.random()*100); Math.random()*100+50; function random(max,min) {return Math.random()*(max-min)+min;...
一号店网站HTML案例
05-11
【一号店网站HTML案例】是一个非常适合初学者进行实践和提升HTML及CSS3技能的资源。这个案例涵盖了构建电商网站的基本元素和设计技巧，是检验学习成果并深化理解的理想平台。 HTML（HyperText Markup Language）是...
html简单案例
陈表达的博客
10-12 1131
属性指定了控件类型，如文本框、邮箱和密码等。标签定义超链接，将该链接指向百度网站。属性给不同的元素命名。标签定义了网页的样式，使用。是两个具有不同样式的区域。标签显示一级标题，使用。标签定义表头和单元格。标签定义表单标签，使用。标签定义表单控件，其中。标签布局网页，并使用。
HTML--比较实用的小例子
weixin_30414635的博客
07-05 74
常用的前端实例： 1略 2、在网页商城中的图片当我们把鼠标放上去之后，图片会显示一个有颜色的外边框，图片某一部分的字体的颜色并发生改变 鼠标放上去之前 鼠标放上去之后： 实现的代码： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" cont...
HTML实例（四）
Pitbull2014的博客
06-19 128
实例一：有序列表，无序列表，<dl>，<dt>,<dd>,div块级标签等，实现上面的效果。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="cont...
html案例详解（一）
weixin_30588907的博客
05-22 101
一、入门。 <html> <!-- 头信息的作用 1. 可以设置网页的标题。 2. 可以通知浏览使用指定的码表解释html页面. 3. --> <head> <meta http-equiv="content-type" content="text/html;charset=utf-8" /&...
html综合案例（1）
weixin_42900834的博客
12-20 390
<!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>综合.
自我学习前端01
qq_38903828的博客
11-24 484
HTML 1.入门 <html> <head> <title></title> </head> <body> </body> </html> 2.工具 VS Code 插件： 1.Chinese Language //中文简体语音 2.open in browser //右键在浏览器中打开html 3.Auto Rename Tag //自动修改匹配前后标签 4.CSS Peek
12个优秀的 HTML5 网站设计案例欣赏
weixin_33847182的博客
07-08 1092
HTML5 有用很多新特性，网页设计师和开发人员可以使用这些特性制作出更加优秀的网站。这篇文章收集了12个HTML5网站设计案例，让大家感受一下HTML5网站的魅力，一起欣赏。 The Wired Mind Nike Better World Ben The Bodyguard Quentind Analog Axvisual Bebo...
HTML的案例
ChengMeng11的博客
02-29 259
HTML的案例（之常用标签） 1. 2. 3. 4. 5. 6. 7. 想看详细的笔记已经代码的话，可以产看我的 HTML的入门笔记。
html案例隔行变色
05-26
以下是一个实现隔行变色的 HTML 案例： ```html <!DOCTYPE html> <html> 隔行变色 table { border-collapse: collapse; } td { padding: 10px; border: 1px solid black; } tr:nth-child...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值