
HTML
methun
海纳百川,有容乃大。
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
base标签
base标签就是专门用来统一的指定当前网页中所有的超链接(a标签)需要如何打开 。 注意点: 1.base标签必须写在head标签的开始标签和结束标签之间 2.如果既在base中指定了target又在a标签中指定了target,那么浏览器会按照a标签中指定的来执行转载 2017-03-10 12:51:37 · 333 阅读 · 0 评论 -
子元素选择器
子元素选择器:找到指定标签中所有特定的直接子元素, 然后设置属性。格式: 标签名称1>标签名称2{ 属性:值; } 先找到所有名称叫做”标签名称1”的标签, 然后在这个标签中查找所有直接子元素名称叫做”标签名称2”的元素注意点: 1.子元素选择器只会查找儿子, 不会查找其他被嵌套的标签 2.子元素选择器之间需要用>符号连接, 并且不能有空格 3.子元素选择器不仅仅可以使用标签名原创 2017-03-12 19:44:57 · 413 阅读 · 0 评论 -
marquee标签
作用: 跑马灯格式:<marquee>内容</marquee>属性: direction: 设置滚动方向 left/right/up/down scrollamount: 设置滚动速度, 值越大就越快 loop: 设置滚动次数, 默认是-1, 也就是无限滚动 behavior: 设置滚动类型 slide滚动到边界就停止, alternate滚动到边界就弹回注意点: marquee标签不是W转载 2017-03-12 18:55:12 · 208 阅读 · 0 评论 -
详情和概要标签
作用:利用summary标签来描述概要信息, 利用details标签来描述详情信息 默认情况下是折叠展示, 想看见详情必须点击<details> <summary>概要信息</summary> 详情信息 </details>原创 2017-03-12 18:52:11 · 334 阅读 · 0 评论 -
audio标签
格式: <audio src=""> </audio><audio> <source src="" type=""> </audio>注意:audio标签的使用和video标签的使用基本一样, video中能够使用的属性在audio标签中大部分都能够使用, 并且功能都一样 只不过有3个属性不能用, height/width/poster原创 2017-03-12 18:51:13 · 406 阅读 · 0 评论 -
video标签
格式1: <video src=""></video> 格式2:<video> <source src="" type=""></source> <source src="" type=""></source> </video>video标签的第二种格式存在的意义就是为了解决浏览器适配问题 video 元素支持三种视频格式, 我们可以把这三种格式都通过source标签指定给vi转载 2017-03-12 18:48:56 · 387 阅读 · 0 评论 -
datalist标签
作用: 给输入框绑定待选项`` <datalist> <option>待选项内容</option> </datalist> 例:原创 2017-03-12 14:05:46 · 393 阅读 · 0 评论 -
表单:限制输入格式,fieldset标签,legend标签
可以自动校验输入的内容是否符合邮箱的格式: 邮箱:<input type="email"><br>可以自动校验输入的内容是否是URL地址:域名:<input type="url"><br>`输入框中只能输入数字: 电话:<input type="number"><br>可以通过日历来选择时间: 时间:<input type="date"><br>可以通过取色板来选择颜色: 颜色: <input t转载 2017-03-12 14:17:23 · 487 阅读 · 0 评论 -
select标签
作用: 用于定义下拉列表注意点: 1.下拉列表不能输入内容, 但是可以直接在列表中选择内容 2.可以通过给option标签添加一个selected属性来指定列表的默认值 3.可以通过给option标签包裹一层optgroup标签来给下拉列表中的数据分类<select> <optgroup label="计科系"> <option>软件工程</option>转载 2017-03-12 14:22:05 · 260 阅读 · 0 评论 -
Label标签
默认情况下文字和输入框是没有关联关系的, 也就是说点击文字时输入框不会聚焦, 如果想点击文字时让对应的输入框聚焦, 那么就需要让文字和输入框进行绑定。 Label标签:让输入框和文字绑定在一起。绑定格式: <label for="account">账号:</label><input type="text" id="account">原创 2017-03-12 14:01:39 · 234 阅读 · 0 评论 -
表单:单选框与隐藏域
单选框: 1.默认情况下单选框不会互斥, 要想单选框互斥那么必须给每一个单选框标签都设置一个name属性, 然后name属性还必须设置相同的值。 2.默认选中,:给input标签添加一个checked属性。 3.在HTML中如果属性的取值和属性的名称一样, 可以只写一个. 但是在XHTML中必须写上取值, 所以在企业开发中我们推荐大家不要省略取值。隐藏域:作用 : 配合提交按钮将一些数据隐视的原创 2017-03-12 13:56:23 · 1071 阅读 · 0 评论 -
表格标签
作用:用来给一堆数据添加表格语义。 格式:<table> <tr> <td>需要显示的内容</td> </tr> </table>注意:1.表格标签有一个边框属性, 这个属性决定了边框的宽度. 默认情况下这个属性的值是0, 所以看不到边框。 2.表格标签和列表标签一样, 它是一个组合标签, 所以table/tr/td要么一起出现, 要么一起不出现, 不会单个出现。水转载 2017-03-12 13:41:45 · 499 阅读 · 0 评论 -
列表标签:无序列表、有序列表、定义列表
无序列表:给一堆数据添加列表语义, 并且这一堆数据中所有的数据都没有先后之分。 格式:<ul> <li>需要显示的条目内容</li> </ul> li其实是英文list item的缩写注意:1.一定要记住ul标签是用来给一堆数据添加列表语义的, 而不是用来给他们添加小圆点的。 2. ul标签和li标签是一个整体, 是一个组合. 所以一般情况下ul标签和li标签都是一起出现。 3.原创 2017-03-12 13:06:47 · 5076 阅读 · 0 评论 -
锚点
格式:<a href="#bottom">跳转到底部</a> <h2 id="bottom">我是底部</h2>注意点: 1.通过我们的a标签跳转到指定的位置, 是没有过度动画的, 是直接一下子就跳转到了指定位置 2.a标签除了可以跳转到当前界面的指定位置以外, 还可以在跳转到其它界面的时候直接跳转到其它界面的指定位置 格式:<a href="锚点测试.html#bottom" target=原创 2017-03-11 13:11:39 · 262 阅读 · 0 评论 -
假标签
假链接:点击之后不会跳转的链接存在的意义:在企业开发前期, 其它界面都没有写出来, 那么我们就不知道应该跳转到什么地方, 所以就只能使用假链接来代替. 当项目后期其它界面都已经完成时再将假链接体会为真链接。假链接的格式: 1.# 2.javascript两者之间的区别: #的假链接会自动回到网页的顶部, 而javascript:的假链接不会自动回到网页顶部转载 2017-03-11 13:04:54 · 275 阅读 · 0 评论 -
背景图片及其相关属性
bi background-image: url();注意点: 1.图片的地址必须放在url()中, 图片的地址可以是本地的地址, 也可以是网络的地址 2.如果图片的大小没有标签的大小大, 那么会自动在水平和垂直方向平铺来填充 3.如果网页上出现了图片, 那么浏览器会再次发送请求获取图片控制背景图片的平铺方式: background-repeat: 取值: rep原创 2017-03-13 22:15:27 · 652 阅读 · 0 评论