随笔分类 -  HTML

1 2 下一页
阻止a链接跳转方法总结
摘要：总结下a标签阻止默认行为的几种简单方法(1) onclick方法负责执行js函数，而void是一个操作符，void(0)返回undefined，地址不发生跳转。 和void(0)一样，都返回"undefined" (2) 是网上很常见的代码，#是标签内置的一个方法，用这种方法点击后网页后返回到页面的 阅读全文
posted @ 2019-02-11 15:39 缘琪梦 阅读(1776) 评论(0) 推荐(0)
移除input在type="number"时的上下箭头
摘要：网页在有些情况下，会需要input的输入的为单纯数字的文本框，此时type=number，但使用type=number时，输入框后面会有一个上下箭头，那么如何去掉上下箭头呢？ <input type="number" ...> <style> input::-webkit-outer-spin-bu 阅读全文
posted @ 2018-03-30 14:30 缘琪梦 阅读(1804) 评论(0) 推荐(0)
canvas基础
摘要：html: <canvas id="canvas1" width="800" height="800"></canvas> canvas的宽高只能写在行内，同时决定画布分辨率的大小。css里面设定canvas的宽高并不是真正的大小，而是同比缩放 js: var canvas = document.g 阅读全文
posted @ 2016-10-25 19:04 缘琪梦 阅读(151) 评论(0) 推荐(0)
dl dt dd定义
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <h3>课程介绍</h3> <article><h1>《HTML5+css3轻松入门与实战课程》</h 阅读全文
posted @ 2016-10-25 17:24 缘琪梦 阅读(197) 评论(0) 推荐(0)
ol新属性
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <ol start="8" reversed="reversed"> <li><a href="#"> 阅读全文
posted @ 2016-10-25 17:17 缘琪梦 阅读(133) 评论(0) 推荐(0)
经典的nav导航
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <nav> <ul> <li><a href="#'">首页</a>></li> <li><a hre 阅读全文
posted @ 2016-10-25 16:55 缘琪梦 阅读(321) 评论(0) 推荐(0)
html5大纲
摘要：<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <h1>HTML5+css入门教程</h1> <section> <h1>HTML部分</h1> <se 阅读全文
posted @ 2016-10-25 16:47 缘琪梦 阅读(269) 评论(0) 推荐(0)
进度条
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <p>当前任务完成进度 <progress max="100" value="85"></progre 阅读全文
posted @ 2016-10-25 16:16 缘琪梦 阅读(99) 评论(0) 推荐(0)
mark元素
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>mark</title> </head> <body> <h2>以下是关于<mark>html5的</mark>搜索结果</h2> <section> <art 阅读全文
posted @ 2016-10-25 16:03 缘琪梦 阅读(246) 评论(0) 推荐(0)
address元素
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>address</title> </head> <body> <header> <h1>html5教程</h1> </header> <p> 文章正文部分，要想 阅读全文
posted @ 2016-10-25 14:40 缘琪梦 阅读(183) 评论(0) 推荐(0)
footer元素
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>foot</title> <style> *{margin:0; padding:0; } body{ font-family:微软雅黑; text-align 阅读全文
posted @ 2016-10-25 14:23 缘琪梦 阅读(209) 评论(0) 推荐(0)
header元素
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>head</title> </head> <body> <header> <h1>网页标题</h1> </header> <article> <header> 阅读全文
posted @ 2016-10-25 13:54 缘琪梦 阅读(227) 评论(0) 推荐(0)
time元素
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <time datetime="2016-10-25">2016年10月25日</time><br/> 阅读全文
posted @ 2016-10-25 12:20 缘琪梦 阅读(213) 评论(0) 推荐(0)
nav元素
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <h1>nav的用法</h1> <nav> <ul><li><a href="#">首页</a></l 阅读全文
posted @ 2016-10-25 12:15 缘琪梦 阅读(243) 评论(0) 推荐(0)
section和article元素
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>第一课</title> </head> <body> <artcile> <header> <h1> 我是artcile标题 </h1> <p>创建时间：<ti 阅读全文
posted @ 2016-10-25 12:14 缘琪梦 阅读(238) 评论(0) 推荐(0)
html5 header和group
摘要：<html> <head> <meta charset="UTF-8" /> <meta name="generator" content="HTML Tidy for HTML5 (experimental) for Windows https://github.com/w3c/tidy-html 阅读全文
posted @ 2016-09-26 10:44 缘琪梦 阅读(1914) 评论(0) 推荐(0)
Html5
摘要：Html5出现之前的问题 Web浏览器之间兼容性低 文档结构不够明确 Web应用程序的功能受限 语法的改变 拓展名html不变 <octype html>声明 指定字符编码 meta charset=”UTF-8” 可省略标记的元素 具有boolean值的属性 <input type="checkb 阅读全文
posted @ 2016-09-26 10:22 缘琪梦 阅读(268) 评论(0) 推荐(0)
浏览器内核
摘要：一、Trident内核代表产品Internet Explorer，又称其为IE内核。Trident（又称为MSHTML），是微软开发的一种排版引擎。使用Trident渲染引擎的浏览器包括：IE、傲游、世界之窗浏览器、Avant、腾讯TT、Netscape 8、NetCaptor、Sleipnir、G 阅读全文
posted @ 2016-09-23 12:49 缘琪梦 阅读(200) 评论(0) 推荐(0)
css的引入方法
摘要：1.外部途径： 建立xx.css文件与html文件放在同一目录下 加入 <link rel="stylesheet" type="text/css" href="4.css"/> <!DOCTYPE html> <html> <head> <meta name="generator" content 阅读全文
posted @ 2016-09-12 17:12 缘琪梦 阅读(317) 评论(0) 推荐(0)
div+css
摘要：css层叠样式表 div+css的优势 1.符合W3C标准，微软等公司都是W3C的支持者 2.搜索引擎更加友好 3.样式的调整更加方便，内容和样式的分离，使页面的样式调整起来更加方便 4.代码简洁 5.表现和结构分离，容易分工 阅读全文
posted @ 2016-09-12 15:27 缘琪梦 阅读(205) 评论(0) 推荐(0)

1 2 下一页