类型 | 标签 | 属性 | 快捷键 |
---|---|---|---|
标题 | <h1></h1> <h6></h6> | h$*6 | |
段落 | <p></p> | ||
换行 | <br> | ||
水平线 | <hr></hr> | color width(宽度) size(高度) align(对齐方式)[left|right] | |
图片 | <img> | src(路径:图片地址与名字) alt(规定图像的替代文本) width(规定图像的宽度) height(规定图像的高度) title(鼠标悬停在图片上给予提示) | img |
超链接 | <a></a> | herf(超链接的跳转地址) | |
文本 | <em></em> | 定义着重文字 | |
<b></b> | 定义粗体文字 | ||
<i></i> | 定义斜体字 | ||
<strong></strong> | 定义加重语气 | ||
<del></del> | 定义删除字 | ||
<span></span> | 元素没有特定的含义 | ||
有序列表 | <ol></ol> | type(列表项目标号的形式) | |
<li></li> | |||
无序列表 | <ul></ul> | type(disc默认实心圆,circle空心圆,square实心小方块,none不显示) | ul>li*4 |
<li></li> | |||
表格 | <table></table> | border(边框) width(宽度) height(高度) | table>tr*2>td*3{单元格} |
<tr></tr> | rowspan(垂直合并) | ||
<td></td> | colspan(水平合并) | ||
表单 | <form></form> | 表单标签+表单域+表单按钮 | |
文本域 | <input></input> | type= "text"(文本框) "password"(密码框) "submit"(提交按钮) | |
容器 | <div></div> | ||
头部 | <header></header> | ||
导航 | <nav></nav> | ||
文档的节 | <section></section> | 比如章节、页眉、页脚 | |
侧边栏 | <aside></aside> | ||
脚部 | <footer></footer> | ||
内容块 | <article></article> | 一个独立的、完整的相关内容块 |
2.块级元素与内联元素
常见块级元素 div、form、h1~h6、hr、p、table、ul等
常见内联元素(行内元素) a、b、em、i、span、strong等
行内块级元素(特点:不换行、能够识别宽高) button、img、input等
3. 图片地址表示
图片地址的三种表示方式
1.绝对路径
E:\图片\1.jpg
2.相对路径
- 子级关系:/
- 父级关系:../
- 同级关系:./(可省略)
3.网络路径
具体的网络地址:https://www.baidu.com/img/1.jpg