html平时常见的块元素有：div,p,h1,h2,h3等，内联元素有：span,a,img等。块元素的属性：无论内容是什么，都会独占一整行。主要用于页面布局。内联元素的属性：只占自身大小的元素，不会占用一行。主要用于选中文本设置样式。div块元素仅仅只用于进行页面布局，它自身不带任何默认样式。span内联元素可以用来选中文本设置文本的样式，其自身不会带默认样式。一般情况下，只使用块元素包含内联元
分类：
Web程序 时间：
2019-11-17 12:52:04
阅读次数：
80
在我们以往看到的页面效果中，很多效果是需要JS搭配使用的，而今天在本文中，我将介绍如何使用纯HTML打造属于自己的实用效果。1.**折叠手风琴**使用Details和Summary标签可以创建没有JavaScript代码的可折叠手风琴。效果：HTML<details><summary>LanguagesUsed</summary><p>Thispag
分类：
Web程序 时间：
2019-11-17 12:37:45
阅读次数：
78
一个网站能否让用户容易使用该网站往往是由菜单栏体现出来，因为它为网页的大多数页面提供功能入口。一个轻轻的点击以后，即可显示出菜单项，将网站的大部分页面和功能显示出来让用户清楚了解从而用户节约一定的时间。接下来我教大家写单击菜单栏中的菜单命令将会出现一个下拉菜单。1.HTML页面<divid="nav"><ul><li><ahref="">菜单一<
分类：
Web程序 时间：
2019-11-17 12:29:22
阅读次数：
80
HTML中img标签的src属性绝对路径问题解决办法，完全解决需求：有时候自己的项目img的src路径需要用到本地某文件夹下的图片，而不是直接使用项目根目录下的图片。场景：eclipse，tomcat，html，img，src，java注意：不需要寻找tomcat真实路径下的server.xml去修改，这个地方不需要修改。解决办法：1、在eclipse中找到你的项目发布的tomcat服务器，然后找
分类：
Web程序 时间：
2019-11-10 21:12:53
阅读次数：
106
HTMLDOM事件允许Javascript在HTML文档元素中注册不同事件处理程序。事件通常与函数结合使用，函数不会在事件发生前被执行！(如用户点击按钮)。利用onscroll事件写一个回到顶部功能，代码如下：<!DOCTYPEhtml><htmllang="zh"><head><metacharset="UTF-8"/><metaname="
分类：
Web程序 时间：
2019-11-10 21:02:03
阅读次数：
108
Web开发时常会遇到链接中调用JS操作，如：<ahref="#"onclick="showName(‘donhwa‘)">查看名字</a>这里的名字donhwa，偶尔会带有单引，或双引，或兼有之。这时，又要如何调整才不会暴脚本感叹号呢？也许你我都经常遇到，偶尔调整一阵可以了就这样过了，没有总结下来。下面是整理了一下的结
分类：
Web程序 时间：
2019-11-10 21:01:37
阅读次数：
111
弹性布局的名称概念：1、容器：需要添加弹性布局的父元素；项目：弹性布局容器中的每一个子元素，称为项目。2、主轴：在弹性布局中，我们会通过属性规定水平/垂直方向（flex-direction）为主轴；与主轴垂直的另一方向，称为交叉轴。弹性布局的重要的几大基础属性：1、flex-direction属性决定主轴的方向（即项目的排列方向）。row（默认值）：主轴为水平方向，起点在左端；row-revers
分类：
Web程序 时间：
2019-11-10 20:59:39
阅读次数：
130
为什么要用转义字符串？HTML中<，>，&等有特殊含义（<，>，用于链接签，&用于转义），不能直接使用。这些符号是不显示在我们最终看到的网页里的，那如果我们希望在网页中显示这些符号，该怎么办呢？这就要说到HTML转义字符串（EscapeSequence）了。转义字符串（EscapeSequence）也称字符实体(CharacterEntity)。在HTML中
分类：
Web程序 时间：
2019-11-10 20:58:07
阅读次数：
88
HTML的组成部分dtd部分：文档类型说明，声明版本、标准header部分：给机器看的body部分：给人看的CSS控制div显示<div>是一个块级元素。这意味着它的内容自动地开始一个新行。实际上，换行是<div>固有的唯一格式表现。可以通过<div>的class或id应用额外的样式。如下代码是CSS通过id设置每个div的宽高和背景色<!doctypeh
分类：
Web程序 时间：
2019-11-10 10:24:10
阅读次数：
117
弹性布局的名称概念：1、容器：需要添加弹性布局的父元素；项目：弹性布局容器中的每一个子元素，称为项目。2、主轴：在弹性布局中，我们会通过属性规定水平/垂直方向（flex-direction）为主轴；与主轴垂直的另一方向，称为交叉轴。弹性布局的重要的几大基础属性：1、flex-direction属性决定主轴的方向（即项目的排列方向）。row（默认值）：主轴为水平方向，起点在左端；row-revers
分类：
Web程序 时间：
2019-11-10 09:59:57
阅读次数：
105
