html知识补充
1.点击超链接跳转到新窗口
<a href="http://www.baidu.com" target="_blank">百度一下</a> #target="_self"或者不写，默认在当前窗口打开
2.超链接，找到本窗口中的某个地方
<a href="#">超链接</a> #相当于刷新了本界面，跳到界面的最顶端
<a href="#2">超链接</a> #找到本界面id=2的地方，置顶显示
# 哈希值 锚点 默认有点击行为 当设置了javascript:void(0);后会阻止a标签的默认点击行为
<a href="javascript:void(0);">超链接</a>
3.img标签：
src连接的图片资源
alt图片资源加载失败，显示的文本
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<style type="text/css">
a{
display:block; #设置之后就能保证超链接和图片的大小一样
width: 300px;
height:300px;
}
</style>
</head>
<body>
<div class="box">
<a href="javascript:void(0)">
<img src="https://pic.baike.soso.com/ugc/baikepic2/0/20170825230330-2051740427_jpg_570_711_35774.jpg/800" alt="加载失败" width="300" height="300">
</a>
</div>
<div>
<span>1111</span>
</div>
</body>
</html>
4.ul：unordered list无需列表 ul下的子元素只能是li
默认是实心圆圈
type="circle" 空心圆
tpye="square"实心方块
**li中可以继续嵌套ul,可以嵌套多次
5.ol：ordered list 有序列表
默认是小写数字排序
<ol type="I" start="5"> #I是大写罗马数字，i是小写罗马数字 start是从几开始
<ol type="a" start="4"> a就是字母排序也支持大写，也可以从第几个字母开始
5.dl：定义列表：
dt：定义标题
dd：定义描述
6.表格 table
<table border="1" style="border-collapse: collapse"> #边线的大小，让边线合并
<tr> #tr是行
<td>id</td> #是列
<td>name</td>
<td>age</td>
</tr>
<tr>
<td>1</td>
<td>lianda</td>
<td>nan</td>
</tr>
</table>
<body>
<table border="1" style="border-collapse: collapse">
<tr>
<td>id</td>
<td>name</td>
<td>age</td>
<td rowspan="3">tell</td>
</tr>
<tr>
<td>1</td>
<td>lian</td>
<td>nan</td>
</tr>
<tr>
<td>2</td>
<td colspan="2">lian</td>
</tr>
</table>
</body>
7.form表单
http协议
action：提交的服务器网址
method：默认get，post（应用：登录注册，上传文件）在上传文件时还要加上Enctype='multipart/form-data'
页面中的a img link 默认是get请求
input
type：
text：文本输入框
password：密码输入框
file：文件按钮，提交文件的时候一定要用post 一定要给form标签添加 Enctype='multipart/form-data'
number：值允许输入数字
submit：提交按钮，提交到服务器
button：普通按钮
reset：重置按钮
radio：单选框（name是一个值得时候才是单选）
checkbox：复选框
name：提交到服务器的key
value：显示的文本内容，服务器的value
placeholder：文本代替
lable：
for：是与下面的某个表单空间的id属性相关联
下拉列表框
<select name="school" id="">
<option value="1">小学</option> #没有selected显示第一行
<option value="2">初中</option>
<option value="3">高中</option>
<option selected value="4">大学</option> #selected优先显示这个
</select>
描述框
<textarea name="" id="" cols="30" rows="10"></textarea>
BS交互
1.form表单默认与服务器进行交互
2.ajax技术
CSS层叠样式
作用：修饰网页结构
CSS的三种引入方式： 默认下面的比上面的优先级高（覆盖）
行内样式
行内样式的优先级是最高的
内接样式
外接样式
基本选择器
id选择器：选中的是特性 唯一的，不能重复 用#+id
标签选择器：选中的是页面中共性的标签 直接标签名
类选择器：选中的是页面中的共性的标签，同一类名可以有又多个 .+类名
通配符选择器：通常是对页面进行重置样式
a{
/*清除a标签的下划线*/
text-decoration: none;
}
.baidu{
color: blue;
/*下划线*/
text-decoration: underline;
/*显示小手的状态*/
cursor: pointer;
}
html知识补充的更多相关文章
- Redis基础知识补充及持久化、备份介绍(二)--技术流ken
Redis知识补充 在上一篇博客<Redis基础认识及常用命令使用(一)--技术流ken>中已经介绍了redis的一些基础知识,以及常用命令的使用,本篇博客将补充一些基础知识以及redis ...
- CRM中QueryDict和模型表知识补充
CRM中QueryDict和模型表知识补充 1.QueryDict的用法 request.GET的用法:1.在页面上输入:http://127.0.0.1:8000/index/print(reque ...
- Android知识补充(Android学习笔记)
Android知识补充 ●国际化 所谓的国际化,就是指软件在开发时就应该具备支持多种语言和地区的功能,也就是说开发的软件能同时应对不同国家和地区的用户访问,并针对不同国家和地区的用户,提供相应的.符合 ...
- (C/C++学习笔记) 二十四. 知识补充
二十四. 知识补充 ● 子类调用父类构造函数 ※ 为什么子类要调用父类的构造函数? 因为子类继承父类,会继承到父类中的数据,所以子类在进行对象初始化时,先调用父类的构造函数,这就是子类的实例化过程. ...
- SQL语句之 知识补充
SQL语句之 知识补充 一．存储过程 运用SQL语句,写出一个像函数的模块,这就是存储过程. 需求: 编写存储过程,查询所有员工 -- 创建存储过程(必须要指定结束符号) -- 定义结束符号 DELI ...
- Python学习---django知识补充之CBV
Django知识补充之CBV Django: url --> def函数 FBV[function based view] 用函数和URL进行匹配 url --> ...
- 4-5 Scrapy知识补充
FormRequest FormRequest类是专门用来处理HTML表单的,同时对隐藏的表单处理也很方便.适合用来完成登录操作. 类原型:class scrapy.http.FormRequest( ...
- Redis基础知识补充及持久化、备份介绍
Redis知识补充 在上一篇博客<Redis基础认识及常用命令使用(一)–技术流ken>中已经介绍了redis的一些基础知识,以及常用命令的使用,本篇博客将补充一些基础知识以及redis持 ...
- 大数据学习day23-----spark06--------1. Spark执行流程（知识补充：RDD的依赖关系）2. Repartition和coalesce算子的区别 3.触发多次actions时，速度不一样 4. RDD的深入理解（错误例子，RDD数据是如何获取的）5 购物的相关计算
1. Spark执行流程 知识补充:RDD的依赖关系 RDD的依赖关系分为两类:窄依赖(Narrow Dependency)和宽依赖(Shuffle Dependency) (1)窄依赖 窄依赖指的是 ...
- 曹工说Redis源码（2）-- redis server 启动过程解析及简单c语言基础知识补充
文章导航 Redis源码系列的初衷,是帮助我们更好地理解Redis,更懂Redis,而怎么才能懂,光看是不够的,建议跟着下面的这一篇,把环境搭建起来,后续可以自己阅读源码,或者跟着我这边一起阅读.由于 ...
随机推荐
- 深度技术W10系统中绑定MAC地址和IP地址的设置技巧
深度技术W10系统中绑定MAC地址和IP地址的设置技巧分享给大家,感兴趣的用户,请一起来了解下,以备以后作参考,具体如下:1.点击“开始——搜索”,输入CMD命令,然后在CMD上右键选择以管理员身份运 ...
- extract()函数：用于从一个date或者interval类型中截取到特定的部分
extract()函数:用于从一个date或者interval类型中截取到特定的部分 ### extract 语法extract ( { year | month | day | hour | min ...
- twemproxy配置
redis多主从,多节点,读写分离架构. nutcracker.yml的twemproxy配置 #redis_main是twemproxy所控制redis主从集群逻辑名称 redis_main: #t ...
- LeetCode 112. 路径总和(Path Sum) 10
112. 路径总和 112. Path Sum 题目描述 给定一个二叉树和一个目标和,判断该树中是否存在根节点到叶子节点的路径,这条路径上所有节点值相加等于目标和. 说明: 叶子节点是指没有子节点的节 ...
- MAC帧封装
通过控制台输入一段文字,输出MAC帧的2进制和16进制的字符串,主要是求FCS.这里只考虑单帧的情况,即只考虑输入数据在1字节~1500字节之间的情况,对于更长的数据暂不考虑. 1.MAC帧基本格式 ...
- 数据结构-链式队列-C++
用链表搭建的栈与队列相对简单,队列的特点是先进先出,不啰嗦了,由于代码比较简单,相信光顾的人不会太多,下面直接贴代码. 头文件 #ifndef QUEUELI_H #define QUEUELI_H ...
- 【LEETCODE】36、121题，Best Time to Buy and Sell Stock
package y2019.Algorithm.array; /** * @ProjectName: cutter-point * @Package: y2019.Algorithm.array * ...
- NodeJS的环境搭建+传统ELmentui+vue开发
ElementUI简介 我们学习VUE,知道它的核心思想式组件和数据驱动,但是每一个组件都需要自己编写模板,样式,添加事件,数据等是非常麻烦的, 所以饿了吗推出了基于VUE2.0的组件库,它的名称叫做 ...
- 最简容器动手小实践——FC坦克大战游戏容器化
FC 经典力作相信大家一点也不陌生.童年时期最频繁的操作莫过于跳关,在 果断跳到最后一关之后,一般都是以惨败告终,所以还是一关一关的过原始积累才能笑到最后.这款游戏的经典就在于双人配合,守家吃装备.也 ...
- Linux 服务器修改时间与时间同步
设置时间 date --set '2015-11-23 0:10:40' # 方法一,通用 timedatectl set-time '2015-11-23 08:10:40' # 容器内可能不支持 ...