HTML个人笔记

<hr/> 水平线标签
<hr style ="whidth:80px"/>设置水平线宽度;
<hr style ="whidth:80%"/>居中
<hr style ="whidth:80%" align = "left"/>段落的80%,居左;
ol>li*5+tab生产5个li
<ol>有序列表<li></li><li></li>
</ol>
<ul>无序列表<li></li><li></li>
</ul>
<!--这是注释-->
<dl>定义描述标签<dt>标题</dt><dd>内容</dd>
</dl>空格
<!--注释标签-->
版权号:&copy
大于号:&gt
小于号:&lt
引号:quot;
表格:
<table>
<tr>行<td>123</td>列<td>123</td>
<tr>
border=1px:边框
表单:<form action ="跳转网址.html" method="post">post比get安全用户名:<input type="text"><br>密码:<input type = "password"><br><input type = "submit" value = "登陆"></form>
类型:
test文本;
password密码框
textarea文本域
radio单选按钮
checkbox复选框
select下拉列表
submit提交按钮
reset重置按钮
size显示宽度
value初始值
checked 显示是否选中
maxlength输入的长度<img src="这里是地址(相对同级文件的相对路径)" alt="这里是提示" title="标题"/>
你好<span style = "color :red">世界</span>你好世界同一行
font-size:80px;改变字体大小;
-----------------------------------------------------------------------------------
<a href = "http://www.baidu.com" target ="-_black(新窗口打开)">百度一下</a>;锚链接:定义标记:<a name="标记名">目标位置</a><a href="#标记名">当前位置</a><a href="邮箱地址">站长邮箱</a>rowspan行合并
colspan列合并
cellspacing="0" 
cellpadding="0"表格去除间隙<style>li {color: #0000FF;font-size: 30px;font-family: 楷书;}p{background-color: red;font-size: 40px}div{width: 400px;height: 400px;border: 2px solid red;background-image: url("../img/computer.jpg");background-position: -20px -300px;坐标偏移background-repeat: repeat-x;只平铺x轴overflow: hidden;溢出的东西不显示}</style>.a{color: #0000FF;font-size: 60px;}#big{font-size: 200%;}<li class="a"> 刘伦撞猪</li>	  类选择器<li id="big">刘伦撞猪</li>    id为独一无二的text-decoration:underline  下划线
text-decoration;none  不要下划线字体、字号:font(缩写形式)font-weight(粗细) font-size(大小) font-family(字体)
行距、对齐等:line-height (行高)text-align (对齐)
letter-spacing (字符间距)text-decoration (文本修饰 )white-space (空白处理 )
列表的属性:
无风格	list-style:none;
实心圆(<ul>默认类型)	list-style:disc;
空心圆	list-style:circle;
实心正方形	list-style:square;
数字(<ol>默认类型)	list-style:decimal
外边距:margin top/left/right/bottom
内边距:padding<form action="" method="post">用户名:<input name="username"  type="text" size="5"/> <br/>密  码: <input name = "pw" type="password"/> <br/>性别: <input name = "sex"  type="radio" value="男" checked = "checked"/>男 <input name = "sex"type="radio" vlue="女"/>女 <br/>爱好: <input type="checkbox" value="0"/>抽烟<input type="checkbox" value="1" checked="checked"/>喝酒<input type="checkbox" value="2"/>看美女<input type="checkbox" value="3"/>泡美女 <br/>省份: <select name="province" id=""><option >安徽省</option><option>四川省</option><option >广东省</option><option >云南省</option><option >河南省</option><option selected="selected">河北省</option></select>邮箱:   <input type="email"/>自我介绍: <br/><textarea name=""  cols="20" rows="10" readonly="readonly">刘伦撞猪</textarea><br/>上传照片: <input name = "file"type="file"/> <br/>日期: <input type="datetime-local"/> <br/>日期2: <input type="date"/> <br/>日期3:<input type="datetime"/> <br/>按钮: <input type="button" value="点我" οnclick=""/>官网: <input type="url"/><input type="submit"/><input type="reset" value="重置"/>
</form>String s = sc.nextline();接受输入带空格的字符串
String s = sc.next();不能接受带空格的字符串overflow:hidden:溢出隐藏
postion:absolute:绝对路径,脱离文档,图片层不会挡住

  

转载于:https://www.cnblogs.com/clever765/articles/7264687.html

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/355064.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

qt 保存绘制图片时背景变黑_QGraphicsScene绘制背景图片引起的问题

项目是基于Qt的图形视图框架编写的&#xff0c;现有个需求是要在图形中加入自定义的背景图片。心想不就是个背景图片吗&#xff1f;只要重写drawBackground函数我想怎么画就怎么画啊。于是立马从QGraphicsScene类中派生了一个CScene类&#xff0c;并重写了虚函数drawBackground…

JavaScript | JSON基本格式

————————————————————————————————————————————————————————— JSON 语法 "use strict"; // 简单值 "hello,world" // 必须使用双引号// 对象 {"name": "hugh","age&…

Linux命令大全(文件管理)

Linux命令&#xff08;文件管理命令&#xff09; 1、cat命令。用于连接文件并打印到标准输出设备上。 参数: -n 从1开始对所有的输出行数进行编号 -b 和n类似&#xff0c;只是不算空行 -s 大于等于2个空格&#xff08;连续的&#xff09;当一个空格处理 -T 将Tab字符显示…

jmeter 生成计数器_使用密码摘要生成器扩展JMeter

jmeter 生成计数器最近&#xff0c;我不得不处理一个具有50,000条用户记录的OpenLDAP实例&#xff0c;并进行一些压力测试。 JMeter是填充LDAP的最佳选择。 但是&#xff0c;在我的情况下&#xff0c;OpenLDAP配置为不接受任何明文密码。 因此&#xff0c;我无法使用通过JMet…

c++ 查找 list中最长的字符串_查找不重复字符的最长子字符串(编程面试中常见题-用8种编程语言来回答)...

查找不重复字符的最长子字符串&#xff08;编程面试中常见题-用8种编程语言来回答&#xff09;给定一个字符串str&#xff0c;找到不重复字符的最长子字符串。比如我们有 “ABDEFGABEF”, 最长的字符串是 “BDEFGA” 和 “DEFGAB”, 长度为6.再如 “BBBB” 最长字符串是 “B”,…

Spring Async和Java的8 CompletableFuture

众所周知&#xff0c;我不是Spring的最大粉丝&#xff0c;但是当时我在一个组织中工作&#xff0c;该组织使用Spring&#xff08;以不同的形式和版本&#xff09;维护了太多的项目。 我仍然对Spring持怀疑态度&#xff0c;当然有一些很好的主意&#xff0c;有一些很好的&#x…

JustOj 1032: 习题6.7 完数

题目描述 一个数如果恰好等于它的因子之和&#xff0c;这个数就称为"完数"。 例如&#xff0c;6的因子为1、2、3&#xff0c;而6123&#xff0c;因此6是"完数"。 编程序找出N之内的所有完数&#xff0c;并按下面格式输出其因子&#xff1a; 输入 N 输出 ?…

mysql 触发器 本表_MySQL触发器处理本表数据

关于MySQL的触发器&#xff0c;基本上每个Mysql教程里都有讲到&#xff0c;但是我发现那些教程里讲的都是如何处理其他表的数据。在MySQL中写触发器操作关于MySQL的触发器&#xff0c;基本上每个Mysql教程里都有讲到&#xff0c;但是我发现那些教程里讲的都是如何处理其他表的数…

JS 操作cookie

平时网站的开发中cookie用的还是用的比较多的&#xff0c;因为cookie在客户端&#xff0c;所以用js操作的比较多&#xff0c;下面是常用的设置、查找、删除等功能实现。 function addCookie(objName, objValue, objHours){//添加cookie var str objName "" esc…

官方野生蝇群流口水分数

官方是什么&#xff1f; 标题太小&#xff0c;但有用的贡献。 Wildfly Swarm允许我们创建相当小的自包含应用程序&#xff0c;包括我们从Wildfly Application Server中需要的应用程序。 在这篇文章中&#xff0c;我们将研究与Wildfly Swarm合作使用的Drools分数 。 该部分背后的…

SQL-十步完全理解 SQL

十步完全理解 SQL http://blog.jobbole.com/55086/ 刚开始看到了 执行顺序&#xff0c;写得挺好的&#xff0c;明天继续转载于:https://www.cnblogs.com/hpyg/p/7270168.html

MySQL 高水位update_Oracle delete 高水位线处理问题

最近遇到oracle 表中数据量很大查询和更新比较慢 需要删除&#xff0c;发现删除后查询速度还是很慢&#xff0c;原来是delete oracle 高水位没有下降的最近遇到Oracle 表中数据量很大查询和更新比较慢 需要删除&#xff0c;发现删除后查询速度还是很慢&#xff0c;原来是delete…

jasperreports_JasperReports JSF插件用例–简单列表报告

jasperreports这是JasperReports JSF插件系列的第一篇“用例文章” &#xff0c;我将专注于一个简单的需求&#xff0c;并且我将进一步深入。 起点是我们已经为图书商店完成的项目设置&#xff0c;我将向其中添加一个列表&#xff0c;其中包含在数据库中注册的其他图书&#xf…

mysql optimizer_mysql 参数optimizer_switch

mysql 5.1中开始引入optimizer_switch, 控制mysql优化器行为。他有一些结果集&#xff0c;通过on和off控制开启和关闭优化器行为。使用有效期全局和会话两个级别&#xff0c;在5.5中optimizer_swtich 可取结果如下&#xff0c;不同mysql版本可取结果不同。5.1和5.6参考官方文档…

2个菜鸟Java常量和枚举陷阱

在对Java和Groovy代码进行的各种代码审查中&#xff0c;我经常看到魔术数字和其他随机字符串在整个代码库中乱七八糟。 例如&#xff0c;魔术数字是下面的代码&#xff08;Groovy&#xff09;中的4.2&#xff1a; if (swashbuckle > 4.2) {... }4.2是什么意思&#xff1f;…

欧拉函数 euler

O - 找新朋友1、欧拉函数 euler&#xff08;&#xff09;在数论&#xff0c;对正整数n&#xff0c;欧拉函数是 少于或等于n的数中与n 互质 的数的数目。互质&#xff1a;公约数只有 1 的两个整数&#xff0c;称为互质整数。即 最大的公约数也就是 1 euler&#xff08;&#xf…

mysql cluster 外键_Mysql外键约束

Mysql集群创建外键&#xff0c;分为四种约束&#xff1a;no action&#xff0c;restrict&#xff0c;cascade&#xff0c;set null。如果表A的主关键字是表B中的字段&#xff0c;则该字段称为B的外键&#xff0c;表A称为主表&#xff0c;表B称为从表。外键是用来实现参照完整性…

Map类集合遍历

转载于:https://www.cnblogs.com/Neil223/p/7275035.html

小米10解锁bl跳过168_2021年小米红米手机官方解锁BL详细教程+跳过168小时方法合集...

MIUI的解锁风控一直在改动&#xff0c;从之前的无需解锁到现在的168小时绑定限制&#xff0c;时至2021年我们再次重新整理下小米的解锁新规则以及小米解锁常见问题解决方法。比如大家常问的如果跳过168小时解锁时间限制等等小米解锁工具下载&#xff1a;http://miuirom.xiaomi.…

orderby排序慢_使用@OrderBy对Spring Data MongoDB集合进行排序

orderby排序慢这是关于调整和增强Spring Data MongoDB功能的第三篇文章。 这次&#xff0c;我发现我错过了一个JPA功能– OrderBy批注。 OrderBy指定在检索关联值时集合值关联的元素的顺序。 在本文中&#xff0c;我将展示如何使用Spring Data MongoDB使用OrderBy批注实现排序 …