Html元素

Html语言是标准通用型标注语言(SGML)的一个应用,是种对文档进行格式化的标注语言,是标准的ASCII文档,由元素组成,绝大多数元素是“容器”,有“start tag”和“end tag”在起始标记和结束标记中间是元素体。Html里元素书写次序无关紧要,只表明文档头有无该属性。

  1. 窗口标题:<title>窗口标题描述</title>
  2. 页面标题:(hn)有六种,分别为h1,h2,h3,h4,h5,h6,用于表示各种标题,默认黑体字。

 

字体大小

对齐方式

上下空行

h1

特大

居中

上下各空两行

h2

 

上下各有一至两行空行

h3

左端微微缩进

上下空行,斜体

h4

普通

比h3更多缩进

上有一空行

h5

 

与h4同缩进

上有一空行,斜体

h6

 

与正文同缩进

上有一空行

有对齐属性align:例<h1 align=left、center、right>一级标题</h1>

  1. 字体

a)       字体大小:有1-7号字体,1最小,7最大,默认为3,可用<basefontsize=字号>设置默认字号。设置绝对字号<font size=字号>,相对字号<font size=±n>,其中+表示字体变大,-表示字体变小

b)       字体风格:

                                            i.            物理风格:黑体<b>、斜体<i>、下划线<u>、打字机体<tt>

                                           ii.            逻辑风格:强调<em>、特别强调<strong>、源代码<code>、例子<samp>、键盘输入<kbd>、变量<var>、定义<dfn>、引用<cite>、较小<small>、较大<big>、上标<sup>、下标<sub>

c)        字体颜色:<font color=#>指定,可以是六位十六进制数,也可以是英文。

d)       闪烁:<blink>闪烁文本</blink>,闪烁频率每秒一次。

  1. 横线:<hr>
  2. 分行:<br>,禁止分行:<nobr>…</nobr>,一行显示不了,超出部分会被裁掉。
  3. 分段:<p></p>,html基于窗口,用户可随时更改窗口大小,故html将多个空格和回车等效成一个。可指定属性:align(center,left,right)。Html有图形文档时,图形占据窗口一端,周围可能还有较大空白区域,这时可以用clear属性来确保下一段内容显示在图形下方。Clear属性有left(左边界空白处),right(右边界空白处),all(下段左右两侧都不允许有别的内容)
  4. 转义字符与特殊字符:html使用的是ISO&859 Larin-1字符集,字符集中许多键盘上无法输入的字符只能使用转义序列。转义序列如下表:

 

字符转义序列

数字转义序列

&

&amp;

&#38;

&lt;

&#60;

&gt;

&#62;

"

&quot;

&#34;

①  、转义序列各字符间不能有空格。②、转义序列必须以“;”结束。③、单独的&不被认为是转移的开始。

  1. 背景和文本颜色:

<body background=”image-URL”></body>

<body bgcolor=#  text=#  link=#  alink=#  vlink=#></body>

bgcolor:表示背景颜色

text:表示文本颜色

link:表示链接指针颜色

alink:表示活动的链接指针颜色

vlink:表示已访问过的链接的指针颜色

  1. 图像:基本格式<img src=”image-URL”>或<img src=”image-URL” alt=”text”>

alt为不支持的浏览器用后面内容text代替该图。

图像与文本的对齐方式:图像显示的位置由align指定,align=left(挨着左边框)或align=right(挨着右边框)。文本与图像的间距用vspace=#(指定纵向间距)和hspace=#(指定横向间距)指定,#是整数,单位是像素。

  1. 列表(list):

a)       无序列表:以<ul>开始,每个列表条目用<li>引导,最后是</ul>。

例:

<ul>

  <li>第一行

  <li>第二行

</ul>

b)       有序列表:输出条目用数字表示,以<ol>开始,</ol>结束。

例:

<ol>

       <li>第一行

  <li>第二行

</ol>

c)        自定义列表:用于对列表条目进行简短说明的场合,以<dl>开始,列表条目用<dt>引导,说明用<dd>引导。

例:

<dl>

       <dt>条目1

              <dd>条目1说明

       <dt>条目2

              <dd>条目2说明

</dl>

posted on 2022-06-09 20:31  万春寒  阅读(74)  评论(0)    收藏  举报

导航