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="">,在最左边的目标单元格写

最后删除多余单元格


HTML、CSS学习(1)
http://localhost:8090//archives/htmlzong-jie
作者
卓慧琪
发布于
2025年09月21日
许可协议