HTML教程 - 飞鸟慕鱼博客

html给table中的行或单元格加链接的方法

今天在做定制插件的时候，遇到个给table表格中的行添加链接的问题，以前没有遇到过此需求，就参考了下别人写的代码，记录一下。html给table中的行添加链接给table表格中的行添加链接一般是使用的js代码来实现的，可以参考下面的示例！例1：给table表格的行添加链接<!doctype html><html>&

js代码实现复制网页内指定的内容

前端的js脚本可以实现复制网页中指定的内容到剪切板中，比如input内的内容，div元素内的内容等等，具体的实现方法可以参考下面的文章。JS实现复制div(span)的内容到剪切板的方法先看示例代码：<!doctype html><html><head><meta charset="ut

CSS隐藏滚动条的方法

web前端中，在正常的情况下如果隐藏滚动条，则会导致页面无法上下或左右滚动。但如果想达到隐藏滚动条又想不妨碍页面的滚动该如何做呢？下面我们就说一说如何使用CSS代码来达到隐藏滚动条的目的！firefox(火狐)浏览器CSS隐藏滚动条的方法对于火狐浏览器隐藏滚动条，只需要将滚动条的宽度设置为none即可！CSS代码：scrollbar-wi

去掉input(number类型)输入框箭头的方法教程

在web前端中，number类型的input输入框在获得鼠标焦点的情况下，会出现两个向上和向下的箭头。虽然箭头可用于input输入框中的数字增大和减小，但在某些特定的场景中反而会让用户产生错乱的感觉。为了避免此情况的发生，我们可以使用css样式来隐藏掉 input 中的箭头，下面来说说方法！number类型input输入框去掉箭头的教程1

DIV+CSS制作(table)表格的方法

在前端的网页设计需求中，有时候需要使用表格来展示一些数据，但又不能使用 html 中的 table 标签来做，那么我们只有使用 DIV + CSS 来画一个表格了。下面就介绍几种方法，大家来参考一下！使用 DIV+CSS 制作一个表格先上一个由CSS+DIV简单制作的表格样式的示例！html示例代码：<!DOCTYPE html&g

限制 html input 只能输入数字的方法

在前台的 html 页面设计中，有时候需要 input 输入框中只能输入数字。那么如何对 input 的输入类型做限制呢？下面飞鸟慕鱼博客的小编就来和大家说一说！限制 input 只能输入大于 0 的正整数的示例示例1：下面的代码可以实现，input 只限制输入大于 0 的正整数，但是如果使用复制粘贴内容的方法，是可以绕过判断的，因为它只

html Meta 标签屏蔽蜘蛛抓取的方法教程

今天有人说可以利用 html 页面的中 meta 标签来屏蔽搜索引擎蜘蛛的抓取或不让蜘蛛抓取网页中的其它链接，本着好奇的精神，就查了一些相关的资料，发现了一串类似 <meta name='robots' content='noindex,nofollow' /> 这样的HTML代码，可以告诉来网

table 表格边框合并为单一的边框的方法

在 html table 表格元素的默认设置中，如果为每个表格定义它的边框，整体看起来就感觉非常的凌乱，所以这篇博文就说一说，如果将 table 表格的单元格边框合成一条单线。table 表格边框默认的样式例代码：<!DOCTYPE html><html><head><meta charset=&

html input 元素设置禁用的几种方法

html 页面中的 input 元素，可以通过设置一些指定的属性，来禁用它的功能，使其不可编辑，不可复制，不可选择，不能接收焦点以及后台也不能接收到它的传值等。下面就来说几种 input 元素中常用的禁止属性。input disabled 属性disabled：属性规定应该禁用 input 元素。作用：使 input 元素不可编辑，不可复

CSS3 给html元素加入阴影效果的方法

在前端 html 页面的设计中，有个别需要向访客突出显示的元素时，可以加上一些阴影的效果，让它的辨识度更高，让访客可以一眼发现它存在。关于 html 元素的阴影效果的设置，可以使用 CSS3 中的属性 box-shadow ，下面飞鸟慕鱼博客就来和大家说一说，关于此属性的用法。CSS3 box-shadow 属性详解box-shadow：

