我在shell脚本里面执行了docker run 命令，
用来生成一个docker容器，但是随着shell脚本运行完毕，
生成的容器也自动退出了，经查询原因，在stackoverflow上找到一种解决办法，
在生成容器的时候，初始化执行的命令不能自动退出，例如：
docker container run -d -P --name $user tonvin/ubuntu:wp7 /bin/bash /root/init.sh
上面的命令基于镜像tonvin/ubuntu:wp7生成一个名为$user的容器，
最后面的/bin/bash /root/init.sh表示初始化完毕后运行shell脚本/root/init.sh
我在/root/init.sh末尾添加了一行tail -f /dev/null
生成的容器就不自动退出了，也许此方法不好，但暂时可以解决问题。
还有一种办法是启动的时候添加参数 –restart=always
-d参数表示daemon方式运行
-P参数指示生成随机的端口映射
网页的内容中，对于引用的内容，可以通过使用引用系列标签来标明。
本节介绍的标签，在大多常见的网站中很少使用。
<q>标签，用来定义短引用，示例代码：
<p>WWF 的目标是：<q>构建人与自然和谐共存的世界。</q></p>
引用的文字首尾会自动添加双引号。
<blockquote>用来定义长引用，示例代码：
<p>以下内容引用自 WWF 的网站：</p>
<blockquote cite="http://www.worldwildlife.org/who/index.html">
五十年来，WWF 一直致力于保护自然界的未来。
世界领先的环保组织，WWF 工作于 100 个国家，
并得到美国一百二十万会员及全球近五百万会员的支持。
</blockquote>
长引用的内容会自动添加缩进。
<abbr> 用来定义缩写，示例代码：
<p><abbr title="World Health Organization">WHO</abbr> 成立于 1948 年。</p>
缩写的内容会自动添加点状下划线。
<dfn>用来描述缩写，示例代码：
<p><dfn title="World Health Organization">WHO</dfn> 成立于 1948 年。</p>
缩写的文字以斜体显示。
<address>定义文档或文章的联系信息，示例代码：
<address>
Written by John Doe.<br>
Visit us at:<br>
Example.com<br>
Box 564, Disneyland<br>
USA
</address>
<cite>定义著作的标题，浏览器通常会以斜体显示 <cite> 元素，示例代码：
<p><cite>The Scream</cite> by Edvard Munch. Painted in 1893.</p>
引用的内容以斜体显示。
<bdo>标签定义双流向覆盖，这个标签的定义不是很好理解，但是看下示例代码，被此标签包含的内容会逆向显示：
<bdo dir="rtl">逆向显示的文字</bdo>
substr是PHP语言的一个字符串截取函数，它的作用是返回字符串的一部分。在日常开发中会经常使用到。
它有三个参数，
第一个参数是要处理的原始字符串；
第二个参数是截取的起始位置，字符串中第一个字符位置是0，向后依次累加，如果从字符串结尾开始指定位置，最后一个位置是-1，如果要截取末尾的几个字符，通常设定负数比较方便；
第三个参数是可选的，指定了要截取的长度，如果没有指定，默认截取到结尾。如果指定负数意思是从start位置开始截取，并舍弃字符串末端字符数。
如果要处理的字符串是多字节编码,就需要知道每个字符所占的字节数，比如中文 每个汉字占3字节，在设定参数时就需要计算好，否则容易出现乱码。也可以使用mb_substr等扩展库支持的函数来处理。
在HTML中，对于那些需要特殊标明的文本内容，通常使用下列标签来定义：
<b> – 醒目的内容
<strong> – 重要的内容
<i> – 斜体的内容
<em> – 强调的内容
<mark> – 标记的内容
<small> – 缩小的内容
<del> – 删除的内容
<ins> – 插入的内容
<sub> – 下标内容
<sup> – 上标内容
这些标签包含的内容，样式会做相应的变化：
<b><strong>标签会加粗内容，
<mark>会给文字添加背景，
<del>会给文字添加删除线
……
实际效果如下图所示：
之前的章节介绍了HTML的常用标签，这节课介绍下标签的样式属性；
请看下面的代码：
<p style="color:red;">正文</p>
上面的p标签设定了一个style属性，值是color:red;
这段代码在页面上显示的效果是正文的字体颜色为红色；
style就是p标签的样式属性，通过对标签设置样式属性，可以设置标签里面的内容的样式；
大多数的HTML标签都可以设置style属性，例如：
<h1 style="color:blue;">标题</h1> <p style="font-size:36px;">文字1</p> <p style="text-align:center;">文字2</p> <a style="text-decoration: underline;">链接</a>
1.h1 标签里面的标题颜色为蓝色
2.p 标签里面的文字大小为36px
3.p 标签里面的文字居中显示
4.a 标签里面的链接有下滑线
由此可见，通过style属性，可以实现网页内容的丰富多彩；
style 属性的值内容比较多，将会在后面的CSS课程介绍。
一篇文章，分为标题和正文，正文里面也会有章节标题；
在网页中，为了区分标题和正文，通常使用<h1>标签来指定标题。
例如：
<h1>标题</h1>
<p>正文内容</p>
被<h1>标签修饰的标题，字体会比正文大，这样读者也就明白了文章的结构。
如果文章内容细分为更多层级，可以依次使用<h1><h2><h3><h4><h5><h6>来修饰；
例如：
<h1>第一章</h1>
<h2>第一回</h2>
<h3>第一节</h3>
<p>正文内容</p>
<h2>第二回</h2>
<h1>第二章</h1>
需要注意的是，<h1><h2>…标签虽然使字体大小发生变化，但这个标签的意义主要是说明内容的主次关系，不要用来作为改变字体样式的目的；
合理使用标题标签，有利于搜索引擎索引你的文章。
当向网页中添加文字时，每段文字使用p标签包括起来，就可以实现段落的换行；
p标签使用示例：
<p>第一段文字</p> <p>第二段文字</p>
如果没有使用段落元素包裹，则第一段和第二段之间就无法实现换行布局；
如果期望在段落内部实现换行，在需要换行的文字之间添加<br>标签即可。
<p>第三段<br>文字</p>
常见的疑惑是：为什么网页内容里面添加的空格和回车，在浏览器里面并没有按既定格式布局，是因为浏览器的布局解析会忽略额外的空格和换行。
如果期望按原文字的格式显示，可以使用标签<pre>来包含内容；
<pre> 这里面的 文字 会按照原样式显示 </pre>
在网页里面添加图片使用<img>标签元素，请看下面的代码：
<img src="lake.jpg" title='湖' />
将上面一行代码添加到html文件中，
就可以在页面里显示图片，
src 属性是图片的路径和名称，
title 属性设置了当鼠标悬停在图片上时显示的提示文字，
下面我就添加一张示例图片：
这张图片的代码如下：
<img src="https://oneblog17a.oss-cn-hangzhou.aliyuncs.com/1058/lake.jpg" width="250" height="250" title="湖" />
其中 src 是图片在网络上的地址，
width 和 height 指定了图片的宽和高，
学会了添加图片，就可以制作图文并茂的页面了。
在网页内容中，最常见到的就是链接了，点击之后会跳转到其他网页；
从而起到导航的作用，是网页的基本常见功能。
在HTML中称之为超级链接，由标签<a>来指定超级链接；
请看下面代码示例：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>超级链接示例</title>
</head>
<body>
<a href="https://chuguo.pro" target="_blank">初果编程</a>
</body>
</html>
在代码<body></body>之间的第8行代码
<a href=”https://chuguo.pro”>初果编程</a>
便是一个超级链接元素，在网页上显示的是初果编程，href是元素a的属性，
指定目标地址，当点击初果编程网页就会跳转到链接 https://chuguo.pro 指向的页面，当然也可以链接本地电脑的网页文件，例如有link.html和demo.html两个文件，在 link.html文件中编写如下代码：
<a href=”demo.html”>demo</a>
此时点击demo就跳转到demo.html
如果想定义打开链接时，是在新窗口还是当前窗口，可以经由链接的target属性来实现；
<a href="https://chuguo.pro" target="_blank">初果编程</a>
<a href="https://chuguo.pro" target="_self">初果编程</a>
在上面的例子中：
当a元素定义了target=”_blank”时，点击链接后，就会在新的窗口打开链接；
当a元素定义了target=”_self”时，点击链接后，就会在当前窗口打开链接。
网站制作首先需要学习的便是HTML语言。
HTML是Hyper Text Markup Language的缩写，翻译为超文本标记语言。
HTML很容易学习，有简单的英文水平就可以学习。
HTML由一系列的标签组成，用来描述一个网页的结构。
下面是一个最简单的网页的HTML代码示例：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>标题</title>
</head>
<body>
网页内容
</body>
</html>
将上面的代码保存到记事本并另存为index.html的文件，直接打开文件，就可以在浏览器里面预览网页的效果。
下图是HTML文档结构：
图片来源：https://mcqsets.com/s/html-web-page-design/html-document-structure-tutorials/
标签元素解释：
掌握了这几个最基本标签，接下来就可以进一步开发更丰富的网页了。
相关链接