HTML、CSS学习(1)
HTML
语法规范
<!DOCTYPE html>(一定要放在最前面)
<html lang="zh-CN">(语言类型,“en”)
<html>
<head>
<meta charset="UTF-8">(不写会乱码)
<title></title>
</head>
<body></body>(与head有并列关系)
</html>(与内部有包含关系)
<br />(少部分属于单标签)
快捷键
crtl+F5格式化
crtl+h 全替换
标签(一):
1.标题标签:h1-h6,有六级,数字越小字体越粗,一行显示。eg:<h1></h1>
2.段落标签(查看-自动换行):<p></p>
遇到<br />自动换行
3.文本格式化:加粗:<strong></strong>
倾斜:<em></em>
删除线:<del></del>
下划线:<ins></ins>
4.<div></div>:独占一行大盒子
<span></span>:一行多个小盒子
5.图像标签(单标签,图片要放入同一文件夹):<img src="路径">
alt(图像显示不出来时用文本替代):<img src="路径" alt=""/>
title(鼠标放在图片上时有提示文本):<img src="路径" title=""/>
长宽、边框粗细:<img src="" width="" broder="" />(width/heigth写其一即可)
6.相对路径(相对于html):同一级:src="img.jpg"/
下一级:src="imgs/img.jpg“/
上一级:src="../img.jpg"/
绝对路径:” \ “
7.链接标签:外部链接<a href="地址" target="_self(或者_blank代表新窗口)">文本/图像</a>
内部链接<a href="地址">
空链接<a href="#">文本</a>
下载链接<a href=”“>文本</a>
网页元素链接<a href="链接"><img src=""></a>
瞄点链接<a href="#关键字">文本</a>
<h(n) id="关键字">文本</h(n)>
8.注释标签:<!--aaa--> ctrl+/
标签(二):
1.表格标签
格式:
<table(大表格) align(位置)="center" border(是否有边框)="1" cellpadding="10" cellspacing="0" width="500">
<thead>
<tr>(行)
<th>(表头单元格,居中加粗)</th> <th></th>
</tr>
</thead>
<tbody>
<tr>
<td>(单元格)</td>
</tr>
</table>
合并单元格:
跨行:<td rowspan="要合并的单元格数">,在最上面的目标单元格写
跨列:<td colspan="">,在最左边的目标单元格写
最后删除多余单元格