HTML文字与列表
文字内容
添加文字
<body>
我是Mingle
</body>
HTML文字的需要添加在<body> </body>
里面。
标题字
标题字就是以几种固定的字号显示文字,在HTML中定义了六级标题。
<h# align="left|center|right|justify">标题文字</h#>
添加特殊符号
表示空格,一般在代码里面敲出空格之后,在浏览器编译时,是不会显示这些空格的。如果要使用空格,必须使用 。还有一些特殊符号必须使用相应的符号代码实现。
文字样式
<font face="" size="" color=""></font>
face
用于定义字体,并且可以定义多个字体,用“,”分隔。如果第1种字体在系统中没有,那么就会选择2种,以此类推。size
属性定义字号,取值为+1+7、-1-7。color
用于定义颜色,可以是英文单词也可以是十六进制。
文字的修饰
<b></b>
或者<strong> </strong>
标签实现加粗文字显示
<i> </i>
,<em></em>
和<cite></cite>
标签实现斜体文字显示
<u></u>
标签实现给文字添加下划线,在HTML5里面被删除了
<ins></ins>
添加下划线,可以表明在删除后新加的内容
<s></s>
删除线,但是体现的是这个是不提倡的意思
<del></del>
在文字上实现删除线效果
<sup></sup>
实现上标
<sub></sub>
实现下标
<ruby>被说明文字<rt>文字的标注</rt></ruby> <!--设置文字标注-->
<address></address>
设置地址文字
<tt></tt>
实现打字机风格的效果
<small></small>
把字体变小
<mark></mark>
使得文字高亮
<code></code>
告诉浏览器这是代码
<samp></samp>
告诉浏览器这是例子代码
<kbd></kbd>
告诉浏览器这是需要用户输入
<var></var>
告诉浏览器这是变量
段落
<p></p> 段落标签
单标签,换行
标签之间的内容不换行
<hr width="" color="" align="" noshade>
定义水平分割线
<pre></pre>
预格式化标签
<blockquote> </blockquote>
可以实现文字的5个字符缩进,如果要多次缩进就要使用多次这个标签
<cite></cite>
引用
<q></q>
小引用
无序列表
<ul type="">
<li>项目名称</li>
<li>项目名称</li>
<li>项目名称</li>
···
</ul>
用户可以指定出现在列表前的项目符号的样式:
disc
指定项目符号为实心圆点(默认为 disc)circle
指定项目符号为空心圆点square
指定项目符号为实心方块
有序列表
<ol type="">
<li>项目名称</li>
<li>项目名称</li>
<li>项目名称</li>
...
</ol>
使用type属性可以指定出现在列表项前的项目编号的样式
- 1:指定项目编号为阿拉伯数字(默认);
- a:指定项目编号为小写英文字母;
- A:指定项目编号为大写英文字母;
- i:指定项目编号为小写罗马数字;
- I:指定项目编号为大写罗马数字。
我们也可以使用 start 属性来改变编号的起始值,如 start = "3" 。
另外,我们还可以使用<li type = "" value = ""> </li>
来改变列表项的样式,type指定它的列标前的项目符号样式,
value`属性来改变编号的值。
定义列表
<dl>
<dt>
<dd></dd>
<dd></dd>
</dt>
<dt>
<dd></dd>
</dt>
</dl>
<dl></dl>
标签用于创建定义列表。-
标签用来创建列表中的上层项目,此标签只能在
-
标签用来创建列表中的下层项目,此标签也只能在
菜单列表和目录列表
<menu>
<li>项目名称</li>
<li>项目名称</li>
<li>项目名称</li>
...
</menu>
<dir>
<li>项目名称</li>
<li>项目名称</li>
<li>项目名称</li>
...
</dir>
菜单列表通常用于显示一个简单的单列列表,一般不做嵌套。目录列表通常用于显示一个多列的文件列表,可以做嵌套。