天津市建设工程合同备网站,江苏省住房和城乡建设部网站,建设工程业绩查询网站,加盟营销型网站建设今日内容 0 复习昨日 1 表格标签 2 表单标签【重要】 3 框架标签 0 复习昨日 Javaweb开发,前端,服务器,数据库 前端,要学习HTML,CSS,JavaScript,JQuery HTML是用来编写网页的一种编程语言 语法 由各种标签组成,标签是尖括号,一般都是成对儿出现,前面叫做开标签,后面…今日内容 0 复习昨日 1 表格标签 2 表单标签【重要】 3 框架标签 0 复习昨日 Javaweb开发,前端,服务器,数据库 前端,要学习HTML,CSS,JavaScript,JQuery HTML是用来编写网页的一种编程语言 语法 由各种标签组成,标签是尖括号,一般都是成对儿出现,前面叫做开标签,后面称为闭标签特别的,有部分单标签,hr,br,img大小写都行,但是建议是小写开标签中写属性,属性名“属性值”标签可以嵌套 标签 结构标签排版标签 h1,hr,br,p,font 其中有些值特别注意,长度/宽度/尺寸单位 是px,或者%颜色写法,1) 颜色单词 2)rgb(0,0,0) 3) 十六进制取色 #000000 块标签 div,span列表标签 ol,ul,li图片标签 img ,src属性,重点是路径的写法超链接 a, href指定跳转路径target属性,值1) _self 以自身跳转,2) _blank 以打开一个空白页跳转 1 表格标签 表格标签可以展现一个表格,用来填充数据,以及布局页面 body!-- 4行3列的表格 --!-- 表格标签是table行标签是tr行内设置单元格,即列 td单元格td可以改成th,这样就有加粗效果,一般是表格标题-------------------------------给table设置属性,让表格看起来更好看border 边框width 尺寸--table border2px width300pxtrth1-1/th !-- 加粗 --th1-2/thth1-3/th/trtr!-- 行合并,跨度2,即合并两行 --td rowspan22-1/td!-- 列合并,跨度2,即合并两列 --td colspan22-2/td!-- 被合并,需要删除 --!-- td2-3/td --/trtr!-- 被合并,需要删除 --!-- td3-1/td --td3-2/tdtd3-3/td/trtrtd4-1/tdtd4-2/tdtd4-3/td/tr/table
/body练习: 模仿下图形式(2行,4列,每个单元格是图片,点击图片能跳转) 2 框架标签
bodyul!-- 在a标签中使用属性,将页面跳转至ifram内 --!-- 设置target属性,属性值指定iframe标签的naem属性值 --lia hrefdemo1.html targetmyframe用户管理/a/lilia hreftest1.html targetmyframe角色管理/a/lilia hreftest2.html targetmyframe菜单管理/a/li/ul!-- 框架标签iframename 是框架的名称width 内容区域的宽度,height 内容区域的高度src ,当页面加载,会直接通过src,加载指定页面到当前框架区域--iframe namemyframe srctest1.html width1200px height600px/iframe
/body3 表单标签【重要】 表单用来和服务器交互,可以将数据发送到后台服务器. 表单用来收集数据,比如登录框,注册框,搜索框等等 常用的功能,输入框,下拉框,单选框,多选框,文件上传框,文本域,一些按钮 body!-- 表单 form属性 action,用来指定submit提交后的服务器路径,即数据发送到这个路径背后的服务器-------------------------------------各种表单框,要想将数据发送到后台,必须指定一个属性 name-------------------------------------输入框 input,单标签属性value ,是输入框的值,默认展示value中的值属性placeholder ,背景提示属性type,有很多值,不同属性值,可以实现不同的输入效果typetext 普通文本typepassword 密码typeradio 单选框,需要给多个单选标签设置同一个name属性值这样他们就是一组设置一个value属性,以便于提交后展示数据typecheckbox,复选框,需要给多个复选框设置同一个name属性值设置一个value属性,以便于提交后展示数据typefile ,选择文件上传typedate , 选择日期typeemail , 邮箱typehidden , 会将输入框隐藏typebutton , 按钮typereset , 重置typesubmit , 提交-------------------------------------下拉框 select下来选项 option-------------------------------------文本域 textarea-------------------------------------按钮 button属性type,有很多值,点击按钮的效果不一样typebutton 纯按钮typereset 重置,点击会将表达信息恢复到默认typesubmit 提交,将表达中输入的数据提交都后台服务器这个后台服务器是form标签中指定的服务器路径--form action/java2217隐藏框input typehidden namemoneybr用户名input typetext nameusername placeholder请输入用户名/br密码input typepassword namepwd/br性别input typeradio namesex valueman/ 男input typeradio namesex valuewomen/ 女br技能 input typecheckbox nameskills valuejavase/ JavaSEinput typecheckbox nameskills valuejavaweb/ JavaWebinput typecheckbox nameskills valuessm/ SSMbr头像 input typefile nametouxiang/ br生日 input typedate namebirthday/ br邮箱 input typeemail nameemail value11111qq.com/ br籍贯 select namejiguanoption valuehenan河南/optionoption valueyunnan云南/optionoption valuehainan海南/option/selectselect namecityoption郑州/optionoption周口/optionoption驻马店/option/select br个人简历textarea/textareabrbutton typebutton按钮/buttonbutton typereset重置/buttonbutton typesubmit提交/buttonhrinput typebutton value按钮/input typereset value重置/input typesubmit value提交//form
/body4 补充
在html敲空格,没有效果!
需要使用
nbsp; 这是一个空格
ue“按钮”/
4 补充
在html敲空格,没有效果!
需要使用
nbsp; 这是一个空格
