- 浏览: 481679 次
- 性别:
- 来自: 广州
-
文章分类
- 全部博客 (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 1078<html> <head> & ... -
百度人脸识别
2021-05-21 16:11 334package com.gaojinsoft.htwy.y20 ... -
点击DIV触发上传文件的方法
2021-05-20 14:11 1133<div Style="float:left ... -
前端格式化工具与检测工具选择与使用
2021-05-10 20:26 667//工具安装前的准备与 ... -
defineProperty Array push 监听
2020-10-31 15:16 437<!DOCTYPE html> <html ... -
weuiJsLayer.js
2020-07-24 09:56 242var weuiJsAlterMap = {}; f ... -
dataViewCommonJs
2020-05-09 17:00 331// var _elementIdToDataMap={} ... -
setFormData
2019-12-20 22:30 0function setFormData(selector,d ... -
jQuery Validate 校验
2019-09-25 21:16 291https://www.runoob.com/jquery/j ... -
附件下载和导出
2019-07-19 16:55 570//post下载导出附件 function export ... -
miniUITest
2019-07-12 15:35 318miniUITest -
from转JSON的Obj 、js空判断、 js数字判断
2019-07-04 22:54 453miniUI总界面 from转JSON的Obj js空判断 j ... -
HTML input 表单
2016-09-01 10:22 1063HTML 表单 HTML 表单用于搜集不同类型的用户输入 ...
相关推荐
Struts标签 解说和练习 很好用的标签
电话机部分电路解说电话机部分电路解说电话机部分电路解说
电话机 部分电路详细解说 超好PPT文件
电话机 部分电路详细解说 电话机 部分电路详细解说 电话机 部分电路详细解说
电话机部分电路详细解电电话机部分电路详细解说话机部分电路详细解说说电话机部分电路详细解说
电话生产实习 电话机部分电路详细解说
sTL解说 sTL解说 sTL解说 sTL解说 sTL解说 sTL解说
短视频解说文案 爆款电影解说
计算机教室解说词全文共1页,当前为第1页。计算机教室解说词全文共1页,当前为第1页。计算机教室解说词 计算机教室解说词全文共1页,当前为第1页。 计算机教室解说词全文共1页,当前为第1页。 尊敬的各位领导: 您好...
nessus解说nessus解说
LD图像解说.docLD图像解说.docLD图像解说.docLD图像解说.docLD图像解说.docLD图像解说.docLD图像解说.docLD图像解说.docLD图像解说.docLD图像解说.docLD图像解说.docLD图像解说.doc
运动会解说词是赛事活动中必不可少的一部分,它可以激发运动员的斗志和士气,提高比赛的热度和氛围。以下是运动会解说词的相关知识点: 一、运动会解说词的类型: * 经典运动会解说词:具有传统和经典的元素,强调...
详细解说STL 详细解说STL 详细解说STL 详细解说STL
LabView部分视觉函数中文解说.doc
C++经典的解说
MTK 方案 液晶驱动部分的详细解说 主要讲porting的
影视解说文案生成器 影视解说文案生成器 影视解说文案生成器
解说词.doc
食堂解说词、后勤现场会、学生公寓解说词.pdf