HTML
文章平均质量分 84
舒眉
流水不腐,户枢不蠹。
展开
-
Flex布局
Flex布局简介 Felx在项目开发时,运用起来对于页面的布局是很方便的,比如较经典的布局中盒子居中,就可以用flex布局进行快速解决。 如下面的简单操作,只需要在父级盒子中添加flex布局和设置jusitify-content和align-items值为center即可,快速进行盒装水平和垂直居中。<div id="item"> <div id="children"> I a.原创 2021-10-22 22:55:11 · 375 阅读 · 0 评论 -
html: a标签中的href的作用
原文路径:https://blog.csdn.net/u010297791/article/details/52784879a标签的最重要功能是实现超链接和锚点。一、Js的几种调用方法1、a href="javascript:js_method();"这是常用的方法,但是这种方法在传递this等参数的时候很容易出问题,而且javascript:协议作为a的href属性的时候不仅会导致不必要的触发window.onbeforeunload事件,在IE里面更会使...原创 2021-04-21 20:54:49 · 3672 阅读 · 0 评论 -
007---链接标签a和锚点定位
一、链接标签的基本语法形式<a href="http://www.baidu.com" target="_self/_blank">百度</a>href:该链接需要跳转的链接,href的内容还可以是 “#”,代表该链接存在只是还不能跳转。target:href跳转的方式,前者是在本窗口新打开一个网页,后者是再打开一个新窗口,新窗口的内容是需要跳转的网页,默认值是前者后者打开...原创 2018-04-03 10:20:26 · 817 阅读 · 0 评论 -
008---base标签、特殊字符标签和注释标签
一、base标签基本语法形式<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <base target="_blink" />原创 2018-04-03 10:58:29 · 230 阅读 · 0 评论 -
009---路径
一、相对路径 同一级路径<img src="01.jpg" alt=""> 路径通过目录展示: 下一级路径<img src="下一级/01.jpg" alt=""> 上一级路径<img src="../01.jpg" alt="">均可以打开图片如果是上上级,就是:"../原创 2018-04-03 11:23:48 · 96 阅读 · 0 评论 -
010---列表标签
一、列表标签1.无序列表(重要) ul>li*3+tab键 (快捷方式),在ul里只能放li标签,不能放其他标签,但可以在li里放其他标签语法:<ul> <li>无序1</li> <li>无序2</li> <li>无序3</li></ul>2.有序列表语原创 2018-04-03 12:05:28 · 126 阅读 · 0 评论 -
011---表格table
一、基本的语法<table> <tr> <td>。。。</td> <td>。。。</td> <td>。。。</td> </tr> <tr> <td>。。。</td&am原创 2018-04-04 11:12:54 · 462 阅读 · 0 评论 -
012---表单、下拉菜单和表单域
一、表单基本语法形式完整的表单由表单域、提示文本、表单控件组成。1.输入框控件:input<input/>是一个单标签,效果如下(左图鼠标没有放进去,右图鼠标点击后):input控件的属性:注意:①对于单选按钮,如果一组有两个,那么给这两个控件设置同一个name值,那么就可以二选一。如:性别: <input type="radio" name="sex" />女 <...原创 2018-04-05 14:06:35 · 2023 阅读 · 0 评论 -
014---多媒体标签
一、1. 音频播放<audio src="地址" autoplay="autoplay" controls="controls" loop="2"></audio>也可以:<audio src="地址" autoplay controls loop="2"></audio>讲解:原创 2018-04-10 11:35:18 · 134 阅读 · 0 评论 -
006---图像标签img
一、基本语法格式<img src="01.jpg" alt=""/>图像标签是单标签, 01.jpg 代表放置图片的名字 , src引号里的内容代表图片的路径。结果展示:1. 如果放置的图片在当前路径中不存在,则可以使用另一种方式假设011.jpg在本路径中不存在,就可以使用alt属性,表示图片不能显示时需要替换的文本内容。如果图片在本路径中存在,则alt里的内...原创 2018-04-03 09:33:40 · 301 阅读 · 0 评论 -
005---标签属性
一、标签的属性标签的属性就是给标签设置样式,如宽、高、颜色、是否浮动、、、、、、1. 标签可以拥有多个属性,必须写在开始的标签中,位于标签名之后,如:代码:<hr width="400" color= "red" />结果展示:2. 属性之间不分先后顺序,标签名与属性、属性与属性之间均以空格分开。3. 任何标签的属性都有默认值,省略该属性则取默认值。...原创 2018-04-03 09:07:27 · 240 阅读 · 0 评论 -
下拉菜单
1. 第一种 ----城市---- ----郑州---- ----洛阳---- ----洛杉矶----特效:2.第二种(要与input搭配使用)input 中要添加属性list , 其中list的值要跟datalist的id 值相同 郭德纲 胡歌 郭采洁 郭富城 杨幂 赵丽颖功能: 可以选择前几个字符相同的选项(百度搜索框原创 2017-12-09 22:01:18 · 155 阅读 · 0 评论 -
表单-1
Document * { margin: 0; padding: 0; } form { margin: 10px; height: 500px; } label, input { box-sizing: border-box; } .form-group { width: 500px; height:原创 2017-12-10 10:07:39 · 189 阅读 · 0 评论 -
表单2-内联表单
在内联表单,我们将这些元素的宽度设置为 width: auto;,因此,多个控件可以排列在同一行。只适用于视口(viewport)至少在 表单内容总宽度 时(视口宽度再小的话就会使表单折叠)。一定要添加 label 标签如果你没有为每个输入控件设置 label 标签,屏幕阅读器将无法正确识别。代码:原创 2017-12-10 11:52:27 · 1426 阅读 · 0 评论 -
001--认识HTML、脚本语言、常用的浏览器及其介绍
一、HTML5 全称超文本标记语言第五次重大修改。主要是通过HTML标签对网页中的文本、图片、声音等内容进行描述。 语法: <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title&原创 2018-04-02 10:32:39 · 1122 阅读 · 0 评论 -
002---标签分类及关系
一、双标签 <...></...>二、单标签 <... /> <input />、<br />、<hr />、<img />、<base />三、关系 1. 嵌套关系 <div> <p>原创 2018-04-02 11:33:11 · 200 阅读 · 0 评论 -
003-字符集
原创 2018-04-02 11:39:43 · 134 阅读 · 0 评论 -
004---html标签及其含义01
1. 标题标签<hn> </hn> 6个等级的标题:<h1>CSDN</h1><h2>CSDN</h2><h3>CSDN</h3><h4>CSDN</h4><h5>CSDN</原创 2018-04-02 12:04:03 · 328 阅读 · 0 评论 -
013---HTML5新增元素
一、新增标签header、nav、footer、article、section、aside讲解:1. datalist要与input连用,分别通过id和list属性进行连接,达到一个提示作用,如淘宝的搜索框,在搜索框内输入一个汉字,下面就会有好多提示。datalist是不显示出来的。<input type="text" value="请输入内容" list="xiao" ><...原创 2018-04-10 10:44:30 · 140 阅读 · 0 评论 -
表单标签-注册(类比搜狐)
包括label的使用。lable有两个用法:1.直接用包裹有关内容(一个)2. (两个以及多个)结果 如下:当点击方框前的汉字时,方框被选中。(label)原创 2017-09-17 10:42:21 · 240 阅读 · 0 评论