html基础知识

HTML5元素周期表

一. 文本元素

1.h1~h6:标题

<h1>一级标题</h1>

2.p:段落

<p>这是一个段落</p>

3.span:没有语义，仅用于样式的设置

示例：

三原色:<span style="color:red">红</span>,<span style="color:green">绿</span>,<span style="color:blue">蓝</span>

4.pre：预格式文本元素，让文本以源代码形式显示

在html中空白元素(空格、换行、制表)如果连续出现多次，会被折叠为一个空格，只会显示一个空格；

为了让文本以一种源代码的形式显示，可以使用pre标签，pre标签内的元素会以源代码形式显示在网页上

<pre>
        #include <stdio.h>
        int main()
        {
            printf("this is a C program!\n");
            return 0;
        }
</pre>

5. 特殊字符

在页面中的一些特殊字符不能直接使用，需要使用特殊的表示形式

  	表示空格
&lt;	表示<
&gt;	表示>
&copy;	版权符号
&amp;	&符号
&quot;  双引号

6.文本强制换行:br

让br标签之前的文字在不到右边的时候另起一行

第一行内容<br>第二行内容

7.水平线:hr

在hr标签之前的内容后面生成一条水平线

第一部分<hr>第二部分<hr>第三部分

二. 超链接和图片

1. a:超链接

href属性

表示要跳转的路径