1-3html文字标记及换行、图片等标记

知识点：

          一、html 文字标记

          二 、html <br/> <p> <img> <hr> <hn>

          三 、html 实体

          四、html <a>

一、html 文字标记

      1>普通文字，页面上正常显示

       2>字体标记：

                <i></i>定义斜体文本

                <strong></strong>文本加粗

                小写的上标

                小写的下标

                 <font></font>可以修饰文本大小 颜色 书法体

                   size="值" 文字大小 -1--6

                   color=""文字颜色

                   face="" 书法体

二、html  <br/><p><img><hr><hn>

         <br/> 换行标记，浏览器解释大段空白，只认为是一个空格

         <p></p>段落标记 上下都加空行，而且换行

          <hr> 画线标记

                      color颜色

                      width长短

                      size高度

            <hn>标题标记   n  1--6  标题顺次减小

            <img src="图片路径"/>

             路径规则：

                    绝对路径：C:\Users\水墨守天\Pictures\Saved Pictures\1.png

                    相对路径 :  .html-->imgs

                                      平级：直接写文件名

                                       在.html下级 ：目录名称/文件名称

                                        在 .html的上级: ../文件名称

三、html实体

       把字符 控制符进行转换。

       " &quot； 英文状态下的双引号

       ' &prime；英文状态下的单引号

        <  &lt  小于号

        >  &gt  大于号

四 html<a>

           超链接：点击后发生页面跳转的文字，图片，或其他页面元素

           <a href="网页路径">页面上显示的元素</a>

                   外网：路径必须是全路径

                   内网：内网跳转遵循相对路径规则 

                   图片作为超链接：<a href="http://www.souhu.com"><img src="img/1.png"></a>