前端基础之HTML(1)(常用标签和锚点定位)

158 阅读1分钟

基础结构(快捷键!(生成基本代码))(最开始创建的文件名的后缀是.html)!!!

<html>(最大的标签,跟标签,超文本标记语言)
    <head>(文档的头部)
      <title></title>(属于自己的网页标题)
    </head>
    <body>(文档的主题)
    </body>
</html>

常用标签

一.排版标签

1.标题标签hX
2.段落标签P
3.水平线标签hr
4.换行标签br
5.布局标签div(自己一行),span(一行可以很多)

二.图片标签(img)

<img src="连接地址" alt="没加载出显示">
属性
1.src:图片地址
2.alt:图片没加载出来显示的文字
3.title:鼠标放图片上显示的文字

三.连接标签(a)

<a href="连接地址"></a>
属性
    target:(跳转的打开方式)
            _self(自身页面打开(默认))
            _blank(在新窗口打开)

路径

1.绝对路径(在任何位置都能使用的地址)
2.相对路径(相对于自身)
同级地址可以直接写
上一级使用../
上上级使用../../

锚点定位(需要给要定位的地方一个id标签)

1.同页面定位跳转,例:
    <a href="#1">同页面跳转</a>(跳转按钮)
    <h3 id="1">小李</h3>(跳转的位置)
2.回到顶部(跟第一条同理)
3.不同页面的定位跳转
    在跳转按钮位置通过../定位到你想要跳转的页面
    <a href="../day01/day01.html#go">去帅哥页面</a>(点击的位置)
     <div id="go"> 我可太帅了 </div>(要跳转的不同页面的位置)