html学习2_3wshool-CSDN博客

本文链接：https://blog.csdn.net/zhangxl5232/article/details/78540812

html的表格形式及包含的内容

<table> &nbsp 表示空格 caption 表格标题 cellpadding 表示单元格内容和边框的空白。 cellspacing 增加单元格之间的距离。bgcolor背景颜色 background 背景图片

<th>algin 显示内容居中或者居左或者居右

<td>> colspan 和rowspan 表示表格跨行或者跨列

</td>

</tr>

</table>

2.列表显示 <ul> 在实现列表嵌套的时候，记得新的ul要放在li

<ol>start =“”“50” 开始序号

<li>

</li>

</ul>

3.一个定义列表

<dl> 自定义列表

<dt> 自定义列表项

<dd> 自定义列表项说明

4.特殊用法使用

<form 表单> action 跳转

a.文本框 <input type="text" name="a">

b.密码框 type=password

c.checkbox 复选框

d.radio 单选框

e.type="button" 设置按钮，value是按钮的显示值

type=submit form表单点击提交的时候，会传递form的属性到action中用name获取信息

e.下拉列表 <select > <option ----selected="selected" 默认选中>></select>

f.文本域 <textarea cols="30" rows="5">

5.图像

a.图像的基本语法<img src="路径" width height> algin 图片的对齐方式，分为bottom middle top 三种即底部，中间，上方。图片的浮动。即显示在如段落的整个左边，或者右边，又分为left和right两个方向。 alt 替换文本属性，当显示的图片找不到时，就会显示alt中对应的文本。

b.<body background="/i/eg_background.jpg"> 背景图片如果图片小于页面，图片就会重复显示

c.图片作为映像，可以点击并跳转到其他页面。使用usemap="#planetmap" #后面的名字可以是map的name或者id 如果多个映像，则添加多个area

<area
shape="circle" 
coords="180,139,14" 《如果shape是circle ，那么coords三位数分别为x坐标，y坐标，圆半径如果是rect ，坐标为左上角，右下角坐标。其中，如果是顶端，一般写0，0，即已左上角为xy坐标的圆点》
href ="/example/html/venus.html"
target ="_blank"
alt="Venus" />

6.html中引入css样式

7.meta描述html文档或者关键字等

8.页面不存在的时候的重定向<meta http-equiv="Refresh" content="5;url=http://www.w3school.com.cn" /> 5秒后重定向到3wshool网站