当前位置:文档之家› 最新html学习心得

最新html学习心得

html学习心得第1篇第2篇第3篇第4篇第5篇更多顶部目录第一篇:html学习笔记小结2第二篇:js、php、mysql和html学习经验总结第三篇:html(即超文本标记语言) 的学习总结第四篇:学习asp获取html表单提交信息的实例第五篇:html标签总结更多相关范文正文第一篇:html学习笔记小结24.3trthtd标签下的常用属性属性名称属性值说明iddle数据居中buttombgcolor 4.4拆分与合并单元格 td里面的属性属性名称属性值colspan数字ro 5.1背景图片设置body background=url5.2将图片插入网页中格式:img src=url功能:将图片插入网页中单一标签属性名称属性值srcurliddlebuttom间隙设置数据靠下说明向两边扩展向上下扩展说明图片的路径图片的宽度(绝对和相对) 图片的高度(绝对和相对)给图片做注解图片边框说明图像靠左文字靠右图像靠右文字靠左文字靠上文字居中文字靠下vspace像素垂直上下两端与物件的距离hspace像素水平左右两端与物件的距离5.4 图片超链接a href=urlimg src=url/a注意边框问题5.5地图索引格式:img src=url usemap=#图像名称map name=图片名称 id=图片名称area shape=选取区块的形状 coords=坐标 href=url alt=文字说明/map说明:map声明整张图使用地图连接方式进行连接area表示需要连接的某个区块shape表示我们所选择的形状如:rect矩形 circle圆形poly 多边形coords 表示地图的坐标位置举例:img src=bg.jpg border=0 usemap=#mapmap name=maparea shape=rect coords=136,36,202,102 href=网易/a2.file连接本地的文件声明a href=file:///e/images/pic.jpg图片/a3.ftp声明a href=ftp://192.168.4.21/进入/a4.mailtoa href=mailto:bnbbs@e-mail/a6.3 相对链接和绝对链接1.若是6.html和index.html文件在同一目录下使用 index.html(index.html为连接文件)a href=index.htmlindex.html/a2.若index.html文件在6.html文件目录下的文件夹page里面则使用 page/index.htmla href=page/index.htmlindex.html/a3.如果index.html在 page文件下page2中page/page2/index.html2、3为往后查找文件路径4.若6.html文件在page文件夹中则查找index.html需要向上翻一层查找../index.htmla href=../index.htmlindex.html/a5.若是6.html文件在page文件夹里面的page2文件夹里面则查找连接index.html 使用../../index.html4、5为往前查找5.若6.html在page文件夹中而index.html在images文件夹中则6.html要查找连接index.html文件需要先出page文件夹再进images文件夹../images/index.htmla href=../images/index.htmlindex.html/a6.4 书签链接先在需要跳转的文本地方创建书签点再进行连接a下的属性属性名称属性值name字符串格式:锚点:a name=音乐../a连接点a href=#音乐../a连接到别的网页的书签项目基本格式:锚点:a name=音乐.../a连接点:a href=index.html#音乐.../a 先连接到需要连接的网页再连接到书签6.5基准参考点基本格式:headbase href=http://.cn//head作用:所有的html都会在前面加上这个域名http://.cn/ 防止跳到别的网站注意:最后/必须要打错误:http://.cn6.6超链接事件link 颜色的设置基本格式: body link=颜色 alink=颜色 vlink=颜色link超链接尚未选中的文字alink 超链接选中但是为放开的颜色vlink 超链接已被选中过的颜色7.1表单是提供给用户输入,选取,勾选数据,以便提交给服务器数据库的工具表单的功能结构:主标记结构:from.../from属性值值说明name字符串给这个表单起的名字methodget/post表单的传输方式 post有利于信息的保护不会显示在域名传输地址栏中 get会在域名传输地址中显示所有的信息不利于信息安全所以一般设置为postactionurl传输的目标意为将表单中所有的信息传输到某一个地址去,若是没有指定传输地址则会传给自己7.2 文本栏、密码栏、input是一个单标签属于插入一个东西而双标签相当于一个容器包含一些东西表单一般是要起名字因为以后要使用javascript进行激活使它做一些事件文本栏:input type=text name=栏位名称 value=栏位设置默认值 size=栏位显示的宽度 maxlength=栏位输入数据的最大长度姓名:input type=text name=usename value=小张size=30 maxlength=10密码栏: input type=passe=栏位名称 value=栏位设置默认值size=栏位显示的宽度 maxlength=栏位输入数据的最大长度密码:input type=passe=usepasse=栏位名称 checked disablechecked 表示已经选定不容修改disable 表示已经选定不容修改爱好:input type=checkbox name=love体育input type=checkboxname=love音乐单选框:input type=radio name=栏位名称 checked disable性别:input type=radio name=sex男input type=radio name=sex女7.4窗体栏和区块窗体栏就是下拉菜单select name=栏位名称option value=栏位设置值栏位设置值option value=栏位设置值栏位设置值option value=栏位设置值栏位设置值/select举例:地址:select name=addressoption value=上海上海option value=南京南京option value=盐城盐城/select//分组optgroup label=分组名称option...option/optgroup举例:address:select name=address optgroup lable=上海option value=普陀区普陀区option value=宝山区宝山区/optgroupoptgroup lable=南京option value=下关下关option value=浦口浦口/optgroupoptgroup lable=盐城option value=亭湖亭湖option value=盐都盐都/optgroup/select7.5文字区块的设置textarea cols=设置长度 roe=content cols=200 roit value=提交重置input type=reset value=重置按钮图像button type=submit name=提交img src=url/button7.7 上传文件input type=file name=file7.8外边框和标题外边框:fielset.../fielset标题:legend.../legendfrom name=reg method=post action=fielset legend注册表/legend...../fielset/from总结实例:fromheadtitle注册表/title/headbodyfrom name=reg method=post action=http:// fieldset legend注册表/legend姓名:input type=text name=usename maxlength=10 br 密码:input type=passe=passe=qqbr联系电话:input type=text name=telephonebr爱好:input type=checkbox name=love value=体育体育input type=checkbox name=love value=计算机计算机input type=checkbox name=love value=音乐音乐input type=checkbox name=love value=读书读书br性别:input type=radio name=sex value=男男input type=radio name=sex value=女女br地址:select name=addressoptgroup lable=怀化option value=鹤城区鹤城区option value=溆浦溆浦/optgroupoptgroup lable=衡阳option value=石鼓区石鼓区option value=雁峰区雁峰区/optgroupoptgroup lable=长沙option value=雨花区雨花区option value=长沙县长沙县/optgroup/selectbrinput type=file name=file 请留下你的意见:textarea cols=50 roit value=提交input type=reset value=重置 /fieldset/from/body/from第二篇:js、php、mysql和html学习经验总结1、mysql修改表为字段添加auto_increment2、js如何获取屏幕浏览器网页高度宽度3、《返回顶部》功能的实现4、php 页面输出乱码解决方法1、需要注意的是表名、字段名均不需要引号/。