php读取以及输出textarea文本框的换行符

使用 php 向 html 的 textarea 标签内写入内容或由 html textarea 标签向 php 提交内容时，其 textarea 内容里换行符一直是个很麻烦的问题(个人觉的，大姥可以忽略)。这篇博文就记录一下，php 读取与输出 textarea 标签的换行符问题。php 向 textarea 标签输出换行由 php 向

html 中的标签横向排列的方法

html页面中的多个连续的<li>标签在默认的情况下是竖向排列的，不过我们可以设置 li 标签的 CSS 样式，来使一个 ul 标签中的所有 li 标签都横向排列。多个 html 中 li 标签默认竖向排列html代码<!DOCTYPE html><html><head><meta c

html页面强制所有链接新窗口打开的方法

上午接到博客访客的反馈，表示博客中的链接在原窗口打开的话，网站的体验非常的不好，而自己又懒的一个个去修改博客网页中的链接打开方式，就加了一个强制页面所有链接新窗口打开的代码，一招解决问题。html页面强制所有链接新窗口打开的代码<base target="_blank">将此代码放到，网页中的 <he

HTML中的标签详解

今天在用W3C检测网页的标签时，发现了一个<time>的html标签，虽然自己的博客模版上也用过这个html标签，但还是仔细的查找了关于它的一些文档说明，记录下来以备后用。html <time> 标签<time>：标签定义公历的时间(24小时制)或日期语法：<time>2019-11-19&

js 判断DIV是否隐藏的方法

js脚本在控制div元素在显示与隐藏之间进行切换时，如果不能确定div当前的状态，切换时往往会发生一些逻辑错误的事情，导致div元素的动态效果在切换时不是很流畅。那么飞鸟慕鱼博客就来说一说，如何判断div当前是否处于隐藏的状态方法。html代码<div id="mochu" style="display

HTML input 文本框添加提示文字的方法

周未休息，感觉没啥可写的，就水一篇文章吧，说一说前端 html 页面中 input 元素中在没有值的情况下，添加提示的文字，当要输入文字的时候，提示的文字消失。关于 html input 输入框的提示文字，有两种方法可以实现，一种为 input 元素的 placeholder 属性，一种为 js 方法。input 元素的 placehol

html页面中css缩放图片的方法

在html页面制作中，可以利用 CSS 中的 transform 属性对图片进行旋转，缩放，移动或倾斜的操作。而今天我们只说说 transform 属性对图片进行等比例的缩放操作。css transform 属性的介绍transform：该属性向元素应用 2D 或 3D 转换。它允许我们对元素进行旋转、缩放、移动或倾斜的操作。缩放使用值：

input file选择文件后自动上传的代码

html 中 file 类型的 input 输入框，可以将本地的文件上传到网站的服务器，但它的上传需要 form 表单提交触发的。而今天我们要说一说，file 类型的输入框在选择本地文件后，自动上传的方法。input file选择文件后自动上传可以使用js代码中的FormData对象，利用 change 触发上传，FormData对象：此

HTML table表格边框设置为单线的方法

因为平时在html页面中设计表格样式时，一般都是使用 DIV+CSS 的方式来实现，很少使用 table 表格元素，而今天图省事使用 table 表格元素时，发现设置其边框为的样式为双线的形式，所以就正对次问题，百度了一下解决方案。table 表格的边框宽度不为0的样式HTML代码<!DOCTYPE html><html

HTML中的标签详解

<title>是html网页中不可缺少的一个标签，它通常指出当前网页主要内容的标题，可用于展示到浏览器的窗口标题中，也会出现在浏览器的状态栏中，当用户把当前网页保存到收藏夹或本地时，都会以<title>标签中的内容命名。<title>标签定义：1、定义浏览器标题栏，状态栏的标题2、页面被收藏或被下载时的

HTML中标签详解

html文档中的<html>标签，即是整个HTML文档流的起始标签(不包含 doctype 元素)，也是整个html文章的结束标签。<html>标签的定义：1、<html>标签可以让浏览器识别这个文档为html类型2、<html>是整个html文档的最外层的元素，不包含 doctype 元素