html学习心得.docx
《html学习心得.docx》由会员分享,可在线阅读,更多相关《html学习心得.docx(15页珍藏版)》请在冰豆网上搜索。
![html学习心得.docx](https://file1.bdocx.com/fileroot1/2022-11/28/59c836b9-78d9-4a86-9eff-6f7a85f91db0/59c836b9-78d9-4a86-9eff-6f7a85f91db01.gif)
html学习心得
本文共有13446.5字,如对您有帮助,可购买打赏
第一篇:
html学习笔记小结2
第二篇:
js、php、mysql和html学习经验总结
第三篇:
html(即超文本标记语言)的学习总结
第四篇:
学习asp获取html表单提交信息的实例
第五篇:
html标签总结
正文
第一篇:
html学习笔记小结2
4.3标签下的常用属性
属性名称属性值说明widthheight
align(水平方向)rightleftcenter
valign(垂直方向)top数据靠上middle数据居中buttombgcolor
4.4拆分与合并单元格里面的属性
属性名称属性值colspan数字rowspan数字先删掉不要的空格再合并需要的空格4.5表格的标题
....
属性有:
属性名称属性值aligntopbuttom5.1背景图片设置
5.2将图片插入网页中
格式:
功能:
将图片插入网页中单一标签
属性名称属性值srcurlwidth像素/百分比height像素/百分比alt字符串border数字5.3文字图像的排列
属性名称属性值alignleftrighttopmiddlebuttom间隙设置
数据靠下说明
向两边扩展向上下扩展说明
图片的路径
图片的宽度(绝对和相对)图片的高度(绝对和相对)给图片做注解图片边框说明
图像靠左文字靠右图像靠右文字靠左文字靠上文字居中文字靠下
vspace像素垂直上下两端与物件的距离hspace像素水平左右两端与物件的距离
5.4图片超链接
注意边框问题
5.5地图索引
格式:
说明:
声明整张图使用地图连接方式进行连接
表示需要连接的某个区块
表示我们所选择的形状如:
rect矩形circle圆形poly多边形coords表示地图的坐标位置
举例:
网易
2.file连接本地的文件
声明图片
3.ftp
声明进入
4.mailtoe-mail
6.3相对链接和绝对链接
1.若是6.html和index.html文件在同一目录下
使用index.html(index.html为连接文件)
index.html
2.若index.html文件在6.html文件目录下的文件夹page里面
则使用page/index.html
index.html
3.如果index.html在page文件下page2中
page/page2/index.html
2、3为往后查notnull);
我要为peopleid添加一个auto_increment让他自动整长,开始mysql总是报1075错误;于是查了一下关于mysql1075的错误,错误:
1075sqlstate:
42019(er_wrong_auto_key)
消息:
不正确的表定义,只能有1个auto列,而且必须将其定义为键。
这是才明白原来需要先添加一个主键
altertablepeopleaddprimarykey(peopleid);
altertablepeoplechangepeopleidpeopleidsmallintauto_increment;
这样就成功了
那么,如果我们不添加主键呢?
?
是不是就不可以了,当然不是如果没有主键的话,我们这样也可以
altertablepeoplechangepeopleidpeopleidsmallintauto_incrementunique;
这样也是可以的,这里应该有一个注意,我刚开始的时候每次都没有修改都没有表明字段类型,总是报错,切忌要声明字段的类型.
2、网页可见区域宽:
document.body.clientwidth
网页可见区域高:
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
屏幕分辨率的高:
window.screen.height
屏幕分辨率的宽:
window.screen.width
屏幕可用工作区高度:
window.screen.availheight
屏幕可用工作区宽度:
window.screen.availwidth
html精确定位:
scrollleft,scrollwidth,clientwidth,offsetwidthscrollheight:
获取对象的滚动高度。
scrollleft:
设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离
scrolltop:
设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离
scrollwidth:
获取对象的滚动宽度
offsetheight:
获取对象相对于版面或由父坐标
offsetparent属性指定的父坐标的高度
offsetleft:
获取对象相对于版面或由
offsetparent属性指定的父坐标的计算左侧位置
offsettop:
获取对象相对于版面或由offsettop属性指定的父坐标的计算顶端位置
event.clientx相对文档的水平座标
event.clienty相对文档的垂直座标
event.offsetx相对容器的水平坐标
event.offsety相对容器的垂直坐标
document.documentelement.scrolltop垂直方向滚动的值
event.clientx+document.documentelement.scrolltop相对文档的水平座标+垂直方向滚动的量
ie,firefox差异如下:
ie6.0、ff1.06+:
clientwidth=width+padding
clientheight=height+padding
offsetwidth=width+padding+border
offsetheight=height+padding+border
ie5.0/5.5:
clientwidth=width-border
clientheight=height-border
offsetwidth=width
offsetheight=height
(需要提一下:
css中的margin属性,与clientwidth、offsetwidth、clientheight、offsetheight均无关)
文章转自|
3、返回顶部返回顶部
#包含了一个位置信息
默认的锚是#top也就是网页的上端
4、php页面输出乱码解决方法
以前同事问我关于乱码的问题,乱码也分很多种,数据库乱码、页面提取数据乱码,而其他显示正常,phpmyadmin显示也是正常的等等,mysql对中文的支持程度还是很有限的,尤其是新手,但凡出现乱码问题,就会头大。
他的问题如下。
标题:
mysql设置utf8_unicode_ci字符集php页面输出?
?
乱码的解决方法
摘要:
用phpmyadmin操作mysql数据库汉字显示正常,但用php网页显示mysql数据时所有汉字都变成了?
号
乱码问题1:
用phpmyadmin操作mysql数据库汉字显示正常,但用php网页显示mysql数据时所有汉字都变成了?
号。
症状:
用phpmyadmin输入汉字正常,但当php网页显示mysql
数据时汉字就变成了?
号,并且有多少个汉字就有多少个?
号。
原因:
没有在php网页中用代码告诉mysql该以什么字符集输出汉字。
解决方法:
1.网页文件head设置编码
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("setnames’utf8’");
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,头部标记里面常用的标记()
title标题标记
二:
(文字与段落)
标题文字的对齐方式:
align属性值(leftcenterright)设置文字常用属性:
(face字体;size字号;color颜色)
设置文字常用标记:
=文本粗体;斜体;下划线;段落标记
换行标记
三:
(超链接)
超链接语法:
新浪
建立书签:
连接文字
四:
(插入图像及图像连接)
图像的格式:
jpg格式;png格式;gif格式;bmp;
插入图像语法:
注:
图片标记不成对出现图像的超链接:
五:
(多媒体)
滚动文字的标记与语法:
....滚动文字
设置滚动文字常用属性:
滚动方向:
direction=(up;down;left;right)
背景音乐的设置:
注:
图片标记不成对出现
六(表格的插入)
标格的插入:
行
列......
......
设置表格的常用属性:
width宽;height高;align对齐方式;标格的边框:
border
标格的边框颜色:
bordercolor
行文字以及表格标题的对其方式:
valign
水平跨度:
colspan
垂直跨度:
rowspan
单元格的亮,暗边框:
bordercolorlightbordercolordark
七(框架)
框架的基本结构语法:
第四篇:
学习asp获取html表单提交信息的实例
在asp中,有两个很常用的集合,一个是request.querystring,另一个是request.form。
这两个集合可以获取html表单(htmlforms)提交的信息。
有关html表单,请参见html教程中的html表单一章。
request.querystring
html表单中的method有两种,一种是get,另外一种是post。
当html表单的method="get"时,可以用request.querystring来获取表单提交的信息。
以下是一个让用户输入姓名的html表单示例。
请输入你的姓名:
该示例中,html表单中使用的method为get,指向action的网页是一个.asp文件,名字为yourname.asp。
以下是yourname.asp文件的源代码:
姓名信息
你的姓名是:
在这个.asp文件里,你可以看到最关键的一句代码是:
你的姓名是:
request.querystring括号里的"yourname"对应于html表单中的input输入框的name值。
当使用method="get"提交表单信息时,用户可以从地址栏看到这些提交信息。
request.form
当html表单中method="post"时,可以用request.form来获取html表单提交的信息。
以下是一个让用户输入姓名和密码的html表单示例。
请输入你的姓名:
请输入你的密码:
该示例中,html表单中使用的method为post,指向action的网页是一个.asp文件,名字为userpw.asp。
以下是userpw.asp文件的源代码:
用户信息
你的姓名是:
你的密码是:
在这个.asp文件里,你可以看到最关键的两句代码是:
你的姓名是:
你的密码是:
request.form括号里的"yourname"和"yourpw"各对应于html表单中的两个input输入框的name值。
当使用method="post"提交表单信息时,用户不会从地址栏看到这些提交信息。
html表单中还有一些可供用户选择的表单控件,比如单选框inputtype="radio",复选框inputtype="checkbox",单选下拉框select,复选下拉框selectmultiple。
这些选择性的控件示例,请参见html表单教程。
在这些示例中,action指向的那个.asp文件叫choose.asp。
以下是choose.asp文件的源代码:
retrieveinformationfromformcontrols(radio,checkbox,select)
你选择了:
response.writerequest.form("fruit")(counter)&"
"
next
%>
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的话,就表示"fruit"这个元素有3个值。
第五篇:
html标签总结
:
标记中的内容是用html语言
:
网页头部信息
:
网页标题
:
网页主体
bgcolor/background:
背景颜色/背景图片
:
文字
size:
文字大小
color:
文字颜色
face:
字体
:
横线
size:
粗细
color:
颜色
width:
宽度
:
图片
src:
图片引入路径
width:
图片宽度
height:
图片高度
border:
图片边框:
视频
src:
视频引入路径
width:
视频宽度
height:
视频高度
:
换行
:
加粗
:
加粗
:
删除线
:
下划线
:
字体倾斜
:
字体倾斜
:
无序列表内容
:
无序列表
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:
命名
type="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="image":
图片提交按钮
src:
图片路径
width:
图片宽度
height:
图片高度
border:
图片边框
:
下拉框内容
:
下拉框
selected="selected":
默认当前选中
:
文本域
cols:
文本域宽度
rows:
文本域高度
:
表单标记
action:
跳转路径
method="get/post":
提交方式
get:
所填内容显示在地址栏,所填内容有限制(默认方式)
post:
所填内容不显示在地址栏,内容以一种加密方式,所填内容无限制
:
表格标题align="left/center/right/top/bottom":
标题居左/居中/居右/居上/居下
height=""width="">
:
格
colspan/rowspan:
行合并/列合并
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:
表格宽度
height:
表格高度
border:
边框粗细
cellpadding:
表格内容据边框距离
cellspacing:
表格内外边框距离
bordercolor:
边框颜色
bgcolor/background:
表格背景颜色/背景图片
src:
引入路径
noresize="noresize":
骨架固定
name:
命名
:
网页分割
rows/cols:
网页上下/左右分割
frameborder:
骨架显示/隐藏
border:
骨架粗细
:
浮动框架
width:
宽度
height:
高度
frameborder:
浮动框架边框
src:
引入路径
name:
命名
target="x":
控制网页显示区域
href:
跳转路径
欢迎阅读其他精彩文章:
htmlabbr标签
html倒计时代码
一个简单的html实例
html网页毕业论文
个人简历html语言编写