php开发

HTML03.文字标签

2018-08-12  本文已影响0人  快乐的提千万

标题字体(Header)##

<h#> ... </h#> #=1, 2, 3, 4, 5, 6
<hn>---</hn> 这些标记显示黑体字。
<hn>---</hn> 这些标记自动插入一个空行,不必用 <p> 标记再加空行。
因此在一行中无法使用不同大小的字体。

字体大小和颜色

<font size=#> ... </font> #=1, 2, 3, 4, 5, 6, 7 or +#, -#
<basefont size=#> #=1, 2, 3, 4, 5, 6, 7
<font color=#> ... </font>

物理字体(样式)

<b>加粗!</b> 
<i>倾斜</i> 
<u>下划线</u> 
<tt>等宽</tt>
<sup>上标字</sup> 
<sub>下标字</sub> 
<s>删除线</s>  

逻辑字体(语义)

<em>斜体,表强调</em> 
<strong>加粗,表重要</strong> 
<code>计算机代码</code> 
<samp>样本文本</samp> 
<kbd>键盘文本</kbd> 
<pre>源代码显示</pre>
<var>变量</var> 
<dfn>定义项目</dfn> 
<small>小</small> 
<big>大</big> 

转义字符

常见的:

基本格式:   &xxxx;
    <       &lt;
    >       &gt;
    空格    &nbsp;
    &       &amp;
    ©       &copy;
    ®       &reg;
    ™       &trade;

列表

无序列表 <ul><li>...</ul>
有序列表 <ol><li>...</ol>

小例子:

<!DOCTYPE html>
<html>
    <meta charset="utf-8">
    <head><title>TextStyle</title></head>
    
    <body>
        <b> 加粗 </br> </b>

        <font color = "yellow"> 黄色 </font>
        <font color = "red"> 红色 </font>
        <font color = "blue"> 蓝色 </font></br>

        <font size = "1"> 1号大小 </font>
        <font size = "3"> 3号大小 </font>
        <font size = "5"> 5号大小 </font>
        <font size = "7"> 7号大小 </font> </br>
        
        <p>段落1</p> 
        
        <font color = "black" size = "5"> 符号实体&copy </font></br>
        <hr> <!-- 分割线 -->
        <pre>
            保留原代码样式
            #include<isotream>
            using namespace std;
            int main()
            {
                cout << hello world << endl;
                return 0;
            }
        </pre>
        
        <hr>
        
        <ul type = "disc">
            无序列表
            <li> 列表1 </li>
            <li> 列表2 </li>
            <li> 列表3 </li>
        </ul>
        
        <hr>
        
        <ol type = "i" start = "1">
            有序列表
            <li> 列表1 </li>
            <li> 列表2 </li>
            <li> 列表3 </li>
        </ol>
        
        <hr>
    <center>    
        
        <h1>使用&lt;H1&gt;输出一号标题字体</h1>
        <h2>使用&lt;H2&gt;输出二号标题字体</h2>
        <h3>使用&lt;H3&gt;输出三号标题字体</h3>
        <h4>使用&lt;H4&gt;输出四号标题字体</h4>
        <h5>使用&lt;H5&gt;输出五号标题字体</h5>
        <h6>使用&lt;H6&gt;输出六号标题字体</h6>
        <font face="楷体_GB2312" color="red" size="5">绝对字体大小为5的红色楷体字</font><br>
        <font face="宋体" color="green" size="+3">相对字体大小为+3的绿色宋体字</font><br>
        <font face="黑体" color="blue" size="-1">相对字体大小为-1的蓝色黑体字</font><br>
        <b>使用&lt;B&gt;标记输出粗体字</b><br>
        <u>使用&lt;U&gt;标记输出带有下画线的文字</u><br>
        <i>使用&lt;I&gt;标记输出斜体字</i><br>
        <tt>使用&lt;TT&gt;标记输出打印机文字</tt><br>
        <cite>使用&lt;CITE&gt;标记输出引证、举例的斜体字</cite><br>
        <em>使用&lt;EM&gt;标记输出强调的斜体字</em><br>
        <strong>使用&lt;STRONG&gt;标记输出强调的粗体字</strong><br>
        <small>使用&lt;SMALL&gt;标记输出小型的字体</small><br>
        <big>使用&lt;BIG&gt;标记输出大型的字体</big><br>
        
        
    </center>
    
    COPYRIGHT  &copy; WindowsXP&trade; 版权所有&reg;
    </body>
</html>
上一篇 下一篇

猜你喜欢

热点阅读