前端-html基础

html样式很多，属性也很多，简单从几个方面进行了一个简单总结。

html中标签

       有两种大致的形式 1.成对出现  例如<font> </font>    2.以 / 结尾 <input  />

标题标签  

    1.h标签
         h1-h6  标题设置  默认加粗的 从1-6字体逐渐减小
       一个页面中一般只有一个h1标签，在百度搜索栏中是根据设置的h1标签进行搜索的
    2.字体设置标签
        <b>加粗设置</b>      <i>倾斜设置</i>     <b><i>加粗倾斜设置</i></b>
    3.换行设置  <br />   
   4. 直线   <hr width="100%" />
   5. <font></font>  里面通常是对字体的设置

图片标签

     格式
         <img src="../img/1.png"> //  ..代表上级目录 ../ 上级目录下的img文件夹

             

              特有属性

                     title 鼠标悬停时出现的文字
                     alt   图片加载失败时设置的文字显示属性
                     例子：
                      <img src=""  title="你正在点击"  alt="图片加载失败" />

       超链接

           特有属性  target 
                     _blank   是新开一个页面 页面跳转
                    _self 页   面不跳转
             例子：

          <a href="" target="_blank">点击</a> 

  html属性
            width：设置宽度     有两种方式 1.百分比 2.固定长度
            size：1-7 从小到大
            color： 两种设置方式  1.英文  2.三原色（十六进制）
            face:这是设置字体用的，一般在font中才会有效果
            align：设置位置是否居中
            noshade：无阴影
           标签中一般会设置属性，标签和属性是同在的

总结：

          标签里面属性之间不用添加分号 他是通过=进行赋值的，标签和属性是同在的，属性是通用的，只不过有一些标签有自己特有属性，其他标签可是使用，但是不能显示出来。

table标签

 <table>     talble 标签中一般会设置属性 
        标题是加粗的且居中可以使用th 这是专门为标题设计
       <table border="1" cellpadding="0" cellspacing="0"> cellpadding 单元格中内间距  cellspacing 单元格之间间距

        tr：行     属性设置 align 和width
        td：单元格 属性设置：colspan 列合并  rowspan 行合并
              <td rowspan="2">Data</td>
              <td colspan="2"></td>
              这个只用出现在想要合并的第一个数据中，该合并合并，每一列有有几个单元格就写几个
               
frameset框架


         将几个页面进行整合在一张页面上显示

点击选择一  在右面进行显示

        

       frameset和body是不能共存的

<frameset>

    <frame>

   </frame>

</framset>

 

<frameset rows="20%,*"> <frame src="top.html" /> <frameset cols="30%,*"> <frame src="left.html" /> <frame src="right.html" name="mybody" /> </frameset> </frameset>

 

rows是将页面分成上下结构

 cols是将页面分成左右结构

 而上面那种形式就是框架的结合

 先上下        再左右   

 左边点击出现在右面的界面，先在左边加超链接  然后 target指向右边

Noresize 是禁止拉伸的

总结：

 我们一般只是涉及到后台，简单的html样式还是要熟悉的，frameset框架很简单，但是用到的也很多。