文件处理2:分区分块、有序无序

 <!-- 申明HTML5版本 -->
<!DOCTYPE html>
<html lang="en">
<head>
<!-- 设置编码为UTF-8 -->
<meta charset="UTF-8">
<title>文件处理</title>
</head>
<body>
<!-- 标题1,下类同 -->
<h1>中国大陆省份/城市</h1>
<h2>省份及相关城市统计</h2>
<!-- 有序列表 -->
<ol>
<!-- 数据列表:省份 -->
<li>
江苏省
<!-- 无序列表 -->
<ul>
<!-- 数据列表:城市 -->
<li>南京</li>
<li>无锡</li>
</ul>
</li>
<li>
浙江省
<ul>
<li>杭州</li>
<li>嘉兴</li>
</ul>
</li>
<li>
安徽省
<ul>
<li>阜阳</li>
<li>淮北</li>
</ul>
</li>
</ol> <!-- 分区分块;solid:边框可见,px:像素-->
<div style="border: 2px solid chartreuse">
<p>hello.</p>
<p>html5 here</p>
<h1>这里是logo区</h1>
</div>
<div style="border: 2px solid saddlebrown">
<h2>这里是内容</h2>
</div>
</body>
</html>

文本处理3:段落/文字修饰

1、块级元素:1)独立成行,默认垂直布局;2)占据一个矩形区域;3)<hn>,<p>,<ol>,<ul>,<div>;4)块级元素会影响页面的布局;

2、行内元素:1)不独立成行,可以横向布局;2)不独立占据区域,只用来修饰段落中的部分文字;3)<span>,<i>,<u>...;4)行内元素不会影响到页面布局;

 <!-- 申明为html5版本 -->
<!DOCTYPE html>
<html>
<head>
<title>文本处理</title>
<meta charset="UTF-8"/>
</head>
<body>
<!-- solid:可见的;px:像素 -->
<div style="border: 1px solid salmon;">
<!-- span:用来修饰一段文字中的的某n个文字;i/em:文字倾斜 -->
<h1 style="color: blue"><em>设置</em><i>文档</i><span style="color: red;">logo</span></h1>
</div>
<div style="border: 2px solid aquamarine;">
<!-- b/strong:字体加粗;del/u:给选定文字加删除线、下划线 -->
<h1><strong>内容</strong><del>提示</del><u>如下</u></h1>
</div>
</body>
</html>

3、行列操作

 <!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>表格</title>
</head>
<body>
<!-- 创建一个两行两列的表格 -->
<table border="2px" width="100px">
<!-- 第1行 -->
<tr>
<td style="border: 2px solid darkcyan">ddd</td>
<td style="border: 2px solid darkcyan">ttt</td>
</tr>
<!-- 第2行 -->
<tr>
<!-- 一行中+N列:例中为2 -->
<td style="border: 2px solid darkcyan">ddd</td>
<td style="border: 1px solid darkcyan">ttt</td>
</tr>
</table>
<span>aaa</span>
<!-- 演示跨行 -->
<table border="1px" width="100px">
<tr>
<td rowspan="2">aaa</td>
<td>bbb</td>
</tr>
<tr>
<td>ccc</td>
</tr>
</table>
<span>跨列</span>
<table border="1px" width="100px">
<tr>
<td cols pan="2">aaa</td>
</tr>
<tr>
<td>bbb</td>
<td>ccc</td>
</tr>
</table>
</body>
</html>

