在Html语言中对文字的字体设置的标记有哪些?请举例说明。

html-css014

在Html语言中对文字的字体设置的标记有哪些?请举例说明。,第1张

html语言最开始只是针对文字的,字体设置的标记有很多:

<B>粗体</B> 粗体

<I>斜体</I> 斜体

<U>底线</U> 底线

<SUP>上标</SUP> 上标

<SUB>下标</SUB> 下标

<TT>打字机</TT> 打字机

<BLINK>闪烁</BLINK> 闪烁

<EM>强调</EM> 强调

<STRONG>加强</STRONG> 加强

<SAMP>范例</SAMP> 范例

<CODE>原始码</CODE> 原始码

<VAR>参数</VAR> 参数

<DFN>定义</DFN> 定义

<CITE>引用</CITE> 引用

<ADDRESS>所在地址</ADDRESS> 所在地址

<H1>标题</H1>

现在大多都不用这些标签了,而是使用css样式表来修饰字体。

1.常规标记/双标记

<标记 属性="属性值"  属性="属性值"></标记>

2. 空标记/单标记

<标记 属性="属性值"/>

说明:写在<>中的第一个单词叫做标记,标签,元素名。

标记和属性用空格隔开,属性和属性值用等号连接,属性值必须放在双引号(" ")内。

一个标记可以没有属性值也可以有多个属性,属性和属性之间不分先后顺序。

空标记没有单独的结束标签,用斜杠("/")代替。

1.文本标题标签

<h1>一级标题</h1>

<h2>二级标题</h2>

<h6>六级标题</h6>

2.水平线

<hr/>空标记

3.段落

<p>段落文本内容</p>

4.强制换行

<br/>是一个空标记

5.空格

<>

---所占位置没有一个确定的值,这与当前字号字体都有关系。

6.加粗

<b>加粗内容</b>-----样式标签

<strong>加粗内容</strong>表示该文本比较重要,提醒读者/终端注意表示强调

7.倾斜标记

<em>  </em>---语义标签

<i></i>样式标签

8.

区别:

<strong><em>逻辑字体格式化标签.表示 强调 .默认效果是通过字体加粗/倾斜来表示语义强调.而<b><i>标签就是字体加粗/倾斜标签,没有语意强调的意思,一般称为物理(无意义)字体格式化标签。

语意强调作用的<strong><em>比<b><i>更容易引起搜索引擎的注意,但是如果只是为了加粗样式,建议在css样式表里实现。

9.

扩展    HTML和XHTML的语法区别

XHTML,要求标签正确嵌套

XHTML,所有标签必须关闭

XHTML,区分大小写

XHTML属性值,要用双引号

XHTML,用id属性代替,name属性

XHTML,特殊字符的处<>

10.列表(ul,ol,dl)

HTML中有三种列表,分别是:无序列表,有序列表,自定义列表.

无序列表

<ul>--unorderList

<li>列表项内容</li>

…..      …..

</ul>

有序列表

<ol>--orderList

<li>列表项内容</li>

<li>列表项内容</li>

…..      …..

</ol>

自定义列表

<dl>

<dt>名词</dt>

<dd>解释</dd>

</dl>

11.

12.

13.表格

数据表格的相关属性

1 ) width="表格的宽度"

2) height=“表格的高度”

3) border=“表格的边框”

4) bordercolor="表格边框颜色"

5 ) bgcolor="表格的背景色”

6) cellspacing=“单元格与单元格之间的间距”

7 ) cellpadding=“单元格与内容之间的空隙”

8)水平对齐方式: align="left/center/right"

垂直对齐方式: valign="top/middle/bottom”;

注:垂直对其方式在td,tr上使用

表格跨行和跨列

colspan=“所要合并的单元格的列数”横向合并;

rowspan=“所要合并的单元格的行数”纵向合并;