html基础知识点-CSDN博客

本文链接：https://blog.csdn.net/lanseguhui/article/details/79645001

概念： Hyper Text Markup Language (超文本标记语言)
☞超文本：在网页中能够实现页面跳转的文本【超链接标签】

    ☞ 标记：在网页中显示的标签【在网页中做记号】

            ☞ 结构
                  <!Doctype html> 指定文档类型
                  <html> 根标签
                        <head>
                                <title>网页标题</title>
                              </head>
                              <body>
                                    在浏览器中看到的所有网页信息都要放到body标签中
                           </body>
                  </html>

结构中标签的分类
                ◇单标签：标签只有开始没有结束
                如： <link> ,<hr>
            ◇双标签：标签有开始有结束
                如：<head></head> <body></body>

    ☞标签关系分类
               ◇嵌套关系（父子关系）
                ◇ 并列关系（兄弟关系）
        ☞文件后缀名问题
            1. 注意文件后缀名决定文件打开方式。
            2. 网页的后缀名是.html 或者 .htm

    ◇ 快捷键
                ctrl+shift+d  快速复制
                ctrl+f       快速查找
                ctrl+h       查找替换

☞单标签（标记）
◇注释标签  ctrl+/

◇换行标签 <br>

          ◇横线标签   <hr>

        ☞双标签
                       ◇标题标签
                                    <h1></h1> 一号标题

注意：
                        1. 从语义化角度考虑一个网页中一号标题最好只出现一次

                  ◇ 段落标签
                        <p></p>
                  ◇表示强调标签
                           ◆文本标签 <font></font>
                                 color：改变文字颜色属性
                                    size：改变文字大小属性

文本加粗显示
                                    <strong></strong>

                        或
                    <b></b>

                    ◆文字斜体显示
                    <em></em>
                        或者
                        <i></i>

                  ◆下划线标签
                     <ins></ins>

                    或者
                      <u></u>
                ◆ 删除线
                        <del></del>
                            或者
                        <s></s>

            ☞没有语义的标签
                ◇<div></div>    实现网页布局
                ◇<span></span> 在网页布局过程中使用
            注意：
                    　div 标签中可以包含任何标签

图片标签
            写法：
                        <img>

      属性：
                        src:设置一个要显示的图片路径
                  title：设置鼠标悬停到图片上的文字提示
                  alt: 对图片的描述信息为搜索引擎提供服务
                  width: 宽度

height: 高度

☞绝对路径
                        1.带有磁盘目录的路径
                  2.带有具体网址 http://www.baidu.com/img/1.jpg
            ☞相对路径

如果资源文件（img）和当前文件(html)在同一个文件夹中, src=”文件名”

◇ 如果资源文件（img）和当前文件(html)不在同一个文件夹中, 如果页面在图片的上一级目录中， src=”图片所在文件夹名称加上”/”+图片名称。

如果资源文件（img）和当前文件(html)不在同一个文件夹中, 如果页面在图片的下一级目录中src=”../加上图片名称”

写法：
                  <a href=””></a>
      作用：
                  跳转页面

  属性：
                  title：设置鼠标悬停到超链接上的文字提示
                  target： _self    默认值在当前页面中打开新页面
                                    _blank   在新窗口中打开页面