html基本属性img、href、table操作

1、加载图片的案例：
本地图片将图片放置该html同级目录下路径名称可直接填写图片名称，否则需要填写具体地址；

这里省略了<>，不然这边不显示代码内容而是个样式了，不知道什么鬼，是不是样式同步了，还请大神指导；
img src="图片路径（可本地图片也可网络url图片)" width="200px" style="border: 1px solid red; border-radius: 5px;" alt="小美妞.png"

ps：假如想缩放图片，可以设置一个宽度，会按比例缩放，可不设高度。

在img里面还可加如下属性：
< ... alt="这是一个鼠标选中浮动提示" > (以前alt是给图片设置浮窗提示，现为图片不存在时文本提示了，如需图片加浮窗提示效果可以div+CSS）；
< ... border="1px"> (单纯设置图片边框大小，类似于iOS端的layer.border)；
< ... style="border:2px solid red;" (设置图片边框颜色借助CSS样式)；
写一条就是显示一张图片，复制几条，加载多少张，网页宽度排列不下去可自动换行.

2、文本链接：
相关属性可查找w3school:GO （title:文本浮窗提示）

图片加载、链接加载.png

    



《img src="小美妞.png" width="200px" style="border: 1px solid red; border-radius: 5px;" alt="小美妞.png" /》


《img src="http://cdn-qn0.jianshu.io/assets/web/logo-58fd04f6f0de908401aa561cda6a0688.png"》



 相关属性可查找w3school:GO 

3、表格加载：

    





1
4
7


2
5
8


3
6
9
 

表单.png

菜谱表单练习：
重点掌握几个属性：

让表格上下移动，可以添加一个假的table

 
  
 
   
 
     
   
 
  
 
  

    菜谱表单.png 
  
 
 
案例源码：



    
    






星期一菜谱

素菜
 
  
  
 

    
    

        
        
星期一菜谱
    

    
    

        
        
素菜
        
清炒茄子
        
花椒扁豆
    

    
    

        
小葱豆腐
        
炒白菜
    

    
    

        
荤菜
        
油焖大虾
        
海参鱼翅
    

    
    

        
红烧肉![](小美妞.png)
        
烤全羊