比如我创建这样一个表create table people ( peopleid smallint not null, name char(50) not null );我要为peopleid添加一个auto_increment 让他自动整长,开始mysql总是报1075错误;于是查了一下关于mysql 1075的错误,错误:1075 sqlstate: 42020 (er_ary key (peopleid);alter table people change peopleid peopleid smallint auto_increment;这样就成功了那么,如果我们不添加主键呢??是不是就不可以了,当然不是如果没有主键的话,我们这样也可以alter table people change peopleid peopleid smallint auto_increment unique;这样也是可以的,这里应该有一个注意,我刚开始的时候每次都没有修改都没有表明字段类型,总是报错,切忌要声明字段的类型.2、网页可见区域宽:document.body.clientent.body.clientheight网页可见区域宽:document.body.offsetent.body.offsetheight (包括边线的宽)网页正文全文宽:document.body.scrollent.body.scrollheight网页被卷去的高:document.body.scrolltop网页被卷去的左:document.body.scrollleft网页正文部分上:l精确定位:scrollleft,scrollent.documentelement.scrolltop 垂直方向滚动的值event.clientx+document.documentelement.scrolltop 相对文档的水平座标+垂直方向滚动的量ie,firefox 差异如下:ie6.0、ff1.06+:clientargin属性,与clientyadmin显示也是正常的等等,mysql对中文的支持程度还是很有限的,尤其是新手,但凡出现乱码问题,就会头大。

相关主题