![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
HTML5
呜啦啦、
一蓑烟雨任平生
展开
-
HTML5 常用文本元素
文本元素:将一段文本设置成相匹配的结构和含义b:加粗br:换行i:倾斜del:删除文字 strong:加粗wbr:安全换行,就是换行en:倾斜s:删除线u:加下划线ins:加下划线small:添加小号字体,用于免责声明和澄清声明sub和sup:添加下标和上表 比如平方dfn:定义术语,也就是倾斜q:添加双引号“”mark:标记 ,给文字添加一个黄色的背景time:表示日期和时间...原创 2018-04-16 20:05:00 · 622 阅读 · 0 评论 -
html之间传值之localStorage
<input type="text" name="username" /> <input type="button" name="" value="post" onclick="set()"/> <script> function set() { //由于是一个新的技术,你可以通过下面原创 2019-01-31 13:28:36 · 739 阅读 · 0 评论 -
JQuery 获取 标签中属性值
/获取属性值 1<div id="text" value="黑哒哒的盟友"><div>jQuery取值: $("#text").attr("value"); //获取自定义属性值 2<div id="text" value="123" data_obj="黑哒哒的盟友"&原创 2019-01-10 21:21:52 · 7008 阅读 · 1 评论 -
html 中表格的拆分合并
代码演示 横向合并:<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html> <head> <meta http-equiv="Content-Type" con转载 2019-01-10 19:30:04 · 2526 阅读 · 0 评论 -
几种清除浮动的方式
什么是浮动? 特性:1--浮动的元素不会占据标准流的空间,但是会影响标准流中的文本的排版。浮动只有左右浮动。 2--浮动元素A的位置与上一个元素有关系。如果上一个元素有浮动,则A的顶部与上一个元素顶部对齐,如果没有浮动,则与其底部对齐。 3--一个父盒子中的子盒子,如果其中一个子级有浮动,则其他子级都需要浮动,才能一行显示。 4--元素浮动之后,如果没...转载 2018-09-28 19:51:14 · 190 阅读 · 0 评论 -
bfc基本原理
BFC布局规则:1.BFC内部的Box会在垂直方向,一个接一个地放置。2.Box垂直方向的距离由margin决定,属于同一个BFC的两个相邻Box的margin会发生重叠。3.每个元素的margin box的左边,与包含块border box的左边相接触(对于从左往右的格式化,否则相反)。即使存在浮动也是如此。4.BFC的区域不会与float box重叠。5.BFC就是页面上的一个...转载 2018-09-27 10:01:32 · 573 阅读 · 0 评论 -
submit和button
声明: button-普通按钮,submit-提交按钮。 submit是button的一个特例,也是button的一种,它把提交这个动作自动集成了,submit和button,二者都以按钮的形式展现,看起来都是按钮,所不同的是type属性和处发响应的事件上。使用场景: 这里说的部分使用场景,并不是只能用一种,只是说,在这种场景下使用更加方便,程序员工作量小。场景 Su...转载 2018-09-26 12:52:55 · 195 阅读 · 0 评论 -
HTML 链接
HTML 使用超级链接与网络上的另一个文档相连。几乎可以在所有的网页中找到链接。点击链接可以从一张页面跳转到另一张页面。实例创建超级链接本例演示如何在 HTML 文档中创建链接。将图像作为链接本例演示如何使用图像作为链接。(可以在本页底端找到更多实例)HTML 超链接(链接)超链接可以是一个字,一个词,或者一组词,也可以是一幅图像,您可以点击这些内容来跳转到新的文档或者当前文档中的某个部分。当您把...转载 2018-04-18 20:32:18 · 409 阅读 · 1 评论 -
HTML CSS
实例HTML中的样式本例演示如何使用添加到 <head> 部分的样式信息对 HTML 进行格式化。没有下划线的链接本例演示如何使用样式属性做一个没有下划线的链接。链接到一个外部样式表本例演示如何 <link> 标签链接到一个外部样式表。如何使用样式当浏览器读到一个样式表,它就会按照这个样式表来对文档进行格式化。有以下三种方式来插入样式表:外部样式表当样式需要被应用到很多页面...转载 2018-04-18 20:31:00 · 234 阅读 · 0 评论 -
HTML 注释
注释标签 <!-- 与 --> 用于在 HTML 插入注释。HTML 注释标签您能够通过如下语法向 HTML 源代码添加注释:实例<!-- 在此处写注释 -->注释:在开始标签中有一个惊叹号,但是结束标签中没有。浏览器不会显示注释,但是能够帮助记录您的 HTML 文档。您可以利用注释在 HTML 中放置通知和提醒信息:实例<!-- 这是一段注释 --><...转载 2018-04-18 20:29:19 · 228 阅读 · 0 评论 -
HTML 计算机代码
计算机代码var person = { firstName:"Bill", lastName:"Gates", age:50, eyeColor:"blue"}HTML 计算机代码格式通常,HTML 使用可变的字母尺寸,以及可变的字母间距。在显示计算机代码示例时,并不需要如此。<kbd>, <samp>, 以及 <code> ..转载 2018-04-18 20:28:20 · 2955 阅读 · 0 评论 -
HTML 引用
引用(Quotation)这是摘自 WWF 网站的引文:五十年来,WWF 一直致力于保护自然界的未来。 世界领先的环保组织,WWF 工作于 100 个国家,并得到美国一百二十万会员及全球近五百万会员的支持。HTML <q> 用于短的引用HTML <q> 元素定义短的引用。浏览器通常会为 <q> 元素包围引号。实例<p>WWF 的目标是:<q&g...转载 2018-04-18 20:27:03 · 248 阅读 · 0 评论 -
HTML格式化
HTML 文本格式化实例文本格式化此例演示如何在一个 HTML 文件中对文本进行格式化预格式文本此例演示如何使用 pre 标签对空行和空格进行控制。“计算机输出”标签此例演示不同的“计算机输出”标签的显示效果。地址此例演示如何在 HTML 文件中写地址。缩写和首字母缩写此例演示如何实现缩写或首字母缩写。文字方向此例演示如何改变文字的方向。块引用此例演示如何实现长短不一的引用语。删除字效果和插入字效...转载 2018-04-18 20:25:26 · 198 阅读 · 0 评论 -
HTML 块
可以通过 <div> 和 <span> 将 HTML 元素组合起来。HTML 块元素大多数 HTML 元素被定义为块级元素或内联元素。编者注:“块级元素”译为 block level element,“内联元素”译为 inline element。块级元素在浏览器显示时,通常会以新行来开始(和结束)。例子:<h1>, <p>, <ul>,...转载 2018-04-18 20:21:56 · 140 阅读 · 0 评论 -
HTML 列表
HTML 支持有序、无序和定义列表实例无序列表本例演示无序列表。有序列表本例演示有序列表。(可以在本页底端找到更多实例。)无序列表无序列表是一个项目的列表,此列项目使用粗体圆点(典型的小黑圆圈)进行标记。无序列表始于 <ul> 标签。每个列表项始于 <li>。<ul><li>Coffee</li><li>Milk</...转载 2018-04-18 20:19:45 · 122 阅读 · 0 评论 -
HTML 表格
你可以使用 HTML 创建表格。实例表格这个例子演示如何在 HTML 文档中创建表格。表格边框本例演示各种类型的表格边框。(可以在本页底端找到更多实例。)表格表格由 <table> 标签来定义。每个表格均有若干行(由 <tr> 标签定义),每行被分割为若干单元格(由 <td> 标签定义)。字母 td 指表格数据(table data),即数据单元格的内容。数据单...转载 2018-04-18 20:07:21 · 139 阅读 · 0 评论 -
HTML 基础
标题<h1>This is a heading</h1><h2>This is a heading</h2><h3>This is a heading</h3>段落<p>This is a paragraph.</p><p>This is another原创 2018-04-18 19:35:58 · 144 阅读 · 0 评论 -
jQuery定时器简单使用
jQuery定时器下面介绍一个用jQuery实现JS中的定时器方法,在jQuery中的jQuery Timers插件中已封装JS的setTimeout 和 setInterval 方法.在jQuery Timers中提供了3个函数式everyTime(时间间隔, [计时器名称], 函式名称, [次数限制], [等待函式程序完成]) oneTime(时间间隔, [计时器名称], 呼叫的函...转载 2019-01-31 14:25:37 · 7127 阅读 · 0 评论