![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
HTML
鸟飞惊了看花人
这个作者很懒,什么都没留下…
展开
-
div块水平居中,垂直居中
水平居中一个div想要水平居中于它的父div中只需要给它加css属性margin:0 auto; 即可<!DOCTYPE html><html><head> <title></title></head><style>#box{ width: 200px; height: 200px; bord...原创 2019-12-09 11:46:38 · 7508 阅读 · 0 评论 -
文字在div中水平居中,垂直居中
水平居中,给div添加css样式属性text-align: center;文字就会在div内水平居中<!DOCTYPE html><html><head> <title></title></head><style> #box{ width: 200px; height: 200px; bo...原创 2019-12-09 11:23:18 · 10711 阅读 · 0 评论 -
如何查看网页字体大小
鼠标选中字体右击,选择检查。如图,就有文字的大小原创 2019-08-24 09:19:56 · 6678 阅读 · 0 评论 -
如何查看网页图片大小
打开图片所在网页;鼠标移至空白处,右击选择检查选中下图鼠标所在位置按钮,然后鼠标移至需要查看的图片上;如图,就会有图片的宽(width)高(height)...原创 2019-08-24 09:33:35 · 1299 阅读 · 0 评论 -
电脑如何调整分辨率大小查看网页
第一步,先打开网页,鼠标随便移入网页,在网页内部,右击检查,(电脑快捷键F12或者FN+F12,根据电脑不同可能快捷键有所变化)。如上图,选中按钮,会出现如下图的选项调整位置。这里选择Responsive表示自定义分辨率大小然后后边输入你要的分辨率宽高,比如1000x500,回车后边选择100%,页面分辨率调整完成...原创 2019-08-24 09:54:09 · 7162 阅读 · 1 评论 -
怎么把HTML5 3D特效放到自己的网页
先去素材网站找到喜欢的,好看的动画下载下来解压会有一个HTML页面跟js文件,把js文件复制到自己项目的js文件里面然后把该js按照自己项目目录位置引入自己想要放入的HTML文件,然后把下载下来的HTML页面里面的js代码放入自己项目的HTML页面,并修改绑定标签然后访问自己项目会发现,js动画已在自己项目展示...原创 2019-08-20 16:55:50 · 958 阅读 · 1 评论 -
Div在设置了浮动的情况下水平居中
自己布局的时候发现在设置了div为浮动后再去添加margin:auto属性是无效的;测试一首先简单布局一下,在body里面添加两个div,一个父div(div_box),一个子div (div1),div1设置浮动并且设置margin:auto代码如下:<!DOCTYPE html><head><meta http-equiv="Content-Type" ...原创 2019-08-21 11:46:33 · 1640 阅读 · 0 评论 -
css清除浮动带来的负面影响
来看一个实验:现在有两个div,div身上没有任何属性。每个div中都有li,这些li都是浮动的。 <div> <ul> <li>HTML</li> <li>CSS</li> <li>JS</li> <li>HTML5</li> <li>设计模式&...原创 2019-08-21 12:02:53 · 583 阅读 · 0 评论 -
TP5 修改代码
修改HTML代码:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"><html><head><title>Wanna tell her - interactive DHTML</title><m...原创 2019-08-21 17:18:34 · 483 阅读 · 0 评论 -
炫技!超酷的HTML 3D动态效果
代码:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"><html><head><title>Wanna tell her - interactive DHTML</title><meta ht...原创 2019-08-16 15:54:31 · 1826 阅读 · 2 评论 -
JS仿黑客帝国字母掉落效果
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta ...原创 2019-08-16 15:57:04 · 488 阅读 · 0 评论 -
鼠标跟随十字JS特效代码
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="...原创 2019-08-16 15:59:22 · 2219 阅读 · 1 评论 -
html 引入公共的头部和底部
我们在做项目的时候经常会遇到一样的头部和底部,如果每个页面都复制一遍,不仅工作量大而且万一需要修改一下文章就更麻烦了,这时候就需要我们把公共部分提取出来,等需要的时候再引入页面。在网上找了好久,也尝试了几次,觉得对前端来说最好的方法就是使用jQuery的load函数,/*导入头部和尾部*/$(document).ready(function(){ $(".footer").load("p...原创 2019-09-05 17:42:20 · 2812 阅读 · 0 评论 -
多页面共享头部
在前端项目中,有时候会遇到多个页面使用相同的头部模块的情况,为了节省劳动力,我们可以采用引入js文件的方式。但是我们一开始实现模块都是采用html渲染页面,如何统一插入页面呢。1、书写完整的html页面文件并引入css文件<html><head> <meta name='description' content="this is my page"> ...原创 2019-09-05 17:44:32 · 1872 阅读 · 0 评论 -
html5网页中用video标签无法播放MP4视频的解决方法
为了避免大家遇到同样的问题我在这里就给大家普及一下html5关于标签的知识吧:在使用html4协议做网站时我们想要在网页上播放一个视频要不使用flash去播放,要么就是嵌入式页面来实现,对于html5来说这两种方法非常的不方便因为一个牛逼哄哄的出现了,这个标签的功能就是让多媒体文件可以很方便的在网页中播放。html中播放一个视频只需要一个标签:<video src="http://sp...原创 2019-08-09 11:49:00 · 21547 阅读 · 0 评论 -
html代码,通过识别pc端和移动端,跳转到不同的页面
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <!--引入需要的插件放置自己的样式等--></head><body>//主体部分,写入自己需要的内容...原创 2019-08-09 11:35:22 · 3136 阅读 · 0 评论 -
HTML 标签整理
<!>字体效果<h1>...</h1>标题字(最大)<h6>...</h6>标题字(最小)<b>...</b>粗体字<strong>...</strong>粗体字(强调) (同上效果略同)<i>...</i>斜体字<em>...</em&...原创 2019-07-29 09:55:30 · 450 阅读 · 0 评论 -
HTML 单选框
代码:<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>单选框</title> </head><body><form action=""><input type="radio" name="sex" ...原创 2019-07-29 10:11:54 · 1823 阅读 · 0 评论 -
HTML 多选框
代码:<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>多选框</title> </head><body><form action="">爱好:<input type="checkbox" name=...原创 2019-07-29 10:17:50 · 20658 阅读 · 1 评论 -
HTML 下拉框
代码:<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>下拉框</title> </head><body><form action=""><select name="cars"><opt...原创 2019-07-29 10:23:53 · 781 阅读 · 0 评论 -
HTML 按钮
代码:<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>菜鸟教程(runoob.com)</title> </head><body><form action=""><input type="butto...原创 2019-07-29 10:35:52 · 898 阅读 · 0 评论 -
HTML input文本输入框
代码:<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>菜鸟教程(runoob.com)</title> </head><body><form action=""><fieldset><...原创 2019-07-29 10:47:20 · 779 阅读 · 0 评论 -
HTML 文本域textarea
当用户需要在表单中输入大段文字时,需要用到文本输入域。语法:<textarea rows="行数" cols="列数">默认出现文本</textarea>注意:rows,cols这两个属性可用css样式的width和height来代替:col用width、row用height来代替。代码:<!DOCTYPE HTML><html>&...原创 2019-07-29 10:53:24 · 1327 阅读 · 0 评论 -
HTML 表单发送邮件
代码:<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>表单发送邮件</title> </head><body><h3>发送邮件到 someone@example.com:</h3><f...原创 2019-07-29 11:07:34 · 6184 阅读 · 1 评论 -
HTML 表格(table标签)
在html中一个table表单主要由tr、td、th元素组成,比较复杂一点的表单还会包含caption、 col、 colgroup、 thead、tfoot、 tbody等元素.table表格常用属性:align:表格的水平对齐方式 。值分别有:align="left" 表格左对齐,center居中对齐,right右对齐width:表格的宽度。height:表格的高度。bgcolor:...原创 2019-07-29 15:22:15 · 791 阅读 · 0 评论 -
sublime中输入html后按什么快捷键可自动补全
html按tab出现html:5 按tab出现html5标准的头部部分html:xt 出现html标准的头部部分。你要注意先把文本保存为html文件。原创 2019-08-08 09:27:02 · 2980 阅读 · 0 评论 -
关于sublime编写HTML的简单快捷键
快速创建html文档格式! + tab或者html:5 +tab快速生成列表的快捷键表示不同级标签,+ 表示同级标签,注意中间不要空格有序列表 ol>li*3 按tab键<ol> <li></li> <li></li> <li></li><...原创 2019-08-08 09:29:24 · 621 阅读 · 0 评论 -
网页宽度自动适应手机屏幕宽度的实现代码(viewport)
一般的写法如下:XML/HTML Code复制内容到剪贴板<meta name="viewport" content="initial-scale=1.0"> 较多的写法:XML/HTML Code复制内容到剪贴板<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum...原创 2019-08-09 11:10:04 · 1038 阅读 · 0 评论 -
网页要让它自适应各种手机屏幕宽度大小要怎么设置
首先,在网页代码的头部,加入一行viewport元标签。viewport是网页默认的宽度和高度,上面这行代码的意思是,网页宽度默认等于屏幕宽度(width=device-width),原始缩放比例(initial-scale=1)为1.0,即网页初始大小占屏幕面积的100%。所有主流浏览器都支持这个设置,包括IE9,对于那些老式浏览器(主要是IE6、7、8),需要使用css3-mediaque...原创 2019-08-09 11:11:38 · 936 阅读 · 0 评论 -
如何让网页自适应所有屏幕宽度
方法:1、在网页头部加上这样一条meta标签:解释:width=device-width :宽度等于设备屏幕的宽度initial-scale=1.0:表示:初始的缩放比例minimum-scale=0.5:表示:最小的缩放比例maximum-scale=2.0:表示:最大的缩放比例user-scalable=yes:表示:用户是否可以调整缩放比例另外:如果想控制字体的大小的话,应该...原创 2019-08-09 11:14:04 · 770 阅读 · 0 评论 -
什么是 HTML?
什么是HTML?HTML 是用来描述网页的一种语言。HTML 指的是超文本标记语言 (Hyper Text Markup Language)HTML 不是一种编程语言,而是一种标记语言 (markup language)标记语言是一套标记标签 (markup tag)HTML 使用标记标签来描述网页HTML 标签HTML 标记标签通常被称为 HTML 标签 (HTML tag)。...原创 2019-07-29 09:21:16 · 378 阅读 · 0 评论