当前位置：首页 > news >正文

中国十大旅游网站制作图片的软件ppt

news 2025/11/4 12:47:01

中国十大旅游网站,制作图片的软件ppt,在线用代码做网站,建一个手机app平台费用HTML入门教程#xff1a;【狂神说Java】HTML5完整教学通俗易懂_哔哩哔哩_bilibili 一.初识HTML HyperTextMarkupLanguage#xff08;超文本标记语言#xff09; 超文本包括#xff1a;文字、图片、音频、视频、动画。 HTML5的优势世界知名浏览器厂商对HTML5的支持市场的…HTML入门教程【狂神说Java】HTML5完整教学通俗易懂_哔哩哔哩_bilibili 一.初识HTML HyperTextMarkupLanguage超文本标记语言超文本包括文字、图片、音频、视频、动画。 HTML5的优势世界知名浏览器厂商对HTML5的支持市场的需求跨平台W3C标准 W3C 万维网联盟 World Wide Web Consortium 。成立于1994年Web领域最权威和最具影响力的国际中立性技术标准机构。W3CW3C中国W3C标准包括结构化标准语言(HTML、XML)表现标准语言(CSS)行为标准语言(DOM、ECMAScript)常见IDE 记事本DreamweaverIDEAWebStorm…… body 、 /body等成对的标签分别叫做开放标签和闭合标签。单独呈现的标签空元素如 hr/ ;意为用/来关闭空元素。二.网页基本信息与标签 !--DOCTYPE告诉浏览器使用什么规范默认是html-- !DOCTYPE html!--语言 zh中文 en英文你写的内容必须在两个html之间-- html langen!--head标签代表网页头部-- head!--meta 描述性标签表示用来描述网站的一些信息--!--一般用来做SEO--meta charsetUTF-8meta namesubeiLY content一起学HTML5meta namesome content一起学前端!--网站标题--titleTitle/title/head!--body代表主体-- body!--标题标签 -- h1一级标签/h1 h2二级标签/h2 h3三级标签/h3 h4四级标签/h4 h5五级标签/h5 h6六级标签/h6!--段落标签-- pp换行1/p pp换行2/p!--水平线标签-- hr/!--换行标签-- 换行1 br/ 换行2 br/!--换行标签比较紧凑段落标签有明显段间距-- !--粗体斜体-- h1字体样式标签/h1 粗体:strongI am CSS. /strongbr/ 斜体:emHTML5 and CSS3 /embr/!--特殊符号-- !--特殊符号记忆开头;结尾只要在idea中敲出后就有提示-- 空格:1nbsp;2nbsp;nbsp;3nbsp;nbsp;nbsp;4br/ 空格:1 2 3 4br/ 大于号:gt;br/ 小于号:lt;br/ 版权符号:copy;br//body/html 三.图像超链接网页布局 body!--img srcpath alttext titletext widthx heightysrc图片路径alt图片名称title: 触碰照片显示文字width,height图片的高与宽--img srcD:\bc\过渡\tp\1.png altfuck title555 width500 height500 /body bodya nametop/a!--链接标签a hrefhttps://www.baidu.com target_blank请咨询百度/ahref跳转页面的地址。target:表示在哪打开新网页_self:当前标签打开_blank:新的页面中打开。在之间a标签内可以使用放图片等等点击图片跳转网页。--a hrefhttps://www.baidu.com target_blank请跳转页面咨询百度/aa hrefhttps://www.baidu.com target_blank请点击照片再次页面咨询百度br/img srcD:\bc\过渡\tp\1.png altfuck title555 width500 height500 br/ /a!--锚链接a href#top回到顶部/a需要一个标记锚如上面的a nametop/a然后可以跳转到标记。a hrefhttps://www.baidu.com#down百度底部/a可以在网址后添加#号跳到对应网站的对应位置。--a href#top回到顶部/abr/a hrefhttps://www.baidu.com#down百度底部/a br/!--功能性链接a hrefmailto:29*******4qq.com点击联系我/a邮箱链接mailtoqq链接从qq中获取--a hrefmailto:29*******4qq.com点击联系我/a/body四.列表、表格、媒体元素 body!--有序列表ol li内容li..... /ol应用范围:试卷,问答…… -- olliJava/liliPython/lili前端/lili运维/liliC/C/liliAndroid/li /olhr/!--无序列表ul li内容li ...... /ul应用范围:导航,侧边栏…… -- ulliJava/liliPython/lili前端/lili运维/liliC/C/liliAndroid/li /ulhr/!--自定义列表dl dt列表名称dt dd列表内容dd dl应用范围:网站末尾 -- dldtdf/dtdddf1/dddddf2/dddtdu/dtdddu1/dddddu2/dd /dl/bodybody!--表格table broderlpx broder表示边框设置tr tr表示行td colspanx/tdtd rowspanx/tdtd表示列 colspan表示跨列(横向)rowspan表示跨行(纵向)/tr/table -- table borderlpxtrtd colspan3学生成绩/td/trtrtd rowspan2狂神/tdtd语文/tdtd100/td/trtrtd数学/tdtd100/td/trtrtd rowspan2秦疆/tdtd语文/tdtd100/td/trtrtd数学/tdtd100/td/tr /table/body !--视频与音频 video srcxxx/xxx/xxx controls autoplay/videosrc:资源路径controls:控制面板autoplay:自动播放 -- video srcD:\bc\过渡\tp\1.MP4 controls autoplay/video 五.页面结构元素名描述header标题头部区域的内容用于页面或者页面中的一块区域footer标记脚部区域的内容用于整个页面或页面的一块区域sectionWeb页面中的一块独立区域article独立的文章内容aside相关内容或应用nav导航类辅助内容 bodyheaddrh2页面头部/h2/headdtsectionh2页面主体/h2/sectionfooterh2页面脚部/h2/footer/body 六.iframe内联框架 body!--iframe内联框架iframe srcpath namemainFrame/iframesrc属性即引用页面的地址。给标签加上name属性后可以做a标签的target属性即在内联窗口中打开链接。 --iframe src namefuck frameborder0 width500px height400px/iframea hrefhttps://www.bilibili.com/video/BV1x4411V75C?p11vd_source28798c0e89bd0d6c14b39ba1f4a05ad6 targetfuck555555/a/body 七.表单及表单应用 bodyh1注册/h1!--表单form actionDemoHtml01.html methodget1.action:表单提交的动作可以是交给一个网址也可以是交给一个请求处理地址2.method:post / get 请求方式get方式提交我们可以在ur1中看到我们提交的信息不安全高效post比较安全可以传输大文件pxx:input typetext nameusername /p1.typetext文本框password密码框submit提交reset重置2.name元素名注意使用p换行/from--form actionDemoHtml01.html methodget!--文本输入框:input typetext --p名字:input typetext nameusername /p!--密码框:input typepwd --p密码:input typepassword namepassword /ppinput typesubmit !--提交--input typereset !--重置--/p/form /bodybodyh1注册/h1!--表单form actionDemoHtml01.html methodget1.action:表单提交的动作可以是交给一个网址也可以是交给一个请求处理地址2.method:有两种请求方式(1).get方式提交我们可以在ur1中看到我们提交的信息不安全高效(2).post比较安全可以传输大文件一.p名字:input typetext nameusername maxlength8 size30 /p1.文本输入框标签:typetext2.元素名3.maxlength8最长能写几个字符。4.size30 文本框的长度。二.p密码:input typepassword namepassword /p1密码框标签:typepassword2.元素名三.p性别:input typeradio valueman namesex男input typeradio valuewoman namesex女/p1.单选框标签:typeradio2.value:单选框的值3.name:表示组四.p爱好:input typecheckbox valuesleep namehobby睡觉input typecheckbox valuecode namehobby敲代码input typecheckbox valuechat namehobby聊天input typecheckbox valuegame namehobby游戏/p1.多选框标签:typecheckbox2.value:多选框的值3.name:表示组五.pinput typebutton namebtn value点击变长input typeimage srcD:\bc\过渡\tp\1.png input typesubmit input typereset /p按钮:input typebutton 普通按钮input typeimage 图像按钮input typesubmit 提交按钮input typereset 重置按钮/from--form actionD:\bc\过渡\tp\1.png methodgetp名字:input typetext nameusername maxlength8 size30 /pp密码:input typepassword namepassword /pp性别:input typeradio valueman namesex男input typeradio valuewoman namesex女/pp爱好:input typecheckbox valuesleep namehobby睡觉input typecheckbox valuecode namehobby敲代码input typecheckbox valuechat namehobby聊天input typecheckbox valuegame namehobby游戏/ppinput typebutton namebtn value点击变长input typeimage srcD:\bc\过渡\tp\1.png/ppinput typesubmit !--提交--input typereset !--重置--/p/form/body bodyh1注册/h1!--表单form actionDemoHtml01.html methodget1.action:表单提交的动作可以是交给一个网址也可以是交给一个请求处理地址2.method:有两种请求方式(1).get方式提交我们可以在ur1中看到我们提交的信息不安全高效(2).post比较安全可以传输大文件一.文本输入框p名字:input typetext nameusername maxlength8 size30 /p1.文本输入框标签:typetext2.元素名3.maxlength8最长能写几个字符。4.size30 文本框的长度。二.密码框标签p密码:input typepassword namepassword /p1密码框标签:typepassword2.元素名三.单选框p性别:input typeradio valueman namesex男input typeradio valuewoman namesex女/p1.单选框标签:typeradio2.value:单选框的值3.name:表示组四.多选框p爱好:input typecheckbox valuesleep namehobby睡觉input typecheckbox valuecode namehobby敲代码input typecheckbox valuechat namehobby聊天input typecheckbox valuegame namehobby游戏/p1.多选框标签:typecheckbox2.value:多选框的值3.name:表示组五.按钮pinput typebutton namebtn value点击变长input typeimage srcD:\bc\过渡\tp\1.png input typesubmit input typereset /p按钮:1.input typebutton 普通按钮2.input typeimage 图像按钮3.input typesubmit 提交按钮4.input typereset 重置按钮六.文件域上传文件可以配合按钮pinput typefile namefilesinput typebutton nameupload value上传/p1.文件域标签:typefile七.下拉框,列表框p国家:select name列表名称option valueChina中国/optionoption valueFrance法国/option/select/p八.文本域textarea nametextarea cols40 rows10文本内容/textarea1.colsrows表示宽高/from--form actionD:\bc\过渡\tp\1.png methodgetp名字:input typetext nameusername maxlength8 size30 /pp密码:input typepassword namepassword /pp性别:input typeradio valueman namesex男input typeradio valuewoman namesex女/pp爱好:input typecheckbox valuesleep namehobby睡觉input typecheckbox valuecode namehobby敲代码input typecheckbox valuechat namehobby聊天input typecheckbox valuegame namehobby游戏/ppinput typebutton namebtn value点击变长input typeimage srcD:\bc\过渡\tp\1.png/pp国家:select name列表名称option valueChina中国/optionoption valueUSA美国/optionoption valueRussia俄罗斯/optionoption valueUK英国/optionoption valueFrance法国/option/select/pp反馈:textarea nametextarea cols40 rows10文本内容/textarea/ppinput typefile namefilesinput typebutton nameupload value上传/ppinput typesubmit !--提交--input typereset !--重置--/p/form/body bodyh1注册/h1!--表单form actionDemoHtml01.html methodget1.action:表单提交的动作可以是交给一个网址也可以是交给一个请求处理地址2.method:有两种请求方式(1).get方式提交我们可以在ur1中看到我们提交的信息不安全高效(2).post比较安全可以传输大文件一.文本输入框p名字:input typetext nameusername maxlength8 size30 /p1.文本输入框标签:typetext2.元素名3.maxlength8最长能写几个字符。4.size30 文本框的长度。二.密码框标签p密码:input typepassword namepassword /p1密码框标签:typepassword2.元素名三.单选框p性别:input typeradio valueman namesex男input typeradio valuewoman namesex女/p1.单选框标签:typeradio2.value:单选框的值3.name:表示组四.多选框p爱好:input typecheckbox valuesleep namehobby睡觉input typecheckbox valuecode namehobby敲代码input typecheckbox valuechat namehobby聊天input typecheckbox valuegame namehobby游戏/p1.多选框标签:typecheckbox2.value:多选框的值3.name:表示组五.按钮pinput typebutton namebtn value点击变长input typeimage srcD:\bc\过渡\tp\1.png input typesubmit input typereset /p按钮:1.input typebutton 普通按钮2.input typeimage 图像按钮3.input typesubmit 提交按钮4.input typereset 重置按钮六.文件域上传文件可以配合按钮pinput typefile namefilesinput typebutton nameupload value上传/p1.文件域标签:typefile七.下拉框,列表框p国家:select name列表名称option valueChina中国/optionoption valueFrance法国/option/select/p八.文本域textarea nametextarea cols40 rows10文本内容/textarea1.colsrows表示宽高九.简单验证邮件url数字)邮箱input typeemail nameemailurl:input typeurl商品数量:input typenumber name数量 max100 min1 step11.邮件验证标签: typeemail2.网络地址验证标签typeurl3.数字验证标签typenumbermax最大值min最小值step每次点击增加或减少的数量十.滑块音量:input typerange min0 max100 namevoice step21.滑块标签typerange十一.搜索框搜索:input typesearch1.搜索框标签typesearh/from--form actionD:\bc\过渡\tp\1.png methodgetp名字:input typetext nameusername maxlength8 size30 /pp密码:input typepassword namepassword /pp性别:input typeradio valueman namesex男input typeradio valuewoman namesex女/pp爱好:input typecheckbox valuesleep namehobby睡觉input typecheckbox valuecode namehobby敲代码input typecheckbox valuechat namehobby聊天input typecheckbox valuegame namehobby游戏/ppinput typebutton namebtn value点击变长input typeimage srcD:\bc\过渡\tp\1.png/pp国家:select name列表名称option valueChina中国/optionoption valueUSA美国/optionoption valueRussia俄罗斯/optionoption valueUK英国/optionoption valueFrance法国/option/select/pp反馈:textarea nametextarea cols40 rows10文本内容/textarea/ppinput typefile namefilesinput typebutton nameupload value上传/pp邮箱input typeemail nameemailurl:input typeurl/pp商品数量:input typenumber name数量 max100 min1 step1/pp音量:input typerange min0 max100 namevoice step2/pp搜索:input typesearch/ppinput typesubmit !--提交--input typereset !--重置--/p/form/body属性说明readonly只读不可更改disable禁用hidden隐藏虽然不可见但是会提交id标识符可以配合label的for属性增加鼠标的可用性placehodertext 文字域等输入框内的提示信息required不能为空patten正则表达式验证这些参数可以添加到表单与表单的任何组件中
文章转载自：
http://www.morning.gqdsm.cn.gov.cn.gqdsm.cn
http://www.morning.qytyt.cn.gov.cn.qytyt.cn
http://www.morning.bzbq.cn.gov.cn.bzbq.cn
http://www.morning.nqbkb.cn.gov.cn.nqbkb.cn
http://www.morning.mcgsq.cn.gov.cn.mcgsq.cn
http://www.morning.qflcb.cn.gov.cn.qflcb.cn
http://www.morning.wljzr.cn.gov.cn.wljzr.cn
http://www.morning.kstgt.cn.gov.cn.kstgt.cn
http://www.morning.jnoegg.com.gov.cn.jnoegg.com
http://www.morning.sjbty.cn.gov.cn.sjbty.cn
http://www.morning.bkfdf.cn.gov.cn.bkfdf.cn
http://www.morning.rdkqt.cn.gov.cn.rdkqt.cn
http://www.morning.hqmfn.cn.gov.cn.hqmfn.cn
http://www.morning.pghfy.cn.gov.cn.pghfy.cn
http://www.morning.ffgbq.cn.gov.cn.ffgbq.cn
http://www.morning.c7625.cn.gov.cn.c7625.cn
http://www.morning.pxbrg.cn.gov.cn.pxbrg.cn
http://www.morning.dwmmf.cn.gov.cn.dwmmf.cn
http://www.morning.lmrcq.cn.gov.cn.lmrcq.cn
http://www.morning.qhydkj.com.gov.cn.qhydkj.com
http://www.morning.qzbwmf.cn.gov.cn.qzbwmf.cn
http://www.morning.bqhlp.cn.gov.cn.bqhlp.cn
http://www.morning.mfrb.cn.gov.cn.mfrb.cn
http://www.morning.bpmnc.cn.gov.cn.bpmnc.cn
http://www.morning.wyctq.cn.gov.cn.wyctq.cn
http://www.morning.cndxl.cn.gov.cn.cndxl.cn
http://www.morning.nyplp.cn.gov.cn.nyplp.cn
http://www.morning.qbfwb.cn.gov.cn.qbfwb.cn
http://www.morning.tnnfy.cn.gov.cn.tnnfy.cn
http://www.morning.tgmwy.cn.gov.cn.tgmwy.cn
http://www.morning.wfhnz.cn.gov.cn.wfhnz.cn
http://www.morning.kvzvoew.cn.gov.cn.kvzvoew.cn
http://www.morning.nyqzz.cn.gov.cn.nyqzz.cn
http://www.morning.dmsxd.cn.gov.cn.dmsxd.cn
http://www.morning.dfbeer.com.gov.cn.dfbeer.com
http://www.morning.zfcfx.cn.gov.cn.zfcfx.cn
http://www.morning.qdxkn.cn.gov.cn.qdxkn.cn
http://www.morning.htrzp.cn.gov.cn.htrzp.cn
http://www.morning.rnxs.cn.gov.cn.rnxs.cn
http://www.morning.tjsxx.cn.gov.cn.tjsxx.cn
http://www.morning.pffx.cn.gov.cn.pffx.cn
http://www.morning.txmkx.cn.gov.cn.txmkx.cn
http://www.morning.rjjjk.cn.gov.cn.rjjjk.cn
http://www.morning.btgxf.cn.gov.cn.btgxf.cn
http://www.morning.dmtld.cn.gov.cn.dmtld.cn
http://www.morning.trnl.cn.gov.cn.trnl.cn
http://www.morning.fbrshjf.com.gov.cn.fbrshjf.com
http://www.morning.zwyuan.com.gov.cn.zwyuan.com
http://www.morning.ngkng.cn.gov.cn.ngkng.cn
http://www.morning.dfwkn.cn.gov.cn.dfwkn.cn
http://www.morning.dhqyh.cn.gov.cn.dhqyh.cn
http://www.morning.fycjx.cn.gov.cn.fycjx.cn
http://www.morning.plznfnh.cn.gov.cn.plznfnh.cn
http://www.morning.wbxtx.cn.gov.cn.wbxtx.cn
http://www.morning.ngkng.cn.gov.cn.ngkng.cn
http://www.morning.xjmyq.com.gov.cn.xjmyq.com
http://www.morning.dyxlj.cn.gov.cn.dyxlj.cn
http://www.morning.tkrwm.cn.gov.cn.tkrwm.cn
http://www.morning.xgchm.cn.gov.cn.xgchm.cn
http://www.morning.ysbhj.cn.gov.cn.ysbhj.cn
http://www.morning.mwmtk.cn.gov.cn.mwmtk.cn
http://www.morning.nrcbx.cn.gov.cn.nrcbx.cn
http://www.morning.qpfmh.cn.gov.cn.qpfmh.cn
http://www.morning.lfpzs.cn.gov.cn.lfpzs.cn
http://www.morning.nsrlb.cn.gov.cn.nsrlb.cn
http://www.morning.mntxalcb.com.gov.cn.mntxalcb.com
http://www.morning.zkbxx.cn.gov.cn.zkbxx.cn
http://www.morning.zrgsg.cn.gov.cn.zrgsg.cn
http://www.morning.fhtmp.cn.gov.cn.fhtmp.cn
http://www.morning.bwznl.cn.gov.cn.bwznl.cn
http://www.morning.djxnn.cn.gov.cn.djxnn.cn
http://www.morning.wmhqd.cn.gov.cn.wmhqd.cn
http://www.morning.gdgylp.com.gov.cn.gdgylp.com
http://www.morning.wfcqr.cn.gov.cn.wfcqr.cn
http://www.morning.nzklw.cn.gov.cn.nzklw.cn
http://www.morning.ndxmn.cn.gov.cn.ndxmn.cn
http://www.morning.myhpj.cn.gov.cn.myhpj.cn
http://www.morning.tqsmc.cn.gov.cn.tqsmc.cn
http://www.morning.bftqc.cn.gov.cn.bftqc.cn
http://www.morning.rlhgx.cn.gov.cn.rlhgx.cn

查看全文

http://www.tj-hxxt.cn/news/276598.html