html学习心得.docx

1、html学习心得本文共有13446.5字，如对您有帮助，可购买打赏第一篇：html学习笔记小结2第二篇：js、php、mysql和html学习经验总结第三篇：html(即超文本标记语言) 的学习总结第四篇：学习asp获取html表单提交信息的实例第五篇：html标签总结正文第一篇：html学习笔记小结24.3标签下的常用属性属性名称属性值说明widthheightalign(水平方向)rightleftcentervalign(垂直方向)top数据靠上middle数据居中buttombgcolor4.4拆分与合并单元格 里面的属性属性名称属性值colspan数字rowspan数字先删掉不要的空

2、格再合并需要的空格 4.5表格的标题.属性有：属性名称属性值aligntopbuttom 5.1背景图片设置5.2将图片插入网页中格式:功能：将图片插入网页中 单一标签属性名称属性值srcurlwidth像素/百分比height像素/百分比alt字符串border数字5.3文字图像的排列属性名称属性值alignleftrighttopmiddlebuttom间隙设置数据靠下 说明向两边扩展 向上下扩展 说明图片的路径图片的宽度(绝对和相对) 图片的高度(绝对和相对)给图片做注解 图片边框 说明图像靠左 文字靠右 图像靠右 文字靠左 文字靠上 文字居中 文字靠下vspace像素垂直上下两端与物件

3、的距离hspace像素水平左右两端与物件的距离5.4 图片超链接注意边框问题5.5地图索引格式：说明：声明整张图使用地图连接方式进行连接表示需要连接的某个区块表示我们所选择的形状 如：rect矩形 circle圆形poly 多边形coords 表示地图的坐标位置举例：网易2.file连接本地的文件声明图片3.ftp声明进入4.mailtoe-mail6.3 相对链接和绝对链接1.若是6.html和index.html文件在同一目录下使用 index.html(index.html为连接文件)index.html2.若index.html文件在6.html文件目录下的文件夹page里面则使用 p

4、age/index.htmlindex.html3.如果index.html在 page文件下page2中page/page2/index.html2、3为往后查 not null );我要为peopleid添加一个auto_increment 让他自动整长，开始mysql总是报1075错误；于是查了一下关于mysql 1075的错误， 错误：1075 sqlstate: 42019 (er_wrong_auto_key)消息：不正确的表定义，只能有1个auto列，而且必须将其定义为 键。 这是才明白 原来需要先添加一个主键alter table people add primary key

5、(peopleid);alter table people change peopleid peopleid smallint auto_increment;这样就成功了那么，如果我们不添加主键呢？ 是不是就不可以了，当然不是 如果没有主键的话，我们这样也可以alter table people change peopleid peopleid smallint auto_increment unique;这样也是可以的，这里应该有一个注意，我刚开始的时候每次都没有修改都没有表明字段类型，总是报错，切忌要声明字段的类型.2、网页可见区域宽：document.body.clientwidth网页

6、可见区域高：document.body.clientheight网页可见区域宽：document.body.offsetwidth (包括边线的宽)网页可见区域高：document.body.offsetheight (包括边线的宽)网页正文全文宽：document.body.scrollwidth网页正文全文高：document.body.scrollheight网页被卷去的高：document.body.scrolltop网页被卷去的左：document.body.scrollleft网页正文部分上：window.screentop网页正文部分左：window.screenleft屏幕分辨

7、率的高：window.screen.height屏幕分辨率的宽：window.screen.width屏幕可用工作区高度：window.screen.availheight屏幕可用工作区宽度：window.screen.availwidthhtml精确定位:scrollleft,scrollwidth,clientwidth,offsetwidthscrollheight: 获取对象的滚动高度。scrollleft:设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离scrolltop:设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离scrollwidth:获取对象的滚动宽

8、度offsetheight:获取对象相对于版面或由父坐标offsetparent 属性指定的父坐标的高度offsetleft:获取对象相对于版面或由offsetparent 属性指定的父坐标的计算左侧位置offsettop:获取对象相对于版面或由 offsettop 属性指定的父坐标的计算顶端位置event.clientx 相对文档的水平座标event.clienty 相对文档的垂直座标event.offsetx 相对容器的水平坐标event.offsety 相对容器的垂直坐标document.documentelement.scrolltop 垂直方向滚动的值event.clientx+do

9、cument.documentelement.scrolltop 相对文档的水平座标+垂直方向滚动的量ie，firefox 差异如下：ie6.0、ff1.06+：clientwidth = width + paddingclientheight = height + paddingoffsetwidth = width + padding + borderoffsetheight = height + padding + borderie5.0/5.5： clientwidth = width - borderclientheight = height - borderoffsetwidth

