H5
文章平均质量分 55
三尺秋水一点飞鸿
这个作者很懒,什么都没留下…
展开
-
H5 CSS 引入方式 外联样式表
外联样式表 通过link标签引用外部CSS文件 <html><head><meta charset="utf-8"><title>引入方式</title><style>p{color:red;}i{color:yellow;}u{color:white;}em{color:greenyellow;原创 2018-10-18 09:50:00 · 4646 阅读 · 0 评论 -
js鼠标单击和双击事件
onclick:单击 ondblclick:双击 <!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <b原创 2018-10-19 20:50:20 · 8828 阅读 · 1 评论 -
js 焦点事件
onfocus:获取焦点 onblur:失去焦点 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head>原创 2018-10-19 20:43:02 · 3603 阅读 · 0 评论 -
H5 JS鼠标选中和移出事件
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <div i原创 2018-10-19 20:07:19 · 3046 阅读 · 0 评论 -
H5 写一个3x3表格,合并1和2单元格,4和7单元格
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <table原创 2018-10-16 20:56:52 · 2608 阅读 · 0 评论 -
H5 注册表单form 百度注册表单 写一个注册页面,若格式不整齐可以结合table
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <!--&am原创 2018-10-16 20:51:00 · 1586 阅读 · 0 评论 -
H5 video视频标签及其属性
video:视频 width、height 单独设置时会等比缩放,同时设置时不成比例的一边会留白 src:指定资源路径 loop:是否循环播放 controls:显示控制条 autoplay:自动播放 <video src="./笔记/海贼王.mp4" controls="controls" autoplay="autoplay" loop="loop" >&...原创 2018-10-16 16:21:03 · 1193 阅读 · 0 评论 -
H5 audio音频标签及其属性
audio:音频 src:指定资源路径 controls:显示控制条 loop:是否循环播放 autoplay:自动播放 <audio src="./笔记/小苹果.mp3" controls="controls" autoplay="autoplay" loop="loop" ></audio>...原创 2018-10-16 12:25:01 · 2160 阅读 · 0 评论 -
H5 img图片标签及其属性
img:图片(重点) src:图片资源位置 相对目录 .表示当前目录 ..表示上一级目录 绝对目录 window:以盘符开头的目录 类unix:以/开头的目录 width:宽度 height:高度,只设置高度时,宽度会等比缩放,两个都设置时会进行拉伸或压...原创 2018-10-16 12:12:56 · 16799 阅读 · 0 评论 -
H5 中div标签及其属性
<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>div标签和属性</title> </head><body><div style="opacity:0.7;pos原创 2018-10-15 22:55:43 · 4051 阅读 · 0 评论 -
H5 文本对齐的方式
align="center" 居中对齐align="left" 左对齐align="right" 右对齐<html><head><meta charset="utf-8"><title>文本对齐的方式</title></head>&a原创 2018-10-15 22:28:53 · 4875 阅读 · 0 评论 -
H5 marquee滚动标签及其属性
欢迎留言和指正哦direction="right" 往右滚动,默认是往左滚动scrollamount="20" 滚动速度,数值越大,滚动越快loop=2 来回滚动几次<html><head><meta charset="utf-8"><title>marquee标签</title>原创 2018-10-15 22:06:28 · 2106 阅读 · 0 评论 -
H5 p,b,i,em,u,s标签
<html><!--注释--><head><meta charset="utf-8"></meta><title>这是一个练习</title></head><body text="green" bgcolor="原创 2018-10-15 22:01:30 · 2821 阅读 · 0 评论 -
js 根据id,标签名 ,属性查找元素
查找元素 getElementById:根据ID,获取的是一个元素 getElementsByClassName:根据class属性查找元素,返回的是数组 getElementsByTagName:根据标签名查找元素,返回的是数组 getElementsByName:根据name属性查找元素,返回的是数组 <!DOCTYPE html><...原创 2018-10-19 21:01:02 · 19600 阅读 · 1 评论 -
H5 分帧(frameset) 使用分帧写一个页面,可以实现点击联动效果
需要两个文件:文件3.html<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body>原创 2018-10-17 09:21:50 · 894 阅读 · 0 评论 -
H5 css的引入方式和使用说明
1,简介css:层叠样式表,cascading style sheet作用:HTML是页面的骨架,而css是对网页骨架内容的修饰2,为什么使用:样式和内容写在一起会显得非常的臃肿,使用css可以将这个样式单独抽取来,可以提高开发效率。css提供了很多HTML无法替代的显示效果。单独抽离出来的css可以进行独立加载,能够实现多个页面的共享,可以节约网络带宽就是节约成本。3...原创 2018-10-17 11:07:54 · 4796 阅读 · 0 评论 -
H5 css引入方式 内联样式表
内联样式表 通过style标签进行设置 <html><head><meta charset="utf-8"><title>引入方式</title><style>p{color:red;}i{color:yellow;}u{color:white;}em{color:greenyellow;}su原创 2018-10-18 09:49:50 · 1728 阅读 · 0 评论 -
H5 CSS引入方式 行内样式表
引入方式一:行内样式表,通过标签的style属性设置<html><head><meta charset="utf-8"><title>引入方式</title></head><body style="background-color:green;font-size:40px;"原创 2018-10-18 09:50:08 · 2038 阅读 · 0 评论 -
H5 CSS简介
简介 什么是CSS? 层叠样式表:Cascading Style Sheet 有什么作用? HTML是页面的骨架,而CSS就是对网页骨架内容的修饰 为什么要使用? 样式和内容写在一起会显得非常臃肿,使用CSS可以将样式单独抽出来,可以提高开发效率。 CSS提供了很多HTML属性无法替代的显示效果。 ...原创 2018-10-30 20:44:29 · 355 阅读 · 0 评论 -
H5 CSS中的尺寸及单位
尺寸及单位 说明:在HTML中可以不写单位,但是在CSS中必须书写。 单位: px:像素,绝对单位 %:百分比,相对单位,相对于父级元素 em:相对于父级元素的倍数 rem:相对于HTML元素的倍数 width:宽度 height:高度 min-width:最小宽度 max-wi...原创 2018-10-17 17:42:48 · 4145 阅读 · 0 评论 -
H5 css 字体设置
字体设置 font-style:normal(正常)、italic(斜体) font-weight:normal(正常)、bold(加粗) font-size:字体大小 font-family:字体族 font:简化的书写方案,可以进行一次性设置 顺序是固定的 font-size和font-family不能省略 ...原创 2018-10-17 17:38:31 · 17964 阅读 · 0 评论 -
H5 CSS 文本修饰
文本修饰 text-indent:缩进 overflow:超出容器的内容如何处理 text-decoration:文本横线的显示处理 text-align:水平对齐方式 line-height:行高,若设置为容器高度可以实现垂直居中 vertical-align:行级标签之间垂直对齐(top、bottom、middle) 实例:<...原创 2018-10-17 17:35:19 · 785 阅读 · 0 评论 -
H5 css标签背景设置
背景设置 background-color:背景颜色 background-image:背景图片 background-repeat:背景图片的重复方式 background-position:背景图片的位置 background-attachement:附着方式 scroll:相对于元素固定 fixed:相对于窗体固定 ...原创 2018-10-17 17:23:12 · 8307 阅读 · 0 评论 -
H5 CSS中列表属性设置
列表设置 list-style-type:图标类型 list-style-position:图标位置 list-style-image:图标图片 list-style:简化书写方案 示例:list-style: circle outside 实例:<!DOCTYPE html><html> <he...原创 2018-10-17 17:20:39 · 828 阅读 · 0 评论 -
H5 css标签选择器
欢迎留言和指正哦标签选择器:通过标签的名字进行选择。 <!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <st原创 2018-10-17 12:28:03 · 675 阅读 · 0 评论 -
H5 常用的选择器
常用的选择器1,标签选择器:通过标签的名字进行选择。2,class选择器:通过class属性的值进行选择,语法.3,id选择器:通过id属性的值进行选择,语法#4,组合选择器:使用逗号隔开多个选择器,选择器的结果进行统一设置。5,层级选择器:通过一层一层的元素定位进行选择,多个层级之间使用空格隔开6,属性选择器:根据元素的属性进行选择。<!DOCTYPE html...原创 2018-10-17 11:50:58 · 3741 阅读 · 0 评论 -
js onclick点击事件改变皮肤
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>点击换</title> <link id="skin" rel="stylesheet" ty原创 2018-10-19 21:39:54 · 610 阅读 · 0 评论 -
H5 css语法格式
css的语法格式:1,样式写在{}中2,所有的样式都是以键值对的形式出现的3,样式和值之间通过:进行连接4,每个属性的结尾都有一个分号,而且建议一行一个样式5,注释/* */6,css文件中不要书写style标签...原创 2018-10-17 11:11:03 · 404 阅读 · 0 评论 -
H5 font标签及其属性
size 字体大小face 字体风格color 字体颜色<html><head><meta charset="utf-8"><title>font标签</title></head><body><p align="center"&原创 2018-10-15 21:56:28 · 4982 阅读 · 0 评论 -
H5 a标签中的id和name属性
通过下面的例子可以看出,a标签的id属性和name属性的用法是一模一样的呢欢迎讨论留言指正<html><head><meta charset="utf-8"><title>超链接</title></head><body><a href="#"原创 2018-10-15 21:35:42 · 6857 阅读 · 0 评论 -
H5 a标签 超链接target属性
<html><head><meta charset="utf-8"><title>超链接练习</title></head><body><a href="#taobao">找到爱淘宝</a><br原创 2018-10-15 20:51:01 · 12882 阅读 · 0 评论 -
H5 列表前面加小图标
<html> <head> <meta charset="UTF-8"> <title>列表</title> <style> ul{ list-style-type:circle ;原创 2018-10-18 09:12:40 · 4119 阅读 · 1 评论 -
H5 文本设置练习
<html><head><meta charset="utf-8"><title>文本修饰</title><style>div{width: 500px;height: 50px;background-color: #008000;text-indent:2em;overflow:auto;}a{t原创 2018-10-18 09:18:30 · 326 阅读 · 0 评论 -
H5 背景设置练习
<html><head><meta charset="utf-8"><title>背景颜色</title><style type="text/css">div{width:500px;height:100px;background-color:yellow;background-ima原创 2018-10-18 09:49:30 · 155 阅读 · 0 评论 -
H5 字体设置练习
<html><head><meta charset="utf-8"><title>字体设置</title><style>p{font-family:"宋体";font-size:40px;font-style:italic;font-weight:bold;color:red;原创 2018-10-18 09:18:11 · 250 阅读 · 0 评论 -
H5 CSS中的尺寸及单位练习
说明:在HTML中可以不写单位,但是在CSS中必须书写。 单位: px:像素,绝对单位 %:百分比,相对单位,相对于父级元素 em:相对于父级元素的倍数 rem:相对于HTML元素的倍数 <html><head><meta charset="utf-8"><title&...原创 2018-10-18 09:49:37 · 255 阅读 · 0 评论 -
H5 css伪类选择器
<html><head><meta charset="utf-8"><title>常用选择器</title><style>span{color:red;}#bei{color:green;}.qu{color:red;}#qu,.lai,i{color:yellow;}.fu .one{color:red原创 2018-10-18 09:17:38 · 736 阅读 · 0 评论 -
H5 css编写京东首页
文件夹image 存储需要的图片ad.jpg,buy.jpg,jd_r2_c2.jpg,logo.jpg,phone.jpgbuy.jpg jd_r2_c2.jpg logo.jpg phone.jpg<!DOCTYPE html><html><head><meta charset="utf-8">...原创 2018-07-05 09:07:53 · 1150 阅读 · 0 评论 -
css世纪佳缘网页
<!DOCTYPE html><html lang="zh-cn"><head><meta charset="UTF-8"><title>世纪佳缘</title></head><body><table align=&qu原创 2018-07-04 18:04:32 · 2523 阅读 · 0 评论 -
文本练习
<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title></title> <style> /* 1, 将标题title的字体颜色设置为橙色,字体大小设置为30px 2, 将class为pDem原创 2018-07-04 10:11:20 · 303 阅读 · 0 评论