html基础知识点-蒲公英云

html基础知识点

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

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

结构中标签的分类
◇单标签：标签只有开始没有结束
如： ,

◇双标签：标签有开始有结束
如：

 ☞标签关系分类  
           ◇嵌套关系  （父子关系）  
             ◇ 并列关系  （兄弟关系）  
    ☞文件后缀名问题  
         1. 注意文件后缀名决定文件打开方式。  
         2. 网页的后缀名是.html 或者 .htm
◇ 快捷键  
              ctrl+shift+d  快速复制  
              ctrl+f       快速查找  
              ctrl+h       查找替换

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

        ◇换行标签   <br> 
        ◇横线标签   <hr>  
    ☞双标签  
                    ◇标题标签  
                                 <h1></h1>  一号标题

注意：

                     1. 从语义化角度考虑一个网页中一号标题最好只出现一次  
               ◇ 段落标签  
                     <p></p>  
               ◇表示强调标签  
                       ◆文本标签  <font></font>  
                             color：改变文字颜色属性  
                                  size： 改变文字大小属性

文本加粗显示

                    或  
                 <b></b>  
                ◆文字斜体显示  
                 <em></em>  
                     或者  
                    <i></i>  
              ◆下划线标签  
                 <ins></ins>
                 或者  
                  <u></u>  
              ◆ 删除线  
                     <del></del>  
                        或者  
                     <s></s>  
         ☞没有语义的标签  
              ◇<div></div>    实现网页布局  
              ◇<span></span> 在网页布局过程中使用  
          注意：  
                　div 标签中可以包含任何标签

图片标签
写法：

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

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

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

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

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

写法：

作用：
跳转页面

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