10、= widthoffsetheight = height(需要提一下：css中的margin属性，与clientwidth、offsetwidth、clientheight、offsetheight均无关)文章转自|3、返回顶部返回顶部#包含了一个位置信息默认的锚是#top 也就是网页的上端4、php 页面输出乱码解决方法以前同事问我关于乱码的问题，乱码也分很多种，数据库乱码、页面提取数据乱码，而其他显示正常，phpmyadmin显示也是正常的等等，mysql对中文的支持程度还是很有限的，尤其是新手，但凡出现乱码问题，就会头大。他的问题如下。标题：mysql设置utf8_unicode_ci字

11、符集php页面输出?乱码的解决方法摘要：用phpmyadmin操作mysql数据库汉字显示正常，但用php网页显示mysql数据时所有汉字都变成了?号乱码问题1：用phpmyadmin操作mysql数据库汉字显示正常，但用php网页显示mysql数据时所有汉字都变成了?号。症状：用phpmyadmin输入汉字正常，但当php网页显示mysql数据时汉字就变成了?号，并且有多少个汉字就有多少个?号。原因：没有在php网页中用代码告诉mysql该以什么字符集输出汉字。解决方法：1.网页文件head设置编码2.php页面在保存的时候使用utf-8编码保存，可以用记事本或convertz802转换文件

12、3.在mysql中新建数据库的时候数据库 选择utf-8编码既字符集 设定为 utf-8_unicode_ci(unicode (多语言), 不区分大小写)，库里面 表table的 整理 设置为 utf-8_general_ci表里面的每个字段的 整理 都设置为 utf-8_general_ci4.在php连接数据库的时候,也就是mysql_connect()之后加入/设置数据的字符集utf-8mysql_query(set names utf8 );mysql_query(set character_set_client=utf8);mysql_query(set character_set

13、_results=utf8);后两句可以不需要注意是utf8,不是utf-8 。如果你的网页编码是gb2312，那就是 set names gb2312。但编辑员强烈推荐网页编码、mysql数据表字符集、phpmyadmin都统一使用utf-8。以上四点即可实现全站utf-8编码,而且在数据库中也不会有中文乱码。 乱码问题2：用phpmyadmin输入数据时发生错误，不让输入或出现乱码解决方法：这是设置问题。请安装最新版phpmyadmin或appserv，打开phpmyadmin，mysql 字符集: utf-8 unicode (utf8)； mysql 连接校对应该为utf8_unico

14、de_ci；创建新的数据库时整理一栏请也选成utf8_unicode_ci。网页字符集也最好选用utf-8。utf-8是国际标准编码，是趋势。乱码问题2：在本机开发好的mysql数据表，在本机测试一切正常，但用网站空间商提供的phpmyadmin上传时却出现问题，上传失败。尤其是使用国外php空间。解决方法：首先查看网站空间商提供的phpmyadmin字符集设定，确定自己所建数据表与服务商的是同一编码。在国外mysql是不支持gb2312的，甚至最新版的apache也不支持gb2312。如果是因为编码不统一，可以重建数据表，当然是用国际标准的utf8。第三篇：html(即超文本标记语言) 的学

15、习总结html（即超文本标记语言） 的学习总结：一：（html基本标记）：head,头部标记 里面常用的标记（）title 标题标记二:(文字与段落)标题文字的对齐方式：align属性值（leftcenterright）设置文字常用属性：（face字体；size字号；color颜色）设置文字常用标记：=文本 粗体；斜体；下划线；段落标记换行标记三 :（超链接）超链接语法：新浪建立书签：连接文字四 :（插入图像及图像连接）图像的格式：jpg格式； png格式；gif格式 ;bmp;插入图像语法：注：图片标记不成对出现图像的超链接：五 :(多媒体)滚动文字的标记与语法：.滚动文字设置滚动文字常用属

16、性：滚动方向：direction=(up;down;left;right)背景音乐的设置：注：图片标记不成对出现六（表格的插入）标格的插入：行列.设置表格的常用属性：width宽；height高；align对齐方式；标格的边框：border标格的边框颜色：bordercolor行文字以及表格标题的对其方式：valign水平跨度：colspan垂直跨度：rowspan单元格的亮，暗边框：bordercolorlightbordercolordark七（框架）框架的基本结构语法： 第四篇：学习asp获取html表单提交信息的实例在 asp 中，有两个很常用的集合，一个是 request.query

17、string，另一个是 request.form。这两个集合可以获取 html 表单(html forms) 提交的信息。有关 html 表单，请参见 html 教程中的 html表单 一章。request.querystringhtml 表单中的 method 有两种，一种是 get，另外一种是 post。当 html 表单的 method=get 时，可以用 request.querystring 来获取表单提交的信息。以下是一个让用户输入姓名的 html 表单示例。请输入你的姓名：该示例中，html 表单中使用的 method 为 get，指向 action 的网页是一个 .asp 文件

