最新html学习心得.docx
- 文档编号:27424552
- 上传时间:2023-06-30
- 格式:DOCX
- 页数:20
- 大小:21.68KB
最新html学习心得.docx
《最新html学习心得.docx》由会员分享,可在线阅读,更多相关《最新html学习心得.docx(20页珍藏版)》请在冰豆网上搜索。
最新html学习心得
html学习心得
第1篇第2篇第3篇第4篇第5篇更多顶部
第一篇:
html学习笔记小结2
第二篇:
js、php、mysql和html学习经验总结
第三篇:
html(即超文本标记语言)的学习总结
第四篇:
学习asp获取html表单提交信息的实例
第五篇:
html标签总结
更多相关范文
正文
第一篇:
html学习笔记小结2
4.3trthtd标签下的常用属性
属性名称属性值说明iddle数据居中buttombgcolor
4.4拆分与合并单元格td里面的属性
属性名称属性值colspan数字ro5.1背景图片设置
bodybackground=url
5.2将图片插入网页中
格式:
imgsrc=url
功能:
将图片插入网页中单一标签
属性名称属性值srcurliddlebuttom间隙设置
数据靠下说明
向两边扩展向上下扩展说明
图片的路径
图片的宽度(绝对和相对)图片的高度(绝对和相对)给图片做注解图片边框说明
图像靠左文字靠右图像靠右文字靠左文字靠上文字居中文字靠下
vspace像素垂直上下两端与物件的距离hspace像素水平左右两端与物件的距离
5.4图片超链接
ahref=urlimgsrc=url/a
注意边框问题
5.5地图索引
格式:
imgsrc=urlusemap=#图像名称
mapname=图片名称id=图片名称
areashape=选取区块的形状coords=坐标href=urlalt=文字说明/map
说明:
map声明整张图使用地图连接方式进行连接
area表示需要连接的某个区块
shape表示我们所选择的形状如:
rect矩形circle圆形poly多边形coords表示地图的坐标位置
举例:
imgsrc=bg.jpgborder=0usemap=#map
mapname=map
areashape=rectcoords=136,36,202,102href=网易/a
2.file连接本地的文件
声明ahref=file:
///e/images/pic.jpg图片/a
3.ftp
声明ahref=ftp:
//192.168.4.21/进入/a
4.mailtoahref=mailto:
bnbbs@e-mail/a
6.3相对链接和绝对链接
1.若是6.html和index.html文件在同一目录下
使用index.html(index.html为连接文件)
ahref=index.htmlindex.html/a
2.若index.html文件在6.html文件目录下的文件夹page里面
则使用page/index.html
ahref=page/index.htmlindex.html/a
3.如果index.html在page文件下page2中
page/page2/index.html
2、3为往后查找文件路径
4.若6.html文件在page文件夹中则查找index.html
需要向上翻一层查找
../index.html
ahref=../index.htmlindex.html/a
5.若是6.html文件在page文件夹里面的page2文件夹里面
则查找连接index.html使用
../../index.html
4、5为往前查找
5.若6.html在page文件夹中而index.html在images文件夹中
则6.html要查找连接index.html文件需要
先出page文件夹再进images文件夹
../images/index.html
ahref=../images/index.htmlindex.html/a
6.4书签链接
先在需要跳转的文本地方创建书签点
再进行连接
a下的属性
属性名称属性值
name字符串
格式:
锚点:
aname=音乐../a
连接点ahref=#音乐../a
连接到别的网页的书签项目
基本格式:
锚点:
aname=音乐.../a
连接点:
ahref=index.html#音乐.../a
先连接到需要连接的网页再连接到书签
6.5基准参考点
基本格式:
head
basehref=http:
//.cn/
/head
作用:
所有的html都会在前面加上这个域名http:
//.cn/防止跳到别的网站
注意:
最后/必须要打错误:
http:
//.cn
6.6超链接事件
link颜色的设置
基本格式:
bodylink=颜色alink=颜色vlink=颜色
link超链接尚未选中的文字
alink超链接选中但是为放开的颜色
vlink超链接已被选中过的颜色
7.1表单是提供给用户输入,选取,勾选数据,以便提交给服务器数据库的工具表单的功能结构:
主标记结构:
from.../from
属性值值说明
name字符串给这个表单起的名字
methodget/post表单的传输方式post有利于信息的保护不会显示在域名传输地址栏中get会在域名传输地址中显示所有的信息不利于信息安全所以一般设置为post
actionurl传输的目标意为将表单中所有的信息传输到某一个地址去,若是没有指定传输地址则会传给自己
7.2文本栏、密码栏、
input是一个单标签属于插入一个东西而双标签相当于一个容器包含一些东西表单一般是要起名字因为以后要使用javascript进行激活使它做一些事件
文本栏:
inputtype=textname=栏位名称value=栏位设置默认值size=栏位显示的宽度maxlength=栏位输入数据的最大长度
姓名:
inputtype=textname=usenamevalue=小张size=30maxlength=10
密码栏:
inputtype=passe=栏位名称value=栏位设置默认值size=栏位显示的宽度maxlength=栏位输入数据的最大长度
密码:
inputtype=passe=usepasse=栏位名称checkeddisable
checked表示已经选定不容修改disable表示已经选定不容修改
爱好:
inputtype=checkboxname=love体育inputtype=checkbox
name=love音乐
单选框:
inputtype=radioname=栏位名称checkeddisable
性别:
inputtype=radioname=sex男inputtype=radioname=sex女
7.4窗体栏和区块
窗体栏就是下拉菜单
selectname=栏位名称
optionvalue=栏位设置值栏位设置值
optionvalue=栏位设置值栏位设置值
optionvalue=栏位设置值栏位设置值
/select
举例:
地址:
selectname=address
optionvalue=上海上海
optionvalue=南京南京
optionvalue=盐城盐城
/select
//分组optgrouplabel=分组名称option...option/optgroup举例:
address:
selectname=address
optgrouplable=上海
optionvalue=普陀区普陀区
optionvalue=宝山区宝山区
/optgroup
optgrouplable=南京
optionvalue=下关下关
optionvalue=浦口浦口
/optgroup
optgrouplable=盐城
optionvalue=亭湖亭湖
optionvalue=盐都盐都
/optgroup
/select
7.5文字区块的设置
textareacols=设置长度roe=contentcols=200roitvalue=提交
重置inputtype=resetvalue=重置
按钮图像
buttontype=submitname=提交
imgsrc=url
/button
7.7上传文件
inputtype=filename=file
7.8外边框和标题
外边框:
fielset.../fielset
标题:
legend.../legend
fromname=regmethod=postaction=fielset
legend注册表/legend
.....
/fielset
/from
总结实例:
from
head
title注册表/title
/head
body
fromname=regmethod=postaction=http:
//fieldset
legend注册表/legend
姓名:
inputtype=textname=usenamemaxlength=10br
密码:
inputtype=passe=passe=qq
br
联系电话:
inputtype=textname=telephone
br
爱好:
inputtype=checkboxname=lovevalue=体育体育
inputtype=checkboxname=lovevalue=计算机计算机inputtype=checkboxname=lovevalue=音乐音乐inputtype=checkboxname=lovevalue=读书读书br
性别:
inputtype=radioname=sexvalue=男男
inputtype=radioname=sexvalue=女女
br
地址:
selectname=address
optgrouplable=怀化
optionvalue=鹤城区鹤城区
optionvalue=溆浦溆浦
/optgroup
optgrouplable=衡阳
optionvalue=石鼓区石鼓区optionvalue=雁峰区雁峰区/optgroup
optgrouplable=长沙
optionvalue=雨花区雨花区optionvalue=长沙县长沙县/optgroup
/select
br
inputtype=filename=file请留下你的意见:
textareacols=50roitvalue=提交inputtype=resetvalue=重置/fieldset
/from
/body
/from
第二篇:
js、php、mysql和html学习经验总结
1、mysql修改表为字段添加auto_increment
2、js如何获取屏幕浏览器网页高度宽度
3、《返回顶部》功能的实现
4、php页面输出乱码解决方法
1、需要注意的是表名、字段名均不需要引号/。
比如我创建这样一个表
createtablepeople(peopleidsmallintnotnull,namechar(50)notnull);
我要为peopleid添加一个auto_increment让他自动整长,开始mysql总是报1075错误;于是查了一下关于mysql1075的错误,错误:
1075sqlstate:
42020(er_arykey(peopleid);
altertablepeoplechangepeopleidpeopleidsmallintauto_increment;
这样就成功了
那么,如果我们不添加主键呢?
?
是不是就不可以了,当然不是如果没有主键的话,我们这样也可以
altertablepeoplechangepeopleidpeopleidsmallintauto_incrementunique;
这样也是可以的,这里应该有一个注意,我刚开始的时候每次都没有修改都没有表明字段类型,总是报错,切忌要声明字段的类型.
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对中文的支持程度还是很有限的,尤其是新手,但凡出现乱码问题,就会头大。
他的问题如下。
标题:
mysql设置utf8_unicode_ci字符集php页面输出?
?
乱码的解决方法
摘要:
用phpmyadmin操作mysql数据库汉字显示正常,但用php网页显示mysql数据时所有汉字都变成了?
号
乱码问题1:
用phpmyadmin操作mysql数据库汉字显示正常,但用php网页显示mysql数据时所有汉字都变成了?
号。
症状:
用phpmyadmin输入汉字正常,但当php网页显示mysql
数据时汉字就变成了?
号,并且有多少个汉字就有多少个?
号。
原因:
没有在php网页中用代码告诉mysql该以什么字符集输出汉字。
解决方法:
1.网页文件head设置编码metahttp-equiv=content-typecontent=text/html;charset=utf-8/
2.php页面在保存的时候使用utf-8编码保存,可以用记事本或convertz802转换文件
3.在mysql中新建数据库的时候数据库选择utf-8编码既字符集设定为utf-8_unicode_ci(unicode(多语言),不区分大小写),库里面表table的整理设置为utf-8_general_ci
表里面的每个字段的整理都设置为utf-8_general_ci
4.在php连接数据库的时候,也就是mysql_connect()之后加入//设置数据的字符集utf-8
mysql_query(setnamesutf8);
mysql_query(setcharacter_set_client=utf8);
mysql_query(setcharacter_set_results=utf8);后两句可以不需要
注意是utf8,不是utf-8。
如果你的网页编码是gb2312,那就是setnamesgb2312。
但编辑员强烈推荐网页编码、mysql数据表字符集、phpmyadmin都统一使用utf-8。
以上四点即可实现全站utf-8编码,而且在数据库中也不会有中文乱码。
乱码问题2:
用phpmyadmin输入数据时发生错误,不让输入或出现乱码
解决方法:
这是设置问题。
请安装最新版phpmyadmin或appserv,打开phpmyadmin,mysql字符集:
utf-8unicode(utf8);mysql连接校对应该为utf8_unicode_ci;创建新的数据库时整理一栏请也选成utf8_unicode_ci。
网页字符集也最好选用utf-8。
utf-8是国际标准编码,是趋势。
乱码问题2:
在本机开发好的mysql数据表,在本机测试一切正常,但用网站空间商提供的phpmyadmin上传时却出现问题,上传失败。
尤其是使用国外php空间。
解决方法:
首先查看网站空间商提供的phpmyadmin字符集设定,确定自己所建数据表与服务商的是同一编码。
在国外mysql是不支持gb2312的,甚至最新版的apache也不支持gb2312。
如果是因为编码不统一,可以重建数据表,当然是用国际标准的utf8。
第三篇:
html(即超文本标记语言)的学习总结
html(即超文本标记语言)的学习总结:
html
head/head
body/body
/html
一:
(html基本标记):
head,头部标记里面常用的标记(title)
title标题标记titletitle
二:
(文字与段落)
标题文字的对齐方式:
align属性值(leftcenterright)设置文字常用属性:
(face字体;size字号;color颜色)
设置文字常用标记:
font=文本strong粗体;em斜体;u下划线;p段落标记
br换行标记
三:
(超链接)
超链接语法:
ahref=链接地址新浪/a
建立书签:
aname=书签名称连接文字/a
四:
(插入图像及图像连接)
图像的格式:
jpg格式;png格式;gif格式;bmp;
插入图像语法:
imgsrc=图像的地址注:
图片标记img不成对出现图像的超链接:
ahref=连接的地址imgsrc=图像的地址/a
五:
(多媒体)
滚动文字的标记与语法:
marquee
....滚动文字
/marquee
设置滚动文字常用属性:
滚动方向:
direction=(up;doeset
framesetframeframe
第四篇:
学习asp获取html表单提交信息的实例
在asp中,有两个很常用的集合,一个是request.querystring,另一个是request.form。
这两个集合可以获取html表单(htmlforms)提交的信息。
有关html表单,请参见html教程中的html表单一章。
request.querystring
html表单中的method有两种,一种是get,另外一种是post。
当html表单的method=get时,可以用request.querystring来获取表单提交的信息。
以下是一个让用户输入姓名的html表单示例。
formaction=http:
///method=get
请输入你的姓名:
inputtype=textname=yourname
inputtype=submitvalue=提交
/form
该示例中,html表单中使用的method为get,指向action的网页是一个.asp文件,名字为yourname.asp。
以下是yourname.asp文件的源代码:
html
head
title姓名信息/title
metahttp-equiv=content-typecontent=text/html;charset=gb2312
/head
body
p你的姓名是:
%=request.querystring(yourname)%/p
/body
/html
在这个.asp文件里,你可以看到最关键的一句代码是:
p你的姓名是:
%=request.querystring(yourname)%/p
request.querystring括号里的yourname对应于html表单中的input输入框的name值。
当使用method=get提交表单信息时,用户可以从地址栏看到这些提交信息。
request.form
当html表单中method=post时,可以用request.form来获取html表单提交的信息。
以下是一个让用户输入姓名和密码的html表单示例。
formaction=http:
///html/asdocs/html_tutorials/userpethod=post
请输入你的姓名:
inputtype=textname=yournamebr
请输入你的密码:
inputtype=passe=yourpitvalue=提交
/form
该示例中,html表单中使用的method为post,指向action的网页是一个.asp文件,名字为userpl
head
title用户信息/title
metahttp-equiv=content-typecontent=text/html;charset=gb2312
/head
body
p你的姓名是:
%=request.form(yourname)%/p
p你的密码是:
%=request.form(yourpl
在这个.asp文件里,你可以看到最关键的两句代码是:
p你的姓名是:
%=request.form(yourname)%/p
p你的密码是:
%=request.form(yourp括号里的yourname和yourpl表单中的两个input输入框的name值。
当使用method=post提交表单信息时,用户不会从地址栏看到这些提交信息。
html表单中还有一些可供用户选择的表单控件,比如单选框inputtype=radio,复选框inputtype=checkbox,单选下拉框select,复选下拉框selectmultiple。
这些选择性的控件示例,请参见html表单教程。
在这些示例中,action指向的那个.asp文件叫choose.asp。
以下是choose.asp文件的源代码:
html
head
titleretrieveinformationfromformcontrols(radio,checkbox,select)/title
metahttp-equiv=content-typecontent=text/html;charset=gb2312
/head
body
你选择了:
br
%forcounter=1torequest.form(fruit).count
response.(fruit)(counter)br
next
%
/body
/html
request.form获取的是一个集合(collection)。
request.form集合有两个参数,一个是element,称做元素,对应html表单控件的name值;第二个是index,称做索引,表示element的第几个值,index从1开始计数。
用request.form(element)(index)可以引用request.form集合中某个元素的某个值。
比如request.form(fruit)
(1),表示fruit元素中的第一个值,request.form(fruit)
(2)表示fruit元素中的第2个值。
用request.form(element).count,可以得到集合中某个元素的值的总数量。
比如request.form(fruit).count为3的话,
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 最新 html 学习心得