HTML 入门—简单标签使用

标题标签

<title>Title</title>
<H1>你好</H1>
<H2>你好</H2>
<H3>你好</H3>
<H4>你好</H4>
<H5>你好</H5>
<H6>你好</H6>

段落标签

<p>内容</p>
<div>内容</div>

段落标签有很多，我这里就举例了2个，想了解更多可以看我的这篇块元素和行内元素

换行标签  ：<br>

<p><strong>内容</strong><br>hcsuh</p>

<br>进行换行，可以更加方便我们的格式

斜体  <em></em>

<p>内容</p>
<p><strong>内容</strong></p>

        1.页面链接 
                (1).本地连接
                        <a href="index.html">链接名</a>
                        indext.html是本地文件
                (2).网页链接
                        <a href="https://www.baidu.com" target="设置打开方式">链接名</a>
                        target内容比如：self--默认 blank--打开新的标签页

        2.锚链接
                1.当前页面
                        (1).先建立一个链接
                                <a name="名字">链接名</a>  定义一个name
                        (2).点击的地方
                                 <a href="#名字">链接名</a>  加个#就可以了
                2.多个页面
                        (1).<a href="第二个页面的路径">链接名</a>
                        (2). <a name="名字">链接名</a>
                        (3). <a href="B第二个页面的路径#名">链接名</a>
                3.功能链接
                        <a href="mailto:qq或电子邮件"></a>

图片格式：

图片标签

<img src="图片路径" height="图片高" width="图片宽" alt="图片提示" title="鼠标悬停提示文字"/>

<img src="img3.png" style="height:100px;width: 200px"alt="图片提示" title="鼠标悬停提示文字"/>

运行结果：    鼠标放在图片上几秒就会出现<鼠标悬停提示文字>文字

注释 ：<!-- --> 

快捷键是 ctrl+shift+?   注释的内容运行出来是看不到的，所以摸鱼展示效果图

特殊符号

<p>空格：&nbsp;  --大于&gt;  --小于&lt; --引号&quot; --版权符号&copy;</p>

运行结果