- 浏览: 494337 次
- 性别:
- 来自: 广州
文章分类
- 全部博客 (502)
- Java (70)
- Linux (10)
- 数据库 (38)
- 网络 (10)
- WEB (13)
- JSP (4)
- 互联网 (71)
- JavaScript (30)
- Spring MVC (19)
- HTML (13)
- CSS (3)
- AngularJS (18)
- Redis (5)
- Bootstrap CSS (1)
- ZooKeeper (4)
- kafka (6)
- 服务器缓存 (4)
- Storm (1)
- MongoDB (9)
- Spring boot (16)
- log4j (2)
- maven (3)
- nginx (5)
- Tomcat (2)
- Eclipse (4)
- Swagger (2)
- Netty (5)
- Dubbo (1)
- Docker (7)
- Hadoop (12)
- OAuth (1)
- webSocket (4)
- 服务器性能 (7)
- Session共享 (1)
- tieye修改 (1)
- 工作 (1)
- 有用的语录 (0)
- https (2)
- common (5)
- 产品开发管理 (1)
- CDN 工作原理 (1)
- APNS、GCM (1)
- 架构图 (3)
- 功能实现分析 (1)
- JMX (1)
- 服务器相关操作命令 (1)
- img02 (0)
- 服务器环境搭建 (9)
- goodMenuBook (1)
- CEInstantPot (0)
- 有用数据 (1)
- 百度地图WEB API (2)
- 正则表达式 (1)
- 样式例子 (2)
- staticRecipePressureCooker.zip (1)
- jCanvas (1)
- 网站攻击方法原理 (1)
- 架构设计 (3)
- 物联网相关 (3)
- 研发管理 (7)
- 技术需求点 (1)
- 计划 (1)
- spring cloud (11)
- 服务器开发的一些实用工具和方法 (1)
- 每天学到的技术点 (4)
- Guava (1)
- ERP 技术注意要点 (2)
- 微信小程序 (1)
- FineRepor (1)
- 收藏夹 (1)
- temp (5)
- 服务架构 (4)
- 任职资格方案 (0)
- osno_test (1)
- jquery相关 (3)
- mybatis (4)
- ueditor (1)
- VueJS (7)
- python (10)
- Spring EL (1)
- shiro (1)
- 前端开发原理与使用 (7)
- YARN (1)
- Spark (1)
- Hbase (2)
- Pig (2)
- 机器学习 (30)
- matplotlib (1)
- OpenCV (17)
- Hystrix (1)
- 公司 (1)
- miniui (4)
- 前端功能实现 (3)
- 前端插件 (1)
- 钉钉开发 (2)
- Jenkins (1)
- elasticSearch使用 (2)
- 技术规范 (4)
- 技术实现原理 (0)
最新评论
HTML 部分标签解说
<q>
<q> 元素定义短的引用
浏览器通常会为 <q> 元素包围引号。
实例:
<code>
<code> 元素不保留多余的空格和折行
实例
HTML 注释标签
<!-- Write your comments here -->
浏览器不会显示注释,但是能够帮助记录您的 HTML 文档。
图像背景(在body中加入background属性)
<img>(图像)
<map>
定义一个客户端图像映射,图像映射(image-map)指带有可点击区域的一幅图像。
图像地图
area 元素永远嵌套在 map 元素内部。area 元素可定义图像映射中的区域。
map提供一个集合,area 提供的是一个区域的定位
<img>中的 usemap 属性可引用 <map> 中的 id 或 name 属性(取决于浏览器),
所以我们应同时向 <map> 添加 id 和 name 属性。
<table>
<table>:定义表格
<caption>:定义表格标题。
<th>:定义表格的表头。(一列或一行的属性名)
<tr>:定义表格的行。(定义一行)
<td>:定义表格单元。(一人单元格的内容)
<thead>:定义表格的页眉。
<tbody>:定义表格的主体。
<tfoot>:定义表格的页脚。
<col>:定义用于表格列的属性。
<colgroup>:定义表格列的组。
HTML 列表
<ul>无序列表
<ol>有序列表
<li>定义列表项
<dl>定义列表,每个自定义列表项以 <dt> 开始。每个自定义列表项的定义以 <dd> 开始。
HTML Iframe
HTML 颜色
Color HEX:#0000FF
Color RGB:rgb(0,0,255)
颜色名:green
<q>
<q> 元素定义短的引用
浏览器通常会为 <q> 元素包围引号。
实例:
<p>WWF 的目标是:<q>构建人与自然和谐共存的世界。</q></p> 输出: WWF 的目标是"构建人与自然和谐相处的世界。"
<code>
<code> 元素不保留多余的空格和折行
实例
<!DOCTYPE html> <html> <body style="font-size:16px"> <p>code 元素不保留多余的空格和折行:</p> <code> var person = { firstName:"Bill", lastName:"Gates", age:50, eyeColor:"blue" } </code> </body> </html> 输出: code 元素不保留多余的空格和折行: var person = { firstName:"Bill", lastName:"Gates", age:50, eyeColor:"blue" }
<pre> <!DOCTYPE html> <html> <body style="font-size:16px"> <p>code 元素不保留多余的空格和折行:</p> <p>如需解决该问题,您必须在 pre 元素中包围代码:</p> <code> <pre> var person = { firstName:"Bill", lastName:"Gates", age:50, eyeColor:"blue" } </pre> </code> </body> </html> 输出: code 元素不保留多余的空格和折行: 如需解决该问题,您必须在 pre 元素中包围代码: var person = { firstName:"Bill", lastName:"Gates", age:50, eyeColor:"blue" }
HTML 注释标签
<!-- Write your comments here -->
浏览器不会显示注释,但是能够帮助记录您的 HTML 文档。
图像背景(在body中加入background属性)
<html> <body background="/i/eg_background.jpg"> <h3>图像背景</h3> </body> </html>
<img>(图像)
<img src="/i/eg_mouse.jpg" width="200" height="200" align="bottom" alt="移到图片时提示内容" usemap="#planetmap">
<html> <body> <h2>未设置对齐方式的图像:</h2> <p>图像 <img src ="/i/eg_cute.gif"> 在文本中</p> <h2>已设置对齐方式的图像:</h2> <p>图像 <img src="/i/eg_cute.gif" align="bottom"> 在文本中</p> <p>图像 <img src ="/i/eg_cute.gif" align="middle"> 在文本中</p> <p>图像 <img src ="/i/eg_cute.gif" align="top"> 在文本中</p> <p>请注意,bottom 对齐方式是默认的对齐方式。</p> </body> </html> <p> 您也可以把图像作为链接来使用: <a href="/example/html/lastpage.html"> <img border="0" src="/i/eg_buttonnext.gif" /> </a> </p>
<map>
定义一个客户端图像映射,图像映射(image-map)指带有可点击区域的一幅图像。
图像地图
area 元素永远嵌套在 map 元素内部。area 元素可定义图像映射中的区域。
map提供一个集合,area 提供的是一个区域的定位
<img>中的 usemap 属性可引用 <map> 中的 id 或 name 属性(取决于浏览器),
所以我们应同时向 <map> 添加 id 和 name 属性。
<img src="planets.jpg" border="0" usemap="#planetmap" alt="Planets" /> <map name="planetmap" id="planetmap"> <area shape="circle" coords="180,139,14" href ="venus.html" alt="Venus" /> <area shape="circle" coords="129,161,10" href ="mercur.html" alt="Mercury" /> <area shape="rect" coords="0,0,110,260" href ="sun.html" alt="Sun" /> </map> <!DOCTYPE html> <html> <body> <p>请把鼠标移动到图像上,看一下状态栏的坐标如何变化。</p> //显示<a>里的href <a href="/example/html/html_ismap.html"> <img src="/i/eg_planets.jpg" ismap /> //加入ismap </a> </body> </html>
<table>
<table>:定义表格
<caption>:定义表格标题。
<th>:定义表格的表头。(一列或一行的属性名)
<tr>:定义表格的行。(定义一行)
<td>:定义表格单元。(一人单元格的内容)
<thead>:定义表格的页眉。
<tbody>:定义表格的主体。
<tfoot>:定义表格的页脚。
<col>:定义用于表格列的属性。
<colgroup>:定义表格列的组。
<table border="1" //border边框大小 bgcolor="red" // background="/07.gif" //表格添加背景颜色或背景图像,也可向td设置, frame="box" //"frame" 属性来控制围绕表格的边框. cellspacing="10" //单元格间距,单元格间距增加单元格之间的距离。 cellpadding="10"> //单元格填充来创建单元格内容与其边框之间的空白。 <caption>我的标题</caption> <tr> <th colspan="2">姓名</th> //横跨两列的单元格 <th rowspan="2">电话</th> //横跨两行的单元格 <th>电话</th> </tr> <tr> <td align="left">Bill</td> //排列内容(左对齐) <td>555</td> <td>555</td> </tr> </table>
HTML 列表
<ul>无序列表
<ol>有序列表
<li>定义列表项
<dl>定义列表,每个自定义列表项以 <dt> 开始。每个自定义列表项的定义以 <dd> 开始。
<ol> <li>Coffee</li> <li>Milk</li> </ol> <dl> <dt>Coffee</dt> <dd>Black hot drink</dd> <dt>Milk</dt> <dd>White cold drink</dd> </dl>
HTML Iframe
<iframe src="demo_iframe.htm" width="200" height="200" frameborder="0"></iframe> //设置属性值为 "0" 就可以移除边框
HTML 颜色
Color HEX:#0000FF
Color RGB:rgb(0,0,255)
颜色名:green
发表评论
-
定时调用函数功能实现
2021-06-11 10:26 1103<html> <head> & ... -
百度人脸识别
2021-05-21 16:11 360package com.gaojinsoft.htwy.y20 ... -
点击DIV触发上传文件的方法
2021-05-20 14:11 1191<div Style="float:left ... -
前端格式化工具与检测工具选择与使用
2021-05-10 20:26 716//工具安装前的准备与 ... -
defineProperty Array push 监听
2020-10-31 15:16 462<!DOCTYPE html> <html ... -
weuiJsLayer.js
2020-07-24 09:56 261var weuiJsAlterMap = {}; f ... -
dataViewCommonJs
2020-05-09 17:00 354// var _elementIdToDataMap={} ... -
setFormData
2019-12-20 22:30 0function setFormData(selector,d ... -
jQuery Validate 校验
2019-09-25 21:16 324https://www.runoob.com/jquery/j ... -
附件下载和导出
2019-07-19 16:55 593//post下载导出附件 function export ... -
miniUITest
2019-07-12 15:35 343miniUITest -
from转JSON的Obj 、js空判断、 js数字判断
2019-07-04 22:54 480miniUI总界面 from转JSON的Obj js空判断 j ... -
HTML input 表单
2016-09-01 10:22 1086HTML 表单 HTML 表单用于搜集不同类型的用户输入 ...
相关推荐
本教程将详细解说Struts标签的使用,并提供实战练习,帮助开发者更好地理解和掌握这一技术。 一、Struts标签简介 Struts标签库是Apache Struts框架的一部分,它提供了丰富的标签来处理常见的JSP任务,如显示和隐藏...
接着是<html>标签,它是整个文档的根元素,包含和两个主要部分。部分存储元信息,如页面标题、字符集设置等;部分则包含用户在浏览器中看到的实际内容。 二、HTML标签 HTML标签是HTML文档的核心,它们告诉浏览器...
遗憾的是,第三章似乎缺少一个文件,这可能意味着其中的一部分内容缺失,学习者需要额外寻找替代资源或者根据其他章节推测缺失的内容。 综上所述,这个资源包提供了一个深入学习和实践DIV+CSS技术的机会。学习者...
- **HTMLTable标签**:使用`Grid<Table>`和`Freeform<DIV>+<SPAN>`标签可以控制导出HTML表单的布局。 - **Excel兼容性**:需要注意的是,导出的HTML表单在Excel中的显示可能会有所不同。 ##### 10. Export.XML方法 ...
JSP页面由两部分组成:静态内容(HTML、CSS、JavaScript)和动态脚本元素。动态元素包括指令(Directives)、脚本元素(Scripting Elements)以及声明(Declarations)。 - **指令**(Directives)如`...
它由`<select>`标签定义,每个选项则用`<option>`标签表示。例如: ```html <option value="red">Red <option value="green">Green <option value="blue">Blue ``` 在给定的部分内容中,“бname:q+id;value=0|...
Tsung的XML配置文件包含多个部分,如`load`定义测试的负载模型,`servers`定义服务器信息,`clients`定义客户端设置,`sessions`描述用户行为等。深入理解这些元素的含义和用法是创建有效测试场景的关键。 总之,...
3. 外部样式表(External styles):将CSS代码放在单独的`.css`文件中,然后在HTML中通过`<link>`标签引入。 CSS的层级和优先级决定了哪个样式生效。如果多个样式覆盖同一元素,将根据选择符的特异性、样式表的来源...
在HTML文件的`<head>`部分添加以下代码,确保引用了jQuery库的CDN链接: ```html <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script> ``` 然后,在`<body>`标签的底部添加JavaScript代码来实现...
压缩包中的“视频讲解”部分很可能是对这些技术的详细解说,涵盖了基础概念、语法特性以及实际应用。观看这些视频,可以帮助初学者直观地理解HTML、CSS和JavaScript的工作原理,同时也能帮助有一定基础的学习者巩固...
1. **内容页面标记**: 在内容页面上,使用`sitemesh:property`标签来指定哪些部分应该被装饰器覆盖。例如: ```jsp <title><sitemesh:property name="title"/> ``` 2. **装饰器应用**: 装饰器中,用`...
12. HTML标签:代码中使用了多个HTML标签,包括script标签、style标签、div标签、span标签等,用于布局时钟的各个部分。 13. JavaScript条件语句:代码中使用了JavaScript条件语句来判断时钟的显示状态,包括if语句...
Spring Web MVC是Spring框架的一部分,它提供了一种灵活的方式来处理HTTP请求和响应。通过DispatcherServlet,Spring Web MVC负责调度请求到相应的处理器,处理器完成业务逻辑后,再将结果返回给视图层。它支持多种...
"代理产品"页面可能会使用图片、视频和详细的产品描述来展示电子产品,利用HTML5的多媒体元素如和标签,可以提供动态的产品演示和音频解说。同时,可能还包括产品的规格表、用户评价和购买链接,便于用户了解并购买...
在hd部分,有多个标签,每个标签代表一个可切换的标签。在bd部分,每个标签对应hd中的一个标签,代表一组内容。通过CSS设置,使得默认情况下,某个是可见的,其余的则不可见。 5. JavaScript脚本实现逻辑 通过获取...
在本作业中,学生可能使用了不同的HTML标签来组织页面元素,例如`<header>`、`<nav>`、`<section>`、`<article>`、`<aside>`和`<footer>`等,这些语义化的标签有助于搜索引擎优化和无障碍访问。 接着,CSS...
8. **video** - 视频文件夹,存储了用于在“shipin.html”页面播放的视频文件,可能是关于河南旅游的介绍、导游解说或实地拍摄片段。 综上所述,这个压缩包提供了一个全面的河南旅游体验,包括景点、美食、互动注册...
压缩包文档中记录的是50道关于H5考试的习题,涵盖了HTML5的基本语法、标签、属性、CSS3样式、表单、兼容性等方面。 请注意,这些题目覆盖了HTML5和CSS3的基础知识和一些进阶应用,适合作为H5考试的复习材料。部分...
【标签】:HTML5,多媒体,游戏 1. HTML5:作为项目的前端基础,HTML5提供了足够的能力来构建用户界面和处理媒体元素。例如,可以使用`<canvas>`元素创建一个可编程的画布,用于绘制和更新弹幕。同时,`<video>`...