文件处理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. maven本地仓库地址的设置

    对于大公司的jenkins来说,仓库是很大的,那么存储仓库的目录空间一定要足够大才可以. 可以对linux进行外挂,实现磁盘扩容,把仓库挂在外挂上. 默认情况下,mvn的配置文件在~/.m2/sett ...

  2. grep：字符串查找

    转自: http://www.cnblogs.com/peida/archive/2012/12/17/2821195.html Linux系统中grep命令是一种强大的文本搜索工具,它能使用正则表达 ...

  3. linux之fork()函数详解

    一.fork入门知识 一个进程,包括代码.数据和分配给进程的资源.fork()函数通过系统调用创建一个与原来进程几乎完全相同的进程, 也就是两个进程可以做完全相同的事,但如果初始参数或者传入的变量不同 ...

  4. LINUX之文件操作权限讲解

    r(Read,读取):对文件而言,具有读取文件内容的权限:对目录来说,具有浏览目 录的权限. w(Write,写入):对文件而言,具有新增.修改文件内容的权限:对目录来说,具有删除.移动目录内文件的权 ...

  5. 提升JavaScript递归效率：Memoization技术详解[转载]

    递归是拖慢脚本运行速度的大敌之一,太多的递归会让浏览器变得越来越慢直到死掉或者莫名其妙的突然自动退出.这里我们可以通过memoization技术来替代函数中太多的递归调用,提升JavaScript效率 ...

  6. redhat6.3 找不到libXP.so.6解决方法

    最近做redhat安装matlab2008a 操作,遇到上面的问题,先记录如下: 网上找到安装包:libXp-1.0.2-1mamba.x86_64.rpm 然后使用命令: sudo rpm -ivh ...

  7. ESLint:can not ESLint annotation...

    刚开始用webstorm开发VUE,提示这个东西: 安装一个npm库就可以了 命令行执行:npm install eslint -g

  8. RocketMQ里的一个获取时间的工具类SystemClock

    看rocketmq源码的时候发现他们还给时钟封装里一下. /** * Licensed to the Apache Software Foundation (ASF) under one or mor ...

  9. Silverlight 安装失败 提示 消息 ID 1603 的解决方法

    消息 ID: 1603 安装过程中出现错误.请执行以下步骤 原因是在以前安装过silverlight,没有安装成功或者没有彻底卸载干净,遗留了一些文件,尤其是安装时突然中断的时候会出现这个问题. 解决 ...

  10. iOS7重磅推新--不断尝试与重新设计的过程

    来源:GBin1.com iOS7重磅推新--不断尝试与重新设计的过程 或许你心里已经有了关于iPhone最新操作系统的评价,可能你喜欢它,也可能不喜欢,事实上大多数设计者不喜欢.设计界似乎一致认为I ...