随笔分类 -  HTML

基础学习
 
css实现标题左右横线
摘要:最近用到了记录一下 页面 <div class="subtitle"> 马上邀请好友得奖励 </div> 样式 .subtitle { position: relative; font-size: .24rem; color: #999999; height: 45px; line-height: 阅读全文
posted @ 2019-02-18 10:19 神靖希希 阅读(2417) 评论(0) 推荐(0)
ThinkPHP(3)SQL查询语句
摘要:ThinkPHP中对查询语句,包含了基本的查询方式、表达方式、快速查询、区间查询、组合查询、SQL查询、动态查询和子查询。 一、查询方式 ThinkPHP提供了三种基本的查询方式:字符串条件查询、索引数组条件查询和对象条件查询。在大多情况下,推荐使用索引数组和对象方式作为查询条件,因为会更安全。 1 阅读全文
posted @ 2016-06-29 13:28 神靖希希 阅读(1683) 评论(0) 推荐(0)
canvas标签(1)--线条、矩形、圆形、文本、阴影、抛小球
摘要:从网上扒拉的代码,敲了敲代码玩。 html页面显示内容很简单,只要写个canvas标签,给他一个id写js就可以了 以上是主体部分。 注意在<canvas>里的内容是无法显示在支持canvas标签的浏览器的。 1.绘制路径 2.绘制矩形 3.绘制文本 4.绘制圆形 5.设置渐变色 6.设置阴影 7. 阅读全文
posted @ 2016-06-29 09:24 神靖希希 阅读(1649) 评论(0) 推荐(0)
HTML5 <video> - 使用 DOM 进行控制
摘要:HTML5 <video> 元素同样拥有方法、属性和事件。 其中的方法用于播放、暂停以及加载等。其中的属性(比如时长、音量等)可以被读取或设置。其中的 DOM 事件能够通知您,比方说,<video> 元素开始播放、已暂停,已停止,等等。 下例中简单的方法,向我们演示了如何使用 <video> 元素, 阅读全文
posted @ 2016-06-27 16:06 神靖希希 阅读(1183) 评论(0) 推荐(0)
jquery 如何去除select 控件重复的option
摘要:这个去重不是很好用,如果id值不同,text是一样的,也会被去掉 jquery: 阅读全文
posted @ 2016-06-22 17:28 神靖希希 阅读(3858) 评论(0) 推荐(0)
基本属性表
摘要:显示和隐藏属性display none此元素表示不会被显示,block此元素表示将会被显示例子;script type="text/javascript">function hidetext(){var mychar = document.getElementById("con");mychar.s 阅读全文
posted @ 2016-04-17 22:49 神靖希希 阅读(428) 评论(0) 推荐(0)
悬浮动态分层导航
摘要:1、首先在<head>里面引用一个JQUERY的文件以用来制作鼠标点击动画效果(从网站上下载即可) 2、插入div(这里我的div是带有锚点效果的,已经用红色标出锚点,定位到了网页顶端,也就是<body>开始的地方写了一句<a name="top">top</a>,如果不给name一个初始值,就写上 阅读全文
posted @ 2016-03-09 14:45 神靖希希 阅读(262) 评论(0) 推荐(0)
HTML--11marquee标签
摘要:页面的自动滚动效果,可由javascript来实现, 但是有一个html标签 - <marquee></marquee>可以实现多种滚动效果,无需js控制。 使用marquee标记不仅可以移动文字,也可以移动图片,表格等. 语法:<marquee>...</marquee>; 说明:在标记之间添加要 阅读全文
posted @ 2016-03-09 14:40 神靖希希 阅读(232) 评论(0) 推荐(0)
HTML--10Jquery
摘要:在《网页制作Dreamweaver(悬浮动态分层导航)》中,运用到了jQuery的技术,轻松实现了菜单的下拉、显示、隐藏的效果,不必再用样式表一点点地修改,省去了很多麻烦,那么jQuery具体是如何使用的,以下会详细讲述jQuery的基础用法: 1、安装: http://jquery.com/dow 阅读全文
posted @ 2016-03-09 14:39 神靖希希 阅读(186) 评论(0) 推荐(0)
HTML--9表单和验证事件
摘要:1、表单验证<form></form> (1).非空验证(去空格) (2).对比验证(跟一个值对比) (3).范围验证(根据一个范围进行判断) (4).固定格式验证:电话号码,身份证号,邮箱,信用卡号等的验证;需要用到正则表达式来进行验证。 (5).其它验证 2、正则表达式 用符号来描述书写规则:/ 阅读全文
posted @ 2016-03-09 14:34 神靖希希 阅读(243) 评论(0) 推荐(0)
HTML--8Window.document对象
摘要:1、Window.document对象 一、找到元素: docunment.getElementById("id");根据id找,最多找一个; var a =docunment.getElementById("id");将找到的元素放在变量中; docunment.getElementByName( 阅读全文
posted @ 2016-03-09 14:31 神靖希希 阅读(237) 评论(0) 推荐(0)
HTML--7JavaScript的DOM操作
摘要:1、DOM的基本概念 DOM是文档对象模型,这种模型为树模型;文档是指标签文档;对象是指文档中每个元素;模型是指抽象化的东西。 2、Window对象操作 一、属性和方法: 属性(值或者子对象): opener:打开当前窗口的源窗口,如果当前窗口是首次启动浏览器打开的,则opener是null。 di 阅读全文
posted @ 2016-03-09 14:16 神靖希希 阅读(157) 评论(0) 推荐(0)
HTML---6 运算符,类型转换
摘要:1.类型转换: 分为自动转换和强制转换,一般用强制转换。 其他类型转换为整数:parseint(); 其他类型转换为小数:parsefloat(); 判断是否是一个合法的数字类型:isNaN(); 是数字的话返回false,不是数字的话返回ture。 示例: 需要将prompt放进isNaN方法内 阅读全文
posted @ 2016-03-09 14:12 神靖希希 阅读(169) 评论(0) 推荐(0)
HTML--5 JavaScript
摘要:一、JavaScript简介 1.JavaScript是个什么东西? 它是个脚本语言,需要有宿主文件,它的宿主文件是HTML文件。 2.它与Java什么关系? 没有什么直接的联系,Java是Sun公司(已被Oracle收购了),JavaScript是netspace(网景公司,已被美国在线收购了), 阅读全文
posted @ 2016-03-09 14:09 神靖希希 阅读(174) 评论(0) 推荐(0)
HTML--2图片热点,网页划区,拼接
摘要:图片热点: 规划出图片上的一个区域,可以做出超链接,直接点击图片区域就可以完成跳转的效果。 示例: 网页划区: 在一个网页里,规划出一个区域用来展示另一个网页的内容。 示例: 网页的拼接: 在一个网络页面内,规划出多个页面窗口,以表格拼接的形式展示出来。 示例: 阅读全文
posted @ 2016-03-09 13:52 神靖希希 阅读(167) 评论(0) 推荐(0)
HTML--1标签表格
摘要:HTML 内容(Hyper Text Markup Language,超文本标记语言) CSS 网页美化 Javascript 脚本语言 打开DREAMWEAVER,新建HTML,如下图: <!--[endif]--> body的属性: bgcolor 页面背景色 background 背景壁纸、图 阅读全文
posted @ 2016-03-09 13:46 神靖希希 阅读(220) 评论(0) 推荐(0)
HTML--4格式布局
摘要:一、position:fixed 锁定位置(相对于浏览器的位置),例如有些网站的右下角的弹出窗口。 示例: 二、position:absolute 1.外层没有position:absolute(或relative);那么div相对于浏览器定位,如下图中b(距离浏览器右边框为50像素,距离下边框为2 阅读全文
posted @ 2016-02-29 22:17 神靖希希 阅读(974) 评论(0) 推荐(0)
HTML--3css样式表
摘要:CSS(Cascading Style Sheet,叠层样式表),作用是美化HTML网页。 /*注释区域*/ 此为注释语法 一、样式表 (一)样式表的分类 1.内联样式表 和HTML联合显示,控制精确,但是可重用性差,冗余较多。 例:<p style="font-size:14px;">内联样式表< 阅读全文
posted @ 2016-02-29 22:15 神靖希希 阅读(247) 评论(0) 推荐(0)
快速制作网页的方法
摘要:快速制作网页的方法: 利用Photoshop中的切片工具来规划出要设置链接的位置,设置好后存储为web可使用的html格式。 用DREAMWEAVER打开,打开设计页面,选择切片弄好的位置,在属性中输入超链接的网址即可。 阅读全文
posted @ 2016-02-29 22:13 神靖希希 阅读(357) 评论(0) 推荐(0)
表单
摘要:表单: <form id="" name="" method="post/get" action="负责处理的服务端"> id不可重复,name可重复,get提交有长度限制,并且编码后的内容在地址栏可见, post提交没有长度限制,且编码后内容不可见。 </form> 1.文本输入 文本框<inpu 阅读全文
posted @ 2016-02-29 22:12 神靖希希 阅读(159) 评论(0) 推荐(0)