HTML标签

段落标签

可设置align属性为left、center、right
<p></p>
换行(强制进行换行操作)
<br>
不换行(禁止标记中间的文本换行)
<nobr></nobr>

文字分区div

用来设置涵盖一个区块,会自动换行

  • 可设置align属性为left、center、right
    <div></div>

字体font

  • 可设置文字大小size,取1至7整数值;
  • 可设置文字颜色color;
  • 可设置文字的字体列表face
    <font></font>

标题字体(标题标签)

可取1至6,默认显示为黑色,可设置align属性为left、center、right
<h1></h1>
<h2></h2>
<h3></h3>
<h4></h4>
<h5></h5>
<h6></h6>

物理字体——设置字体显示样式

设置标记间的文字为粗体 blod face
<b>…</b>
设置标记间的文字为斜体 italic-->
<i>…</i>
设置标记间的文字带下划线 under line
<u>…</u>
设置标记间的文字为上标 superscript
<sup>…</sup>
设置标记间的文字为下标 subscript
<sub>…</sub>
设置标记间的文字带删除线 delete line
<del>…</del>

逻辑字体——表现文字含义

一般强调(emphasis),斜体
<em>…</em>
特别强调,黑体
<strong>…</strong>
表示地址
<address>…</address>
定义引用
<q>…</q>
用户键入的文字,字体变细变轻
<kbd>…</kbd>
一段引用的文字,斜体。用于书名、电影名
<cite>…</cite>
字体变小
<small>…</small>
字体变大
<big>…</big>
定义术语
<dfn>…</dfn>
源代码
<code>…</code>
变量
<var>…</var>

水平线hr

用于分割统一文本的不同部分

  • 可设置align属性为left、center、right;
  • 可设置水平线的宽度width,可以用百分数,也可以用像素数;
  • 可设置水平线的粗细size;
  • 可设置水平线的颜色color;

<hr>

居中

设置标记中文本或者图像居中显示
<center></center>

注释——不会在浏览器中显示

<!--  -->

列表——用于列举内容

列表分类:

  1. 无序列表(unordered list),可设置type取值是disc、square、circle等,分别表示用实心圆点、实心方点、空心圆作为列表符号。
<ul>
    <li></li>    列表项
</ul>
  1. 有序列表(ordered list),每一项显示时都有编号,
  • 可设置type取值可以是1、a、A、i、I,分别代表编号使用阿拉伯数字、小写英文字母、大写英文字母、小写罗马数字、大写罗马数字;
  • 可设置start指定序号的起始值,只能取数字;
  • 可设置reversed反向编号列表;
<ol>
    <li></li>    列表项
</ol>
  1. 定义列表(definition list),对某对象的解释;
<dl>
    <dt></dt>    定义标题
    <dd></dd>    定义内容
</dl>

超链接

  • href可设置设置URL,格式为http://hostname.domainname[:port]/path/filename
  • http可以换成其他协议,例如ftp、telnet等,也可以使用相对路径(相对于本网页路径的文件路径)。
  • 链接的目标可以为任何类型的文件(例如可以为音视频文件)。
  • 目标文件如果不能显示,就会出现下载对话框。
target可设置显示链接的窗口或框架,可取以下值:
    _blank   在新窗口中打开超链接
    _self    在本窗口或本框架中打开超链接
    _parent  在上一级框架中打开超链接
    _top     在整个浏览器窗口中打开超链接
name可设置超链接显示页面的定位点,用“#XXX”方式指定。

<a></a>

超链接发送邮件

例:<a href=“mailto:raymond@neusoft.com”>发邮件给Raymond</a>

文档主体

所有要显示的页面元素都包含在body内

bgcolor可设置页面背景颜色。
background可设置页面的背景图片的URL
bgproperties可设置取fixed 值时设置背景不随滚动条滚动,不设此属性时背景随滚动条滚动
text可设置页面非超链接文字基本颜色

<body></body>

图像

src可设置图像文件的URL。
alt可设置无法显示时的替代显示文本
height、width可设置图像高度、宽度
border可设置边框粗细,默认0
align可设置图像及图像周围内容的对齐方式
    1、图像在页面中的对齐方式:left、right
    2、图像和文字的对齐方式:top、middle、bottom
        注:当设置 align为left或right时,图片和内容会显示在一行;
            如果让其它内容换行,可以使用<br clear="all">

<img src="" alt="" />

字符实体

有些字符,如”<、>、&”等,在HTML中不能直接使用,在需要使用这些字符时,通过字符实体来转换

一个字符实体由三个部分组成:
    一个&符号
    一个实体名或者一个实体号(即ASCII码)
    一个分号(;)
            <p>无间断空格:&nbsp;</p>
            <p>小于:&lt;</p>
            <p>大于:&gt;</p>
            <p>and符号:&amp;</p>
            <p>双引号:&quot;</p>
            <p>分:&cent;</p>
            <p>英镑:&pound;</p>
            <p>人民币元:&yen;</p>
            <p>章节:&sect;</p>
            <p>版权:&copy;</p>
            <p>注册:&reg;</p>
            <p>乘号:&times;</p>
            <p>除号:&divide;</p>
            <p>对号:&radic;</p>
直接输出标签内的符号
<pre>
    ******************************
    ******************************
    ******************************
    ******************************
    ******************************
    ******************************
    ******************************
    ******************************
    ******************************
    ******************************
</pre>
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • HTML标签解释大全 一、HTML标记 标签:!DOCTYPE 说明:指定了 HTML 文档遵循的文档类型定义(D...
    米塔塔阅读 8,654评论 1 41
  • HTML标签 HTML代码注释 < !--注释文字 -->HTML是网页内容的载体。内容就是网页制作者放在页面上...
    llt00阅读 4,699评论 0 0
  • Html标签与元素的关系:一个标签对构成一个元素 a) :标签对,成对出现, 标志着html文件的开始, 文件...
    打死你的小乌龟阅读 3,669评论 0 0
  • /* 标题样式 # , ## , ### */ HTML~ 换行 1.table表格元素 2.表单元素:input...
    秋生秋风起阅读 3,161评论 0 1
  • 一,HTML语言的一般语法: 1,围堵标记:<>… 1)带属性的标记: … 2)无属性的标记:加粗 居中 标题 2...
    清水易蓝阅读 5,040评论 0 2