day1-web前端基础
2018-08-13 本文已影响0人
微醉那一抹殷红
一、基本结构
<!DOCTYPE HTML>
<html>
<head>
<title></title>
</head>
<body>
</body>
</html>
标签：单标签、双标签
单标签：<标签名 属性=属性值 属性=属性值/>
双标签：<标签名 属性=属性值 属性=属性值></标签名>注意：属性和标签名之间用空格隔开，多个属性之间同样用空格隔开
标签内容：开始标签和结束标签之间的内容
二、常用标签
1.文本标签
- 标题标签：<h1></h1> ----- <h6></h6>
- 段落标签： <p></p>
- 空格： ；
- 换行标签：
- 超链接：<a></a>
- 文字加粗：<b></b> 或者 <strong></strong>（有强调效果 推荐使用）
- 文字倾斜：<i></i> 或者 <em></em>（有强调效果 推荐使用）
- 水平线：<hr/>
2.列表标签
- 有序列表
<ol> <li>语文</li> <li>数学</li> <li>英语</li> </ol>
- 无序列表
<ul> <li>成都</li> <li>重庆</li> <li>北京</li> </ul>
- 自定义列表
<dl> <dt>省份:</dt> <dd>四川</dd> <dd>安徽</dd> <dd>湖南</dd> </dl>
3.表格标签
- 基本机构
<table> <tr> <td></td> <td></td> </tr> <tr> <td></td> <td></td> </tr> <tr> <td></td> <td></td> </tr> </table>
- 说明：
table -- 标签代表这个表格
tr -- 代表的是一行
td -- 代表的是列（一个td对应一个单元格）属性：
a. table属性
1.border:设置整个表格中边框的宽度
2.width:设置整个表格的宽度
3.heigt:设置整个表格的高度（每一行的高度是一样的）
4.align：center -- 让整个表在其父标签中居中
5.bgcolor: 背景颜色
6.cellpadding="100": 设置内容和单元格之间的间距(了解)
7.cellspacing: 设置 单元格和单元格之间的间隙b.tr属性
1.height: 设置单独的某一行的高度
2.align:center -- 让当前行里面的所有的单元格中的内容居中
3.bgcolor: 背景颜色c.td属性
1.width： 设置某一列的宽度
2.align:center -- 让某一个单元格中的内容居中
3.bgcolor: 背景颜色
易竹小居士.jpg