18、，名字为 yourname.asp。以下是 yourname.asp 文件的源代码：姓名信息你的姓名是：在这个 .asp 文件里，你可以看到最关键的一句代码是：你的姓名是：request.querystring 括号里的 yourname 对应于 html 表单中的 input 输入框的 name 值。当使用 method=get 提交表单信息时，用户可以从地址栏看到这些提交信息。request.form当 html 表单中 method = post 时，可以用 request.form 来获取 html 表单提交的信息。以下是一个让用户输入姓名和密码的 html 表单示例。请输入你的姓名：

19、请输入你的密码：该示例中，html 表单中使用的 method 为 post，指向 action 的网页是一个 .asp 文件，名字为 userpw.asp。以下是 userpw.asp 文件的源代码：用户信息你的姓名是：你的密码是：在这个 .asp 文件里，你可以看到最关键的两句代码是：你的姓名是：你的密码是：request.form 括号里的 yourname 和yourpw 各对应于 html 表单中的两个 input 输入框的 name 值。当使用 method=post 提交表单信息时，用户不会从地址栏看到这些提交信息。html表单中还有一些可供用户选择的表单控件，比如单选框 inp

20、ut type=radio，复选框 input type=checkbox，单选下拉框 select，复选下拉框 select multiple。这些选择性的控件示例，请参见 html表单教程。在这些示例中，action 指向的那个 .asp 文件叫 choose.asp。以下是 choose.asp 文件的源代码：retrieveinformation from form controls(radio, checkbox, select) 你选择了：response.writerequest.form(fruit)(counter) & next%request.form 获取的是一个集合

21、(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，可以得到集合中某个元素

22、的值的总数量。比如 request.form(fruit).count 为 3 的话，就表示 fruit 这个元素有3个值。第五篇：html标签总结:标记中的内容是用html语言:网页头部信息:网页标题:网页主体bgcolor/background:背景颜色/背景图片:文字size:文字大小color:文字颜色face:字体:横线size:粗细color:颜色width:宽度:图片src:图片引入路径width:图片宽度height:图片高度border:图片边框:视频src:视频引入路径width:视频宽度height:视频高度:换行:加粗:加粗:删除线:下划线:字体倾斜:字体倾斜:无序列表

23、内容:无序列表type=circle/disc/square:空心圆/实心圆/方形:有序列表内容:有序列表type=1/a/i:数字/字母/罗马数字start:从几开始:预处理空格:滚动scrollamount:滚动速度behavior=alternate/scroll/slide:滚动方式direction=up/down/left/right:滚动方向width:滚动宽度height:滚动高度bgcolor:滚动轨迹颜色:超链接href:跳转路径target:控制目标网页跳转方式_blank/_self:原窗口保留，打开另一个网页/原窗口跳转另一个网页#:锚点，当前页面跳name:命名ty

24、pe=text:文本框size:文本框长度maxlength:输入内容最大长度value:默认内容type=password:密码框size:密码框长度maxlength:输入内容最大长度value:默认内容type=radio:单选框name:命名checked=checked:默认当前选中type=checkbox:多选框checked=checked:默认当前选中type=file:上传域type=submit:提交按钮value:默认内容type=reset:重置按钮value:默认内容type=button:普通按钮value:默认内容type=hiddle:隐藏内容type=ima

25、ge:图片提交按钮src:图片路径width:图片宽度height:图片高度border:图片边框:下拉框内容:下拉框selected=selected:默认当前选中:文本域cols:文本域宽度rows:文本域高度:表单标记action:跳转路径method=get/post:提交方式get:所填内容显示在地址栏，所填内容有限制（默认方式）post:所填内容不显示在地址栏，内容以一种加密方式，所填内容无限制:表格标题align=left/center/right/top/bottom:标题居左/居中/居右/居上/居下height= width=:格colspan/rowspan:行合并/列合并

26、align=left/center/right:内容水平方向居左/居中/居右valign=top/middle/bottom:内容垂直方向居上/居中/居下bgcolor/background:格背景颜色/背景图片height:格高度width:格宽度:行align=left/center/right:行内容水平方向居左/居中/居右valign=top/middle/bottom:行内容垂直方向居上/居中/居下bgcolor/background:行背景颜色/背景图片height:行高:表格块:表格align=left/center/right:表格居左/居中/居右width:表格宽度heigh

27、t:表格高度border:边框粗细cellpadding:表格内容据边框距离cellspacing:表格内外边框距离bordercolor:边框颜色bgcolor/background:表格背景颜色/背景图片src:引入路径noresize=noresize:骨架固定name:命名:网页分割rows/cols:网页上下/左右分割frameborder:骨架显示/隐藏border:骨架粗细 :浮动框架width:宽度height:高度frameborder:浮动框架边框src:引入路径name:命名target=x:控制网页显示区域href:跳转路径欢迎阅读其他精彩文章：html abbr 标签html倒计时代码一个简单的html实例html网页毕业论文个人简历html语言编写