html课堂笔记(二)

html课堂笔记(二)

[第二节课]

图片插入网页
<img src="图片地址" height="px" width="px"/>
高 height="px" /
宽 width="px"
px可以换成百分比XX%
align="top(上面)/middle(中间)/bottom(下面)"
文本和图片的对齐方式

图片的获取焦点
alt="对用户的提示的话"(只能支持IE浏览器)
当你的图片加载不成功时alt属性会直接在页面上提示
title="对用户的提示的话"(通用)

背景色
bgcolor="颜色"
背景图片
background="图片地址"

<div> </div>(块级元素)

列表
1,无序列表(不存在顺序)
标签
<ul>
<li type="disc(默认的实心圆)/circle(空心圆)/square(实心方块)"> 内容 </li>
<li>内容  </li>
<li>内容  </li>
</ul>
列表嵌套(图形会变化)
<ul>
<li>
<ul>
<li>
</li>
</ul>
</li>
</ul>
这种形式是列表嵌套

2,有序列表前面会出现数字
<ol>
<li type="1(默认)a/A/i/I">
</li>
</ol>
========================
列表嵌套(图形不会变化)
<ol>
<li>
<ol>
<li>
</li>
</ol>
</li>
</ol>
type="1(默认)a/A/i/I"
start=""(从哪开始排序,start只能是数字)

表格(网页创造表格>

<table>(表格)
<tr>(行)(一个<tr></tr>代表一行)
<td></td>(列)(一个<td></td>代表一列)
</tr>
</table>
表格属性

表格大小
高 height="px"
宽 width="px"
border="1px"(边框)
bordercolor=""(边框颜色)
外边距
cellspcing="0px"(外边距就没有,两条线合并成一条线)
<caption></caption>(专门写表头)一定要写在table里面

李东辉

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: