html基础知识点

逃离我推掉我的手 2021-09-15 01:30 478阅读 0赞

概念： 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   在新窗口中打开页面