记录学习前端的第一天（小白教程）

感谢您点击进我的文章，如果你也是一个初学者，我们一起共勉！

本次所需软件

Visual Studio Code(附下载链接)

下载Visual Studio Code - Mac， Linux， Windows

讲解基础标签

<!-- 标题标签 h1 - h6 从大到小 -->
    <h1>标题标签</h1>
    <h2>标题标签</h2>
    <h3>标题标签</h3>
    <h4>标题标签</h4>
    <h5>标题标签</h5>
    <h6>标题<br>标签</h6>

---

<!-- 段落标签 -->
 <p>段落标签</p>

 

<!-- 水平线 hr -->
    <hr>

 <!-- 换行标签 br -->
    <br>

<!-- div  通用标签 -->
    <div  color="pink" face="楷体" size="22">段落标签标题标签  <h6>标题<br>标签</h6></div>

<!-- 文字标签 -->
    <font color="pink" face="楷体" size="22">字体标签</font>

 

 此处字体爆红不是报错的意思，是因为此标签即将弃用

<!-- 粗体 -->
    <b>粗体标签</b> <strong>粗体标签</strong>
    <!-- 斜体 -->
    <i>斜体标签</i> <em>斜体标签</em>
    <!-- 删除线 -->
    <s>删除线</s> <del>删除线</del>
    <!-- 下划线 -->
    <u>下划线</u> <ins>下划线</ins>

 如图可见两种标签效果一样，后者起到强调的作用

 <!-- 上标 -->
    这是<sup>上标</sup>

    <!-- 下标 -->
    这是<sub>下标</sub>

 

<!-- 标记 -->
    <mark  title="这是一大段文字这是一大段文字这是一大段文字">mark 标记</mark>

<!-- 缩写 abbr -->

    <!-- title属性 所有标签共有的属性，鼠标悬浮时，显示属性值 《属性值：属性里的内容》 -->
    <abbr title="这是一大段文字这是一大段文字这是一大段文字">缩写</abbr>

 <!-- 图片标签
        绝对路径：c:\Users\mi\Desktop\我的\笔记pdf\第一阶段\html
        相对路径：    文件相对路径  ../.. ./ 
        alt：图片加载失败时，提示图片内容
    -->
    <img title="欣知大数据" src="./img/11.jpg" width="200" height="100" alt="欣知大数据二十部">
    <!-- a标签 超链接 href 里面放链接路径 -->
    <a href="https://www.baidu.com">百度</a>
    <!-- 还能跳转项目内的页面
        target: _blank:跳转新窗口
               _self: 在本窗口打开
    -->
    <a href="./b.html" target="_blank">跳转b页面</a>
    <a href="./b.html" target="_top">跳转b页面</a>

感谢观看！共同进步，愿你我都能在学习的道路上，奋力前行