0

0

Html小知识总结

怪我咯

怪我咯

发布时间:2017-01-16 11:51:02

|

1584人浏览过

|

来源于php中文网

原创

1、跳出新页面:

target="_self"不跳转

form表单提交的跳转设置

2、点击按钮跳出别的页面添加

立即学习前端免费学习笔记(深入)”;

onclick="return false"

3、display:block;块级元素,也就是说它可以设置一些宽高,独占一行,比如,div元素,p元素等display:inline-block,行级元素,也就说它可以使得同样设置成行级元素的元素一起在一行,然后可以设置宽高,这个适应于制作一个导航菜单,将每个菜单项设置成行级元素。它的宽和高默认是内容的宽和高,典型的元素是表单类的元素。dispaly:inline.行级元素,不可设置宽和高,默认宽高是内容的宽和高,典型的比如,span,

4、html鼠标小手:

cursor:pointer;

5、html背景图属性:

background-size:100%;,但是你的图片宽度,高度要设置成100% ,要注意的是.php的文件里面这个background-image:url();不好用,失效,你要使用网站的绝对路径background:url('/20151106/404/image/404.png') no-repeat 4px 5px;}background:url("11111.jpg");background-repeat:no-repeat;background-size:100%;width:100%;height:100%;

这个是给页面加背景的body{padding: 0px;margin: 0px;background-color:#494949;width:100%;height:100%;}.

还有在设置背景图片的时候可以使用背景background-image:url("");这个属性来设置背景,但是图片要用gif的格式

6、按输出方式来显示文本格式:

横线:


双引号标签下划线

7、html---position/relative/absolute/fixed/三种布局定位方式的总结relative是按照自身来说,absolute是按照浏览器来说,但是要注意的是,如果他有父级元素的话,那么他就是依照父级元素来进行改变位置的。

8、无序列表去掉前面黑点li{list-style:none;}

9、隐藏元素 - display:none或visibility:hidden

display-这个元素,设置之后原本的元素不会占用当前的空间,不会影响布局,但是后者,隐藏之后还会占用空间

10、HTML隐藏多余

Div{overflow:hidden}

10、隐藏自适应:overflow:auto;

11、关于框架的问题

Deep Search
Deep Search

智能文献、网页检索与分析工具。AI赋能,洞悉万象,让知识检索与总结触手可及

下载

这个是接受你要显示页面

indx.php是框架显示的页面,最上面,也就是没按键显示

这个是你点击之后想在哪显示后面加:target=""

添加分类

12、关于背景的高的问题,也就是说你定义了一个div但是没有搞,是为了让你的图片在上面。那么就有这个属性了

overflow:hidden;

也就是你本身是属于父级元素的,但是你float就脱离了文本,变成浮动的,所有就不会在用父子元素的空间,所以就父级加上这个overflow:hidden;

13、锚点的设置

在你想跳转的页面的地方加上:

然后在你想加链接的地方加上去找锚点

14.点击换验证码图片

15、圆角

border-radius:5px;

16、textarea的左侧文字在最左边

style="vertical-align:top"

17、html块状元素和内联元素的总结,块状元素可以设置margin,但是使用margin的时候要符合:1.块状元素,2.有宽高,其中内联元素不能设置margin和宽高的属性,只能设置padding

块状元素列表:

定义地址

定义表格标题

定义列表中定义条目

定义文档中的分区或节

定义列表

定义列表中的项目

定义一个框架集

创建 HTML 表单

定义最大的标题

定义副标题

定义标题

定义标题

定义标题

定义最小的标题


创建一条水平线

元素为

元素定义标题

  • 标签定义列表项目

    为那些不支持框架的浏览器显示文本,于 frameset 元素内部<br><br><noscript>定义在脚本未被执行时的替代内容<br><br><ol>定义有序列表<br><br> </ol> <ul>定义无序列表<br><br><p>标签定义段落<br><br></p> </ul> <pre class="brush:php;toolbar:false;">定义预格式化的文本<br><br></pre> <table>标签定义 HTML 表格<br><br><tbody>标签表格主体(正文)<br><br><td>表格中的标准单元格<br><br> </td> </tbody> <tfoot>定义表格的页脚(脚注或表注)<br><br><th>定义表头单元格<br><br><thead>标签定义表格的表头<br><br><tr>定义表格中的行<h2>内联元素列表</h2> <p><a>标签可定义锚<br><br><abbr>表示一个缩写形式<br><br><acronym>定义只取首字母缩写<br><br><b>字体加粗<br><br><bdo>可覆盖默认的文本方向<br><br><big>大号字体加粗<br><br><br>换行<br><br><cite>引用进行定义<br><br><code>定义计算机代码文本<br><br><dfn>定义一个定义项目<br><br><em>定义为强调的内容<br><br><i>斜体文本效果<br><br><img alt="Html小知识总结" >向网页中嵌入一幅图像<br><br><input>输入框<br><br><kbd>定义键盘文本<br><br><label>标签为<br><br><input> 元素定义标注(标记)<br><br><q>定义短的引用<br><br><samp>定义样本文本<br><br><select>创建单选或多选菜单<br><br><small>呈现小号字体效果<br><br><span>组合文档中的行内元素<br><br><strong>语气更强的强调的内容<br><br><sub>定义下标文本<br><br><sup>定义上标文本<br><br><textarea>多行的文本输入控件<br><br><tt>打字机或者等宽的文本效果<br><br><var>定义变量<br></var></tt></textarea></sup></sub></strong></span></small></select></samp></q></label></kbd></i></em></dfn></code></cite></big></bdo></b></acronym></abbr></a></p> </tr> </thead> </th> </tfoot> </table> </noscript>
  • 相关文章

    HTML速学教程(入门课程)
    HTML速学教程(入门课程)

    HTML怎么学习?HTML怎么入门?HTML在哪学?HTML怎么学才快?不用担心,这里为大家提供了HTML速学教程(入门课程),有需要的小伙伴保存下载就能学习啦!

    下载

    相关标签:

    本站声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

    相关专题

    更多
    Java 桌面应用开发(JavaFX 实战)
    Java 桌面应用开发(JavaFX 实战)

    本专题系统讲解 Java 在桌面应用开发领域的实战应用,重点围绕 JavaFX 框架,涵盖界面布局、控件使用、事件处理、FXML、样式美化(CSS)、多线程与UI响应优化,以及桌面应用的打包与发布。通过完整示例项目,帮助学习者掌握 使用 Java 构建现代化、跨平台桌面应用程序的核心能力。

    37

    2026.01.14

    php与html混编教程大全
    php与html混编教程大全

    本专题整合了php和html混编相关教程,阅读专题下面的文章了解更多详细内容。

    19

    2026.01.13

    PHP 高性能
    PHP 高性能

    本专题整合了PHP高性能相关教程大全,阅读专题下面的文章了解更多详细内容。

    37

    2026.01.13

    MySQL数据库报错常见问题及解决方法大全
    MySQL数据库报错常见问题及解决方法大全

    本专题整合了MySQL数据库报错常见问题及解决方法,阅读专题下面的文章了解更多详细内容。

    19

    2026.01.13

    PHP 文件上传
    PHP 文件上传

    本专题整合了PHP实现文件上传相关教程,阅读专题下面的文章了解更多详细内容。

    16

    2026.01.13

    PHP缓存策略教程大全
    PHP缓存策略教程大全

    本专题整合了PHP缓存相关教程,阅读专题下面的文章了解更多详细内容。

    6

    2026.01.13

    jQuery 正则表达式相关教程
    jQuery 正则表达式相关教程

    本专题整合了jQuery正则表达式相关教程大全,阅读专题下面的文章了解更多详细内容。

    3

    2026.01.13

    交互式图表和动态图表教程汇总
    交互式图表和动态图表教程汇总

    本专题整合了交互式图表和动态图表的相关内容,阅读专题下面的文章了解更多详细内容。

    45

    2026.01.13

    nginx配置文件详细教程
    nginx配置文件详细教程

    本专题整合了nginx配置文件相关教程详细汇总,阅读专题下面的文章了解更多详细内容。

    9

    2026.01.13

    热门下载

    更多
    网站特效
    /
    网站源码
    /
    网站素材
    /
    前端模板

    精品课程

    更多
    相关推荐
    /
    热门推荐
    /
    最新课程
    Bootstrap 5教程
    Bootstrap 5教程

    共46课时 | 2.9万人学习

    AngularJS教程
    AngularJS教程

    共24课时 | 2.6万人学习

    CSS教程
    CSS教程

    共754课时 | 19万人学习

    关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
    php中文网:公益在线php培训,帮助PHP学习者快速成长!
    关注服务号 技术交流群
    PHP中文网订阅号
    每天精选资源文章推送

    Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号