Html&基本标签&列表

之前对Html有过学习和了解,但没有系统学习,基础还是很重要的所以现在重新学习,一起共勉。


Html基础

1.基本信息

  1. DOCTYPE 告诉浏览器,我们要使用什么规范
  2. head标签代表网页头部
  3. meta描述性标签,它用来描述我们网站的一些信息
  4. meta一般用来做SEO
  5. title标签代表网页的主体

    2.基本标签

  6. h1-h6 一级-六级标签
  7. p 段落标签
  8. hr 水平标签
  9. br 换行标签
  10. strong 粗体标签
  11. em 斜体
  12. &nbsp(空格) @copy(版权所)有 &gt(大于号) &lt(小于号)—-特殊标签

    3.图像标签

  13. <img src="../html/img/1.png" alt="女孩" title="悬停文字" width="500px" height="500px" > (src:图片地址(必填)相对地址(推荐使用);绝对地址../ –上一级目录 alt: 图片名字(必填))

    4.链接标签

  14. <a href="https://www.baidu.com" target="_self">点击我跳转到百度</a>a 标签,href : 必填,表示要跳转到那个页面,_blank 在新标签中打开,_self 在自己的的网页打开.
  15. 锚链接1.需要一个锚标记2.跳转到标记
    <a href="#top">回到顶部</a> <a name="down">down</a>
  16. 功能性链接 邮箱链接:mailto
    <a href="mailto:232324265@qq.com">点击联系我</a>

    5.列表学习

  17. 有序列表
    应用范围: 试卷,问答….
    1
    2
    3
    4
    5
    6
    7
    <ol>
    <li>java</li>
    <li>python</li>
    <li>运维</li>
    <li>前端</li>
    <li>c</li>
    </ol>
  18. 无序列表
    应用范围:导航,侧边栏….
    1
    2
    3
    4
    5
    6
    7
    <ul>
    <li>java</li>
    <li>python</li>
    <li>运维</li>
    <li>前端</li>
    <li>c</li>
    </ul>
  19. 自定义列表
    dl:列表 dt: 列表名称 dd: 列表内容
    运用在 公司网页底部
    <dl>
    <dt>学科</dt>
    <dd>java</dd>
    <dd>python</dd>
    <dd>位置</dd>   
    <dd>西安</dd>
    </dl>
    

基于B站视频学习 特别感谢up主 遇见狂神说


本博客所有文章除特别声明外,均采用 CC BY-SA 4.0 协议 ,转载请注明出处!