文字内容

添加文字

<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>

菜单列表通常用于显示一个简单的单列列表,一般不做嵌套。目录列表通常用于显示一个多列的文件列表,可以做嵌套。

HTML文字与列表的更多相关文章

  1. NEC学习 ---- 模块 - 带点文字链接列表

    带点文字链接列表, 实现的效果是, 调整字体大小, 点的位置不会跟着变动. HTML如下: <div class="container"> <div class= ...

  2. 035——VUE中表单控件处理之使用vue控制select操作文字栏目列表

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...

  3. NEC学习 ---- 模块 -水平文字链接列表

    HTML代码: <div class="container"> <div class="m-list1"> <ul class=& ...

  4. NEC学习 ---- 模块 -简易文字链接列表

    为了方便查看, 在最外面设置了一个粉色框. html代码: <div class="container"> <ul class="m-list" ...

  5. bootstrap -- css -- 文字、列表

    文字 <small></small>:呈现小号字体效果. <big></big>:程序大号字体效果 <abbr></abbr>: ...

  6. Html标签使用——文字、列表、表格、超链接

    注:文章来源于传智播客毕向东老师使用课件和网络.整理学习如下: 一.Html内容 1.   Html就是超文本标记语言的简写,是最基础的网页语言. 2.   Html是通过标签来定义的语言,代码都是由 ...

  7. 文字编辑器FCKeditor 简介以及基本配置和使用方法

    什么是FCKeditor FCKeditor是一个专门使用在网页上属于开放源代码的所见即所得文字编辑器.它志于轻量化,不需要太复杂的安装步骤即可使用.它可和PHP.JavaScript.ASP.ASP ...

  8. Egret自定义位图文字(自定义+BitmapLabel)

    一 自定位图文字 因为egret的位图文字是texturemerger做的,需要多张单图片导入tm,然后导出两个文件来使用,过程比较麻烦. 而Laya的位图文字则是一张整图数字图片,使用FontCli ...

  9. Python-Tkinter 使用for循环生成列表式Button及函数调用

    Tkinter是轻量级的图形化界面,在使用中我们可能遇到需要生成一串Button按钮的情况,如图: 如果一个一个操作就太麻烦了,但我们可以通过for循环列表的形式来实现 来看看以下例子: from t ...

随机推荐

  1. LeetCode数组解题模板

    一.模板以及题目分类 1.头尾指针向中间逼近 ; ; while (pos1<pos2) { //判断条件 //pos更改条件 if (nums[pos1]<nums[pos2]) pos ...

  2. 【.NET Core项目实战-统一认证平台】第十二章 授权篇-深入理解JWT生成及验证流程

    [.NET Core项目实战-统一认证平台]开篇及目录索引 上篇文章介绍了基于Ids4密码授权模式,从使用场景.原理分析.自定义帐户体系集成完整的介绍了密码授权模式的内容,并最后给出了三个思考问题,本 ...

  3. JavaScript 代码简洁之道

    摘要: 可以说是<Clean Code>的JS代码示例了,值得参考. 原文:JavaScript 代码简洁之道 作者:缪宇 Fundebug经授权转载,版权归原作者所有. 测试代码质量的唯 ...

  4. Docker 创建 Jira Core(Jira SoftWare) 7.12.3 中文版

    目录 目录 1.介绍 1.1.什么是 JIRA Core? 1.2.什么是 JIRA SoftWare 2.JIRA 的官网在哪里? 3.如何下载安装? 4.对 JIRA 进行配置 4.1.JIRA ...

  5. SQL Server 关于 Table 字典数据的查询SQL

    分享一个关于查询SQL Server Table 结构的SQL 语句. T-SQL 如下: SELECT (case when a.colorder=1 then d.name else '' end ...

  6. js学习之路1: 初识js函数

    1. 简单的函数: <html> <head> <script type="text/javascript"> function myfunct ...

  7. [经验总结] 从其它sheet页引用数据生成图表时没有图例的解决办法

    1.先给出一个在有数据区域的sheet页中生成的图表,比较全,图表和图例全部都有,如下图: 2.但是如果在其它 sheet页中引用该有数据的sheet数据时并生成图表,生成的图表只有图表区域显示,图例 ...

  8. win 10 Hbuilder1.2.1连接Genymotion 调试Android 软件

    这里记录一下 Hbuilder1.2.1连接Genymotion 调试Android 软件 的过程: 步骤一:把Genymotion 的 adb.exe 路径配置到 Hbuilder 中 在 菜单栏 ...

  9. vue li click

    <ul>      <li @click="mechanisms(1)">AAAAA</li>      <li @click=" ...

  10. Vue-Router的Hash说起的URL相关知识

    最近被问到VueRouter的两种模式的区别,答:Hash模式url上有#号,History模式url上没有#.完! 也不知道这么回答对不对,就看了看资料,发现也就是这个意思吧! Vue-Router ...