html-文本处理集-持续学习更新的更多相关文章

  1. DataStage 错误集(持续更新)

    DataStage 错误集(持续更新) DataStage序列文章 DataStage 一.安装 DataStage 二.InfoSphere Information Server进程的启动和停止 D ...

  2. 【开源毕设】一款精美的家校互动APP分享——爱吖校推 [你关注的,我们才推](持续开源更新3)附高效动态压缩Bitmap

    一.写在前面 爱吖校推如同它的名字一样,是一款校园类信息推送交流平台,这么多的家校互动类软件,你选择了我,这是我的幸运.从第一次在博客园上写博客到现在,我一次一次地提高博文的质量和代码的可读性,都是为 ...

  3. ElasticSearch 5学习(7)——分布式集群学习分享2

    前面主要学习了ElasticSearch分布式集群的存储过程中集群.节点和分片的知识(ElasticSearch 5学习(6)--分布式集群学习分享1),下面主要分享应对故障的一些实践. 应对故障 前 ...

  4. ElasticSearch 5学习(6)——分布式集群学习分享1

    在使用中我们把文档存入ElasticSearch,但是如果能够了解ElasticSearch内部是如何存储的,将会对我们学习ElasticSearch有很清晰的认识.本文中的所使用的ElasticSe ...

  5. ASP 代码当前记录集不支持更新问题的解决办法。

    错误类型: ADODB.Recordset (0x800A0CB3) 当前记录集不支持更新.这可能是提供程序的限制,也可能是选定锁定类型的限制. /Model/manage/Admin_Admin.a ...

  6. Redis集群学习笔记

    Redis集群学习笔记 前言 最近有个需求,就是将一个Redis集群中数据转移到某个单机Redis上. 迁移Redis数据的话,如果是单机Redis,有两种方式: a. 执行redis-cli shu ...

  7. MongoDB 复制(副本集)学习

    MongoDB 复制(副本集)学习 replication set复制集,复制集,多台服务器维护相同的数据副本,提高服务器的可用性.MongoDB复制是将数据同步在多个服务器的过程.复制提供了数据的冗 ...

  8. JDBC高级特性(一)结果集,批量更新

    一.ResultSet的高级特性 1 可滚动ResultSet 1)向前和向后滚动 滚动特性 在JDBC初期版本号中, ResultSet仅能向前滚动 在JDBC兴许版本号中, ResultSet默认 ...

  9. 【一】ERNIE:飞桨开源开发套件,入门学习,看看行业顶尖持续学习语义理解框架,如何取得世界多个实战的SOTA效果?

    ​ 参考文章: 深度剖析知识增强语义表示模型--ERNIE_财神Childe的博客-CSDN博客_ernie模型 ERNIE_ERNIE开源开发套件_飞桨 https://github.com/Pad ...

随机推荐

  1. Jenkins环境初步配置

    为研究在kubernetes上的CICD,先在物理环境下安装个JenKins热热身. 安装Jenkins 在官网https://jenkins.io/下载war包,我的是http://mirrors. ...

  2. javascript配置ckfinder的路径

    <script type="text/javascript" src="ckfinder/ckfinder.js"></script> ...

  3. python wheel 包命名规则和 abi 兼容

    wheel 包的命名规定 wheel 包的命名格式为 {distribution}-{version}(-{build tag})?-{python tag}-{abi tag}-{platform ...

  4. 安装PIL的坑

    今天在centos中使用pip安装PIL死活不成功,报错: Could not find a version that satisfies the requirement PIL (from vers ...

  5. 将思维转向rss

    本屌丝因为穷住在了离市区比较远的农民房,平时上下班单程地铁时间接近一小时.在这漫长的一小时里,总得干点什么来蹉跎这段时光,看手机是最容易实现的事情.最地铁信号不好,手机也没什么好看的. 经过高人指点说 ...

  6. Nginx + FastCGI 程序(C/C++)搭建高性能web service的demo

    http://blog.csdn.net/chdhust/article/details/42645313 Nginx + FastCGI 程序(C/C++)搭建高性能web service的Demo ...

  7. mysql时间字段转换为毫秒格式

    下面是转载的关于MySQL毫秒.微秒精度时间处理的两段篇章,留给自己和供大家参考~~ 一.MySQL 获得毫秒.微秒及对毫秒.微秒的处理 MySQL 较新的版本中(MySQL 6.0.5),也还没有产 ...

  8. HDU 1253 胜利大逃亡 NYOJ 523【BFS】

    胜利大逃亡 Time Limit: 4000/2000 MS (Java/Others)    Memory Limit: 65536/32768 K (Java/Others) Total Subm ...

  9. .Net Framemwork 之 值类型和引用类型的存储

    C#把数据类型分为两种:值类型 和 引用类型.值类型存储在堆栈中,而引用类型存储在托管堆上. 一.值类型和引用类型变量的存储 首先,变量是存储信息的基本单元,而对于计算机内部来说,变量就相当于一块内存 ...

  10. vc 获取函数名称真实地址

    首先写一个很简单的main函数: int main(){ printf("main的地址(?):%08x",main); } 单步调试,可得知 main函数的真实入口地址是:00b ...