语义 | 标签 |
---|---|
加粗 | <strong> <b> |
倾斜 | <em> <i> |
删除线 | <del> <s> |
下划线 | <ins> <u> |
<div>
独占一行,大盒子<span>
一行可以放多个,小盒子<img 属性=... />
单标签
属性 | 属性值 | 说明 |
---|---|---|
src | 图片路径 | 必须属性 |
alt | 文本 | 图像不能显示时显示的文字 |
title | 文本 | 鼠标放到图片上显示的文字 |
width | 像素 | 图像宽度 |
height | 像素 | 图像高度(修改一个,等比缩放) |
border | 像素 | 边框粗细 |
写在标签名的后面
。不分先后顺序
,标签名与属性、属性与属性之间均以空格分开Key=“Value”
的格式,属性=“属性值。<a></a>
anchor锚,跳转到另一个页面
属性 | 作用 |
---|---|
herf | 跳转目标 |
target | 目标窗口的弹出方式, _self为默认值,_blank在新窗口中打开 |
<a href=" index.html">首页</a>
#名字
的形式,如<a href="#two">第2集</a>
<h3 id="two">第2集介绍</h3>
主要用于展示数据
1 2 3 4 5 6 7 8 | < table > < tr > < th >表头,会居中加粗</ th > </ tr > < tr > < td > table data </ td > </ tr > </ table > |
<thead></thead>
定义表格头部。内部必须有<tr>
标签<tbody></tbody>
定义表格主题<table></table>
中目标单元格写合并代码
步骤:
<td colspan= “2”></td>
。删除
多余的单元格。用来布局
1 2 3 4 5 | < ul > < li >榴莲</ li > < li >菠菜</ li > < li >大米饭</ li > </ ul > |
<ul></ul>
中只能嵌套<li></li>
<li></li>
相当于一个容器,可以容纳任何元素<ol></ol>
会自动添加序号
上面有一个小标题,下面的term对小标题进行解释
1 2 3 4 5 | < dl > < dt >关注我们</ dt > < dd >关注公众号</ dd > < dd >联系我们</ dd > </ dl > |
<dl></dl>
里面只能包含<dt>
和<dd>
。表单域、表单控件(表单元素)、提示信息