html入门教程适合初学者

loading 分享 2026-8-22 下载文档

复选框允许用户在一组选项里，选择多个。示例代码：演示示例选择请选择你喜欢的水果：

用checked表示缺省已选的选项。表单控件(Form Control)：单选框(input type=\使用单选框，让用户在一组选项里只能选择一个。示例代码：演示示例选择请选择你最喜欢的水果：

用checked表示缺省已选的选项。表单控件(Form Control)：下拉框(select) 下拉框(Select)既可以用做单选，也可以用做复选。单选例句如下：如果要变成复选，加muiltiple即可。用户用Ctrl来实现多选。例句： <head><title>请提宝贵意见</title></head> <body> <form action=\method=\请提宝贵意见：<br> <textarea name=\<br> <input type=\提交\</form> </body> </html> 表单控件(Form Control)：密码输入框(input type=\密码输入框(input type=\主要用于一些保密信息的输入，比如密码。因为用户输入的时候，显示的不是输入的内容，而是黑点符号。。例句如下： <input type=\演示示例 <html> <head><title>输入用户姓名和密码 </title></head> <body> <form action=\method=\请输入你的姓名： <input type=\请输入你的密码： <input type=\<input type=\提交\ </p><p> </p><p></form> </body> </html> 表单控件(Form Control)：提交(input type=\通过提交(input type=submit)可以将表单(Form)里的信息提交给表单里action所指向的文件。例句如下： <input type=\提交\演示示例（同input type=”text”示例）表单控件(Form Control)：图片提交(input type=\input type=image 相当于 input type=submit，不同的是，input type=image 以一个图片作为表单的提交按钮，其中 src 属性表示图片的路径。 <input type=\alt = \提交\演示示例 <html> <head><title>输入用户姓名</title></head> <body> <form action=\method=\请输入你的姓名： <input type=\<input type=\alt = \提交\</form> </body> </html> 十一、HTML图片(Images) </p><p>用 <img> 这个 Tag 可以在HTML里面插入图片。最基本的语法如下： </p><p><img src=\</p><p> </p><p> </p><p>url表示图片的路径和文件名。比如 url 可以是 images/logo/blabla_logo01.gif，也可以是个相对路径 \。示例 <html> <body> <p> 站长网站长学院Logo图片：<img src=\</p> </body> </html> 图片alt属性 <img>中有一个alt属性，英文叫alternate text。例句如下： <img src = \假使浏览器没有载入图片的功能，浏览器就会转而显示Alt属性的值。其实，现在大多数浏览器都支持图片载入。在此介绍Alt属性，是因为它的另外一个重要功能。目前搜索引擎抓取工具无法识别图像中所含的文字，所以用ALT属性写上图片的说明，便于搜索引擎抓取你网页的内容。示例 <html> <body> <p>将鼠标停留在图片上，你可以看到Alt属性里写的内容。</p> <img src=\站长网站长学院的Logo标志\<img src=\alt=\芙蓉姐姐照片：红配绿一台戏\</body> </html> 图片align属性 </p><p></p><div class="page"><ul><li><a href=c4dvaw4wiad47le14llgf_1.html>1</a></li><li><a title=上一页 href=c4dvaw4wiad47le14llgf_7.html><<</a></li><li><a href=c4dvaw4wiad47le14llgf_5.html>5</a></li><li><a href=c4dvaw4wiad47le14llgf_6.html>6</a></li><li><a href=c4dvaw4wiad47le14llgf_7.html>7</a></li><li><a href=c4dvaw4wiad47le14llgf_8.html class="hover" >8</a></li><li><a href=c4dvaw4wiad47le14llgf_9.html>9</a></li><li><a href=c4dvaw4wiad47le14llgf_10.html>10</a></li></ul></div></p> <br /> <p><script type="text/javascript">s("content-m-bot");</script></p> </div> <div class="m-pages"></div> <div class="down-word"> <div class="word-ico"></div> <div class="word-tit"> <span class="docx">html入门教程适合初学者 .doc</span> <span>将本文的Word文档下载到电脑</span> <span><script type="text/javascript">s("content-m-down");</script></span> </div> <div class="word-pic"><a href="javascript:;">下载这篇word文档</a></div> </div> </article> <div class="art-prenext"> 搜索更多关于： <a class="title2" title="html入门教程适合初学者 " href="s02w038031030g2ttm0k0po3vsg2glkg7xi1ypad01203202q03703401n_1.html">html入门教程适合初学者 </a> 的文档 </div> <div class="main-tab"><a class="on" href="javascript:;">相关推荐</a></div> <script type="text/javascript">s("content-m-like");</script> <div class="main-tab"><a class="on" href="javascript:;">相关阅读</a></div> <div class="tab-box"> <ul class="main-new on clearfix"> <li><a title="全员流动人口管理系统操作手册(最新)" href=c6oeiw50q6t47le14lopx1jxus0hl5300vym_1.html>全员流动人口管理系统操作手册(最新)</a></li><li><a title="教科版小学四年级科学下册复习资料[精排] - 图文" href=c5micm48zzu5ap1d1l9fu_1.html>教科版小学四年级科学下册复习资料[精排] - 图文</a></li><li><a title="初中班级工作总结怎么写.doc" href=c8ffqx5ewe98xzko02xoc4ddq3430jm00ybh_2.html>初中班级工作总结怎么写.doc</a></li><li><a title="无烟烧烤项目创业计划书" href=c4xrgr3b36i35m4y31ezc5v45r56fh1008z8_3.html>无烟烧烤项目创业计划书</a></li><li><a title="环境科学课程实验报告" href=c9713n2dyeh6et861e22x_3.html>环境科学课程实验报告</a></li><li><a title="lm393" href=c5n403599ez10e609mki2_1.html>lm393</a></li><li><a title="ARCGIS在林业专业制图详解" href=c97qks3a5sp6rgfk162c5_4.html>ARCGIS在林业专业制图详解</a></li><li><a title="高新区上半工作总结及工作计划" href=c35zb71e4xd4zk8m0hvkq6k2tg1xu6l00s24_1.html>高新区上半工作总结及工作计划</a></li><li><a title="劳动合同法实务讲课稿" href=c7ppco69ppt4zk8m0i2bu_5.html>劳动合同法实务讲课稿</a></li><li><a title="浅谈电子技术在汽车上的应用(1)" href=c0cdrt118sk7b3ef98nfx_9.html>浅谈电子技术在汽车上的应用(1)</a></li> </ul> </div> </div> <footer class="footer"> <p class="bt-links"><a href="https://m.diyifanwen.net/">手机版</a><span class="v-line">|</span><a href="https://www.diyifanwen.net/">PC版</a></p> <p>Copyright © 2018-2023 第一范文网版权所有<br/> 声明 :本网站尊重并保护知识产权，根据《信息网络传播权保护条例》，如果我们转载的作品侵犯了您的权利,请在一个月内通知我们，我们会及时删除。<br>客服QQ：xxxxxx 邮箱：xxxxxx@qq.com<br> <a href="https://beian.miit.gov.cn/" target="_blank" rel="nofollow">渝ICP备2023013149号</a> </p> <script> var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?1e9741f8c1b2df70963b3e7f3680f749"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script> <script> (function(){ var bp = document.createElement('script'); var curProtocol = window.location.protocol.split(':')[0]; if (curProtocol === 'https') { bp.src = 'https://zz.bdstatic.com/linksubmit/push.js'; } else { bp.src = 'http://push.zhanzhang.baidu.com/push.js'; } var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(bp, s); })(); </script> </footer>  <div class="theme-popover-mask"></div> <script type="text/javascript"> //menu $(".header .menu").on("click", function(){ $("body").append("<div class=\"mask-bg menu-mask-bg\"></div>"); $(".menu-slide").show(); $("html,body").css({height:$(window).innerHeight(), overflow:"hidden"}); setTimeout(function(){ $(".menu-slide").css({transform:"translateX(-50px)"}); },50) }); $("body").on("click", ".menu-mask-bg", function(){ $(".menu-slide").css({transform:"translateX(-100%)"}); $(".menu-mask-bg").remove(); $("html,body").removeAttr("style"); setTimeout(function(){ $(".menu-slide").hide(); },300) }); //search $(".header .search").click(function(){ if($(".search-box").is(":hidden")){ $(this).children("i").removeClass("search-icon").addClass("close-icon"); $(".search-box").fadeIn("fast"); }else{ $(this).children("i").removeClass("close-icon").addClass("search-icon"); $(".search-box").fadeOut("fast"); } }); //nav if($(".nav").length > 0) { var nav = new Swiper(".nav",{ slidesPerView: "auto" }); } </script> <script type="text/javascript"> $(".user-login").click(function () { $(".drop-menu").toggle(); }); </script> <script type="text/javascript"> $(".pay1 img").click(function () { $(".wxpay").css("display", "block"); $(".alipay").css("display", "none"); $(".pay1 img").addClass("over"); $(".pay2 img").removeClass("over"); }); $(".pay2 img").click(function () { $(".wxpay").css("display", "none"); $(".alipay").css("display", "block"); $(".pay1 img").removeClass("over"); $(".pay2 img").addClass("over"); }); </script> <script type="text/javascript"> // var userinfo = function(data) { // if (data.code === "2" || data.code === "3") { // $(".word-pic a").click(function(){ // $(".theme-popover-mask").fadeIn(100); // $(".theme-popover").slideDown(200); // var downid = "4dvaw4wiad47le14llgf" // $(".tovip a").click(function(){ // var readurl = 'https://www.diyifanwen.net/plus/view.php&psrc='; // var downurl = 'https://www.diyifanwen.net/d.asp?id='; // var payurl = readurl; // payurl = payurl.replace('view.php', 'pay/pay.asp?id=4dvaw4wiad47le14llgf&p=8'); // var gotourl = payurl + downurl + downid // location.href = gotourl; // }) // }); // } // else{ $(".word-pic a").click(function(){ location.href = "https://www.diyifanwen.net/d.asp?id=4dvaw4wiad47le14llgf&p=8"; }); // } // } // $(document).ready(function($) { // $(".theme-poptit .close").click(function(){ // $(".theme-popover-mask").fadeOut(100); // $(".theme-popover").slideUp(200); // }); // }); </script> <script src="https://www.diyifanwen.net/js/zfb.js" type="text/javascript"></script> <script src="https://www.diyifanwen.net/user/check_level_m.php?callback=userinfo"></script> <script src="https://m.diyifanwen.net/js/gobacktop.js" type="text/javascript"></script> </body> </html>