HTML思维导图

HTML

table 表格标签

tr 行标签

td列标签

<tr collapse=2>跨行 跨列同理

border 表格边框的粗细

form 表单标签

action 表示你要跳转的页面

method get/post

<input type=\"submit\"> 提交表单

<input type=\"reset\"> 重置表单

input 标签 (name是必须的)

下拉框 select

<select name=\"列表名称\"> <option value=\"cn\">中国</option><!-- 默认选中 selected--> <option value=\"us\" selected>美国</option> <option value=\"in\">印度</option> </select>

a 超链接标签

锚链接 跳转顶部 <a name=\"top\"><a href= \"#top\"> 

功能性链接 <a href=\"mailto:xx@qq.com\"> 点击联系我

文字图片链接 <a href=\"htttps://www.baidu.com\">百度一下</a>

打开链接的方式

当前页面打开 _self

新页面打开 _blank

img 图片标签

<img src=\"resources/image/1.jpg\" alt=\"图片加载不出来时的文字\" title=\"悬停文字\" width=\"100\" height=\"100\">

页面结构

header 头部

section 主体(一个独立区域)

footer 尾部

列表标签

无序列表 ul li

有序列表 ol li 前面有123

自定义列表 dl dt dd

音频视频标签

<audio src=\"xxx.mp3\" controls autoplay ></audio>

<video src=\"xxx.mp4\" controls autoplay ></video>

内联标签 (类似bilibili连播)

<iframe src=\"https://www.baidu.com\" width=\"800\" height=\"1000\"></iframe>

可换行文本框

<textarea name=\"textaera\" id=\"123\" cols=\"30\" rows=\"10\">文本框</textarea>

其他标签 

h1~h8标题标签 p段落标签 strong粗体 em斜体

特殊字符 

空格 &nbsp 版权 &copy