块级标签和内联标签

块级标签：

内联标签：_{^{<span></p><p><strong><span style="color:#ff0000">block（块）元素的特点</span></strong></p><p>① 总是在新行上开始；</p><p>② 高度，行高以及外边距和内边距都可控制；</p><p>③ 宽度缺省是它的容器的100%，除非设定一个宽度。</p><p>④ 它可以容纳内联元素和其他块元素</p><p><strong><span style="color:#ff0000">inline元素的特点</span></strong></p><p>① 和其他元素都在一行上；</p><p>② 高，行高及外边距和内边距不可改变；</p><p>③ 宽度就是它的文字或图片的宽度，不可改变</p><p>④ 内联元素只能容纳文本或者其他内联元素</p><p>对行内元素，需要注意如下</p><p>设置宽度width 无效。</p><p>设置高度height 无效，可以通过line-height来设置。</p><p>设置margin 只有左右margin有效，上下无效。</p><p>设置padding 只有左右padding有效，上下则无效。注意元素范围是增大了，但是对元素周围的内容是没影响的。</p><p><strong><span style="color:#ff0000">特殊字符：</span></strong></p><p><>；"；©®</p><p>图形标签<img>：</p><p>src: 要显示图片的路径.</p><p>alt: 图片没有加载成功时的提示.</p><p>title: 鼠标悬浮时的提示信息.</p><p>width: 图片的宽</p><p>height:图片的高 (宽高两个属性只用一个会自动等比缩放.)</p><p>超链接标签<a>:　</p><p>href:要连接的资源路径 格式如下: href="https://www.php1.cn"</p><p>target: _blank : 在新的窗口打开超链接. 框架名称: 在指定框架中打开连接内容.</p><p>name: 定义一个页面的书签.</p><p>用于跳转 href : #书签名称.</p><p><strong>列表标签:</strong></p><p><ul>: 无序列表</p><p><ol>:有序列表</p><p> <li>:列表中的每一项.</p><p><dl> 定义列表</p><p> <dt> 列表标题</p><p> <dd> 列表项</p><p>表格标签<table>：</p><p><br/>border: 表格边框.</p><p>cellpadding: 内边距</p><p>cellspacing: 外边距.</p><p>width: 像素 百分比.（最好通过css来设置长宽）</p><p><tr>: table row</p><p> <th>: table head cell</p><p> <td>: table data cell</p><p>rowspan: 单元格竖跨多少行</p><p>colspan: 单元格横跨多少列（即合并单元格）</p><p><th>: table header <tbody>(不常用): 为表格进行分区</p><p>表单标签</p><p>表单用于向服务器传输数据。</p><p>表单能够包含 input 元素，比如文本字段、复选框、单选框、提交按钮等等。</p><p>表单还可以包含textarea、select、fieldset和 label 元素。</p><p><strong><span style="color:#ff00ff">1、表单的属性</span></strong></p><p>HTML 表单用于接收不同类型的用户输入，用户提交表单时向服务器传输数据，从而实现用户与Web服务器的交互。表单标签, 要提交的所有内容都应该在该标签中.</p><p>action: 表单提交到哪. 一般指向服务器端一个程序,程序接收到表单提交过来的数据（即表单元素值）作相应处理，比如<a rel="nofollow" href="https://www.sogou.com/web" target="_blank">https://www.sogou.com/web</a></p><p>method: 表单的提交方式 post/get 默认取值 就是 get（信封）</p><p>get: 1.提交的键值对.放在地址栏中url后面. 2.安全性相对较差. 3.对提交内容的长度有限制.</p><p>post:1.提交的键值对 不在地址栏. 2.安全性相对较高. 3.对提交内容的长度理论上无限制.</p><p>get/post是常见的两种请求方式.</p><p><strong><span style="color:#ff00ff">2.表单元素</span></strong></p><p><input> <br/>type: <br/>text 文本输入框</p><p>password 密码输入框</p><p>radio 单选框</p><p>checkbox 多选框 </p><p>submit 提交按钮 </p><p>button 按钮(需要配合js使用.) button和submit的区别？</p><p>file 提交文件：form表单需要加上属性enctype="multipart/form-data"</p><p class="codeHead"><span class="lantxt">XML/HTML Code</span><span style="CURSOR: pointer" class="copyCodeText">复制内容到剪贴板</span></p><pre class="brush:js;toolbar:false">def index(request): print request.POST print request.GET print request.FILES for item in request.FILES: fileObj = request.FILES.get(item) f = open(fileObj.name, &＃39;wb&＃39;) iter_file = fileObj.chunks() for line in iter_file: f.write(line) f.close() return HttpResponse(&＃39;ok&＃39;)　</pre><p>name: 表单提交项的键.注意和id属性的区别：name属性是和服务器通信时使用的名称；而id属性是浏览器端使用的名称，该属性主要是为了方便客户端编程，而在</p><p>css和Javascript中使用的。</p><p>value: 表单提交项的值.对于不同的输入类型，value 属性的用法也不同：</p><p>type="button", "reset", "submit" - 定义按钮上的显示的文本</p><p>type="text", "password", "hidden" - 定义输入字段的初始值</p><p>type="checkbox", "radio", "image" - 定义与输入相关联的值</p><p>checked: radio 和 checkbox 默认被选中</p><p>readonly: 只读. text 和 password</p><p>disabled: 对所用input都好使.</p><p><select> 下拉选标签属性：</p><p>name:表单提交项的键.</p><p>size：选项个数</p><p>multiple：multiple</p><p><option> 下拉选中的每一项 属性：value:表单提交项的值. selected: selected下拉选默认被选中</p><p><optgroup>为每一项加上分组</p><p><textarea> 文本域 name:表单提交项的键. cols:文本域默认有多少列 rows:文本域默认有多少行</p><p><label></p><pre class="brush:html;toolbar:false"> <label for="www">姓名</label> <input id="www" type="text"></pre><p><fieldset></p><pre class="brush:html;toolbar:false"><fieldset> <leg end >登录吧</legend> <input type="text"> </fieldset></pre> <br> <script type="text/javascript"> var cpro_id = "u6885494"; </script> <script type="text/javascript" src="//cpro.baidustatic.com/cpro/ui/cm.js"></script> </div> <div class="blog_tags"> <ul> <li><a href="https://www.php1.cn/tag/html" target="_blank" title="html">html</a></li> <li><a href="https://www.php1.cn/tag/机器人" target="_blank" title="机器人">机器人</a></li> <li><a href="https://www.php1.cn/tag/https" target="_blank" title="https">https</a></li> <li><a href="https://www.php1.cn/tag/php" target="_blank" title="php">php</a></li> <li><a href="https://www.php1.cn/tag/chrome" target="_blank" title="chrome">chrome</a></li> <li><a href="https://www.php1.cn/tag/容器" target="_blank" title="容器">容器</a></li> <li><a href="https://www.php1.cn/tag/css" target="_blank" title="css">css</a></li> <li><a href="https://www.php1.cn/tag/服务器" target="_blank" title="服务器">服务器</a></li> <li><a href="https://www.php1.cn/tag/go" target="_blank" title="go">go</a></li> </ul> </div> <div class="article_cmnt" style="display: none;"> <div class="cmnt_title">写下你的评论吧 !</div> <form action="" method="post"> <div class="cmnt_text"> <textarea class="ping-txt" onfocus="ck_txt(this);" onblur="ck_txt2(this);" id="ping-txt" name="ping-txt" >吐个槽吧,看都看了}}

会员登录 | 用户注册
推荐阅读
• jsp

  Alink回归预测的不完善问题及期待

  本文讨论了Alink回归预测的不完善问题，指出目前主要针对Python做案例，对其他语言支持不足。同时介绍了pom.xml文件的基本结构和使用方法，以及Maven的相关知识。最后，对Alink回归预测的未来发展提出了期待。 ... [详细]

  蜡笔小新   2023-12-14 14:25:33
• jsp

  Hibernate基础映射

  在说Hibernate映射前，我们先来了解下对象关系映射ORM。ORM的实现思想就是将关系数据库中表的数据映射成对象，以对象的形式展现。这样开发人员就可以把对数据库的操作转化为对 ... [详细]

  蜡笔小新   2023-12-14 10:57:47
• jsp

  SpringBoot集成前端模版（thymeleaf）的配置步骤

  本文介绍了在SpringBoot中集成thymeleaf前端模版的配置步骤，包括在application.properties配置文件中添加thymeleaf的配置信息，引入thymeleaf的jar包，以及创建PageController并添加index方法。 ... [详细]

  蜡笔小新   2023-12-14 10:11:46
• jsp

  知识图谱——机器大脑中的知识库

  

  本文介绍了知识图谱在机器大脑中的应用，以及搜索引擎在知识图谱方面的发展。以谷歌知识图谱为例，说明了知识图谱的智能化特点。通过搜索引擎用户可以获取更加智能化的答案，如搜索关键词"Marie Curie"，会得到居里夫人的详细信息以及与之相关的历史人物。知识图谱的出现引起了搜索引擎行业的变革，不仅美国的微软必应，中国的百度、搜狗等搜索引擎公司也纷纷推出了自己的知识图谱。 ... [详细]

  蜡笔小新   2023-12-14 10:06:19
• php

  Voicewo在线语音识别转换jQuery插件的特点和示例

  

  本文介绍了一款名为Voicewo的在线语音识别转换jQuery插件，该插件具有快速、架构、风格、扩展和兼容等特点，适合在互联网应用中使用。同时还提供了一个快速示例供开发人员参考。 ... [详细]

  蜡笔小新   2023-12-13 20:01:16
• jsp

  Java验证码——kaptcha的使用配置及样式

  

  本文介绍了如何使用kaptcha库来实现Java验证码的配置和样式设置，包括pom.xml的依赖配置和web.xml中servlet的配置。 ... [详细]

  蜡笔小新   2023-12-13 13:58:25
• jsp

  深入理解CSS中的margin属性及其应用场景

  

  本文主要介绍了CSS中的margin属性及其应用场景，包括垂直外边距合并、padding的使用时机、行内替换元素与费替换元素的区别、margin的基线、盒子的物理大小、显示大小、逻辑大小等知识点。通过深入理解这些概念，读者可以更好地掌握margin的用法和原理。同时，文中提供了一些相关的文档和规范供读者参考。 ... [详细]

  蜡笔小新   2023-12-12 18:01:10
• jsp

  图片处理应用：固定容器缩略图实现

  本文介绍了一种图片处理应用，通过固定容器来实现缩略图的功能。该方法可以实现等比例缩略、扩容填充和裁剪等操作。详细的实现步骤和代码示例在正文中给出。 ... [详细]

  蜡笔小新   2023-12-10 18:52:53
• jsp

  ECMA262规定typeof操作符的返回值和instanceof的使用方法

  

  本文介绍了ECMA262规定的typeof操作符对不同类型的变量的返回值，以及instanceof操作符的使用方法。同时还提到了在不同浏览器中对正则表达式应用typeof操作符的返回值的差异。 ... [详细]

  蜡笔小新   2023-12-10 17:31:51
• jsp

  Ubuntu 9.04中安装谷歌Chromium浏览器及使用体验[图文]

  

  nsitionalENhttp:www.w3.orgTRxhtml1DTDxhtml1-transitional.dtd ... [详细]

  蜡笔小新   2023-12-13 13:30:30
• php

  南邮ctf-web的writeup

  本文介绍了南邮ctf-web的writeup，包括签到题和md5 collision。在CTF比赛和渗透测试中，可以通过查看源代码、代码注释、页面隐藏元素、超链接和HTTP响应头部来寻找flag或提示信息。利用PHP弱类型，可以发现md5('QNKCDZO')='0e830400451993494058024219903391'和md5('240610708')='0e462097431906509019562988736854'。 ... [详细]

  蜡笔小新   2023-12-13 10:58:55
• main

  开发笔记：使用Junit和黄瓜进行自动化测试步骤缺失

  本文由编程笔记小编整理，主要介绍了使用Junit和黄瓜进行自动化测试中步骤缺失的问题。文章首先介绍了使用cucumber和Junit创建Runner类的代码，然后详细说明了黄瓜功能中的步骤和Steps类的实现。本文对于需要使用Junit和黄瓜进行自动化测试的开发者具有一定的参考价值。摘要长度：187字。 ... [详细]

  蜡笔小新   2023-12-11 20:20:32
• text

  如何在HTML中获取鼠标的当前位置

  

  本文介绍了在HTML中获取鼠标当前位置的三种方法，分别是相对于屏幕的位置、相对于窗口的位置以及考虑了页面滚动因素的位置。通过这些方法可以准确获取鼠标的坐标信息。 ... [详细]

  蜡笔小新   2023-12-11 13:04:00
• web

  响应式页面的概述和实现方式

  本文介绍了响应式页面的概念和实现方式，包括针对不同终端制作特定页面和制作一个页面适应不同终端的显示。分析了两种实现方式的优缺点，提出了选择方案的建议。同时，对于响应式页面的需求和背景进行了讨论，解释了为什么需要响应式页面。 ... [详细]

  蜡笔小新   2023-12-11 12:37:10
• php

  2016 linux发行版排行_灵越7590 安装 linux (manjarognome)

  

  RT之前做了一次灵越7590黑苹果炒作业的文章，希望能够分享给更多不想折腾的人。kawauso：教你如何给灵越7590黑苹果抄作业​zhuanlan.z ... [详细]

  蜡笔小新   2023-12-10 19:11:07

郭辛奇木书可卿
这个家伙很懒，什么也没留下！
Tags | 热门标签
• settings
• hashcode
• install
• ip
• main
• request
• export
• web
• text
• cSharp
• uri
• perl
• case
• filter
• grid
• web3
• split
• cmd
• flutter
• callback
• timezone
• bitmap
• httpclient
• const
• php
• jsp
• sum
• cookie
• include
• golang
RankList | 热门文章
• 1Android获得当前正在显示的activity类名的方法
• 2Android在不使用数据库的情况下存储数据的方法
• 3android自由改变Dialog窗口位置的方法
• 4android打开本地图像的方法
• 5Android实现Activities之间进行数据传递的方法
• 6android中实现完全退出程序方法（退出所有activity）
• 7android使用include调用内部组件的方法
• 8android实现字体闪烁动画的方法
• 9Android控件之ScrollView用法实例分析
• 10Android控件之ImageView用法实例分析
• 11Android普通对话框用法实例分析
• 12android中Bitmap用法(显示,保存,缩放,旋转)实例分析
• 13Android实现获取签名及公钥的方法
• 14Android中修改设备权限的方法
• 15Android测量每秒帧数Frames Per Second (FPS)的方法
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有