随笔分类 -  HTML

摘要:目录: 1、了解HTML 2、学会简单构建网页 3、学会将单个的网页放在web上,组成网站 5、学会使用图片 6、严格HTML规范 7、HTML->XHTML 8、学会一点CSS样式 9、了解盒模型 10、学会div和span块级标签 11、简单的布局和排版 12、表格和列表 13、表单 ... 阅读全文
posted @ 2017-09-13 15:06 guodaxia 阅读(229) 评论(0) 推荐(0) 编辑
摘要:HTML5 <canvas> 标签用于绘制图像(通过脚本,通常是 JavaScript)。 不过,<canvas> 元素本身并没有绘制能力(它仅仅是图形的容器) - 您必须使用脚本来完成实际的绘图任务。 getContext() 方法可返回一个对象,该对象提供了用于在画布上绘图的方法和属性。 本手册 阅读全文
posted @ 2017-03-08 18:35 guodaxia 阅读(1240) 评论(0) 推荐(0) 编辑
摘要:Integer有进制转换的方法。也可以自己写进制转换的方法。 阅读全文
posted @ 2017-01-05 21:40 guodaxia 阅读(484) 评论(0) 推荐(0) 编辑
摘要:<a href="javascript:;" class="btn btn-default doc-event-1">创建div容器</a>我上面这样定义的,下面这样居然可以得到: $('a.doc-event-2').removeClass('hide'); 阅读全文
posted @ 2016-11-17 18:09 guodaxia 阅读(364) 评论(0) 推荐(0) 编辑
摘要:我们有时候希望将表格的内容分为多个模块,这时候就可以使用<tbody>标签,它是<table>的字标签,是<tr>的父标签,可以使用它达到一种设置样式的结果。 阅读全文
posted @ 2016-09-13 19:38 guodaxia 阅读(433) 评论(0) 推荐(0) 编辑
摘要:一些存在的可以改进的地方: 达到一个效果不必要墨守成规,比如: 这个效果,我的实现方式是: 一个大div里面,先放一个图片,左浮动,然后放一个首页div,相对定位放到背景图片的白色区域的适当位置,右边导航栏的做法我的是使用无序列表,然后全部li左浮动,将列表调margin属性到适当位置,中间的三个| 阅读全文
posted @ 2016-05-13 17:10 guodaxia 阅读(1357) 评论(0) 推荐(0) 编辑
摘要:绝对与相对。 position属性 static|relative|absolute static 默认值,不定位 relative相对的,相对现在所处位置进行定位 absolute绝对的,相对于浏览器最左上角落进行定位。 top: left: right: bottom: 过多的使用div的定位可 阅读全文
posted @ 2016-05-13 12:23 guodaxia 阅读(149) 评论(0) 推荐(0) 编辑
摘要:做网页的时候,网页一般使用分层来做,每一个层不能受到上一个层的影响,这时候就可以使用clear:both消除上一个div的影响 。 阅读全文
posted @ 2016-05-13 11:14 guodaxia 阅读(117) 评论(0) 推荐(0) 编辑
摘要:浮动: float: none|left|right 作用使得标签失去块级标签的独占一行效果,向某个方向靠拢 标签浮动了,也需要占地方,有时候出现未浮动的div覆盖部分浮动div是浏览器的bug情况 使用display属性在表面上看来也可以达到浮动的效果,但是width和height属性会失效 清除 阅读全文
posted @ 2016-05-11 14:47 guodaxia 阅读(209) 评论(0) 推荐(0) 编辑
摘要:<span></span>范围标签使用 使用Css设置字体样式 font-family:设置字体类别 font-size: 默认为16px,也就是1em font-weight: font-style:字体风格 normal:正常 italic:文字的斜体 oblique:文字的倾斜 两个斜体区别: 阅读全文
posted @ 2016-05-05 16:22 guodaxia 阅读(342) 评论(0) 推荐(0) 编辑
摘要:css:层叠样式表 Cascading( [kæ'skeɪdɪŋ] 级联)Style Sheet css基本语法结构:选择器{ 属性:值; 属性:值; ... } 三种主要的选择器: 标签选择器: 以HTML标签命名的选择器,直接控制对应的标签 类选择器: 在标签内加入class属性,选择器名为“. 阅读全文
posted @ 2016-05-04 17:29 guodaxia 阅读(198) 评论(0) 推荐(0) 编辑
摘要:不知道为什么,html的框架是我的一个盲点。 框架将浏览器分为多个不同的区域,每个区域都可以显示独立,课滚动的页面。 我现在将框架理解成一般的表格。 框架的基本结构: 框架集frameset和框架frame 框架集<frameset>取代页面的<body>标签,也就是<frameset>和<body 阅读全文
posted @ 2016-04-27 12:20 guodaxia 阅读(284) 评论(0) 推荐(0) 编辑
摘要:表单标签: 表单标签的一些属性: action:表单提交的地址 method:表单提交的方式 method有两个可选值:get和post get方式最多传递2kb,一般用来取得和显示数据 post方式一般用来保存数据和更新,没什么数据大小限制 id:唯一,主要用在css和javaScript中作为标 阅读全文
posted @ 2016-04-25 19:00 guodaxia 阅读(156) 评论(0) 推荐(0) 编辑
摘要:通常使用XHTML 1.0 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" <!--页面声明--> "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <! 阅读全文
posted @ 2016-04-25 19:00 guodaxia 阅读(180) 评论(0) 推荐(0) 编辑
摘要:表头指的是表格的第一行,基础样式为:加粗 表格标签:<table> 表格可以指定width,height,bgcolor,background,border,align,valign,cellspacing,cellpadding属性 valign:垂直对齐,可选值:top、middle、botto 阅读全文
posted @ 2016-04-25 13:28 guodaxia 阅读(155) 评论(0) 推荐(0) 编辑
摘要:无序列表(Unordered List) type属性: disc:实心圆 square:实心正方形 circle:空心圆 使用list-style-image自定义项目符号 list-style-type:none;去除项目符号 有序列表(Ordered List) 定义列表(Definition 阅读全文
posted @ 2016-04-25 12:30 guodaxia 阅读(168) 评论(0) 推荐(0) 编辑
摘要:指定时间自动刷新: 指定时间跳转到指定页面: 阅读全文
posted @ 2016-04-25 11:31 guodaxia 阅读(2561) 评论(0) 推荐(0) 编辑
摘要:滚动标签<marquee>scrolldelay:滚动延迟时间,默认90direction:滚动方向,默认从右往左 down left right up width:滚动的宽度 height:滚动的高度(两个滚动标签是否在同一平面好像依据的是它的height属性) 例子1: <!DOCTYPE ht 阅读全文
posted @ 2016-04-22 15:10 guodaxia 阅读(1560) 评论(0) 推荐(0) 编辑
摘要:锚点链接: 锚点链接: 标记:<a name="XXX"></a> 取读:<a href="#XXX"></a> 如果标记是在其他页面,格式例如:<a href="1.html#XXX"></a>先找路径再找标记 先设定一个锚点标记,后面点击锚点标记的时候页面自动到达锚点标记的位置。 设置标记: 邮 阅读全文
posted @ 2016-04-22 14:48 guodaxia 阅读(3119) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示