HTML学习笔记(Day3)

一、HTML图像
HTML中图像由定义
1.和src属性
URL 指存储图像的位置
2.alt属性
alt 属性用来为图像定义一串预备的可替换的文本。替换文本属性的值是用户定义的。
Nice Boat
在浏览器无法载入图像时,替换文本属性告诉读者她们失去的信息。此时,浏览器将显示这个替代性的文本而不是图像。
3.背景图片



gif 和 jpg 文件均可用作 HTML 背景。

如果图像小于页面,图像会进行重复。

4.图片的对齐方式
图片在文字中的对齐方式由align属性确定




未设置对齐方式的图像:

图像 在文本中

已设置对齐方式的图像:

图像 在文本中

图像 在文本中

图像 在文本中

请注意,bottom 对齐方式是默认的对齐方式。

带有图像的一个段落。图像的 align 属性设置为 "left"。图像将浮动到文本的左侧。

带有图像的一个段落。图像的 align 属性设置为 "right"。图像将浮动到文本的右侧。

5.图像链接

将链接的内容替换为图像,可以用图像作为链接

6.图像映射标签
Planets


  Venus
  Mercury
  Sun
定义一个客户端图像映射。图像映射(image-map)指带有可点击区域的一幅图像。
标签定义图像映射中的区域(注:图像映射指得是带有可点击区域的图像)。

area 元素总是嵌套在 标签中。


二、HTML表格
1.一个例子

Heading Another Heading
row 1, cell 1 row 1, cell 2
  row 2, cell 2
定义表格的表头,通常是粗体居中的文字
定义表格的每一行
定义单元格的内容
border属性确定表格的边框宽度
在空单元格中使用空占格符 以使表格边框显示出来

2.跨行/跨列以及单元格间距/边距
使用colspan和rowspan属性确定跨行和跨列的单元格
使用cellpadding确定单元格边距,cellspacing确定单元格间距





姓名 电话
Bill Gates 555 77 854 555 77 855
DesmondCobb 12345
67890
3.背景与对齐方式
bgcolor属性确定单元格的背景颜色
background属性可以指定单元格背景图片
align属性可以指定单元格子对齐方式

4.frame属性
略,详见样例http://www.w3school.com.cn/tiy/t.asp?f=html_table_frame

5.标签
比较简单,直接上例子吧







Month Savings
January $100
February $80
Sum $180


三、HTML列表
1.无序列表
无序列表由
    标签声明
    每个项目始于

  • 可以通过type属性修改标签的形状(disc,circle,square)
    • 苹果
    • 香蕉
    • 柠檬
    • 桔子
    2.有序列表
    有序列表由
      标签声明
      可以通过type属性修改表示顺序的类型
      1. 苹果
      2. 香蕉
      3. 柠檬
      4. 桔子
      注:type属性默认为数字,A为大写字母,a为小写字母,I为大写罗马数字,i为小写罗马数字


      3.列表的嵌套

      举个例子就行吧
      
      
      
      
      

      一个嵌套列表:

      • 咖啡
        • 红茶
        • 绿茶
          • 中国茶
          • 非洲茶
      • 牛奶
      4.自定义列表
      自定义列表不仅仅是一列项目,而是项目及其注释的组合。
      自定义列表以
      标签开始。每个自定义列表项以
      开始。每个自定义列表项的定义以
      开始。
      Coffee
      Black hot drink
      Milk
      White cold drink


      Ref:http://www.w3school.com.cn/

你可能感兴趣的:(HTML学习笔记)