导图社区 HTML总结
这是一篇关于HTML总结的思维导图,包括:HTML基本文档格式、基本标签(Basic Tags)、链接(Links)、图片(lmages)、文本格式化(Formatting)、表格(Tables)、表单、下拉列表。
社区模板帮助中心,点此进入>>
互联网9大思维
组织架构-单商户商城webAPP 思维导图。
域控上线
python思维导图
css
CSS
计算机操作系统思维导图
计算机组成原理
IMX6UL(A7)
考试学情分析系统
HTML总结
HTML基本文档格式
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>文档标题</title> </head> <body> 文档本体 </body> </html>
基本标签(Basic Tags)
<body> <h1>最大的标题</h1> <h2>第二大标题 </h2> <h3> . . . </h3> <h4> . . . </h4> <h5> . . . </h5> <h6>最小的标题</h6> <p>这是一个段落。</p> <br> (换行) <hr> (水平线) <!-- 这是注释 --> </body>
链接(Links)
<body> <!--普通的链接:--> <a href="http://www.baidu.com/">链接文本</a> <!--图像链接:--> <a href="http://www.baidu.com/"><img src="URL" alt="图像链接替换文本"></a> <!--邮件链接:--> <a href="mailto:zyl_lfe@163.com">发送e-mail</a> <!--书签:--> <a id="tips">提示部分</a> <a href="#tips">跳到提示部分</a> </body>
图片(Images)
<body> <img src="URL" alt="替换文本" height="32" width="32"> </body>
文本格式化(Formatting)
<body> <b>粗体文本</b> <!--要让一段计算机代码显示在网页中,那么这段代码需要用<code> 标签包起来,不然他会被当作网页的代码被 运行。--> <em>强调文本</em> <i>斜体文本</i> <!--预格式化文本标签--> <small>更小的文本</small> <strong>重要的文本</strong> <!--<abbr title="缩写词的全称">缩写词</abbr>--> <abbr title="Hyper Text Markup Language">HTML</abbr> <!--联系地址标签--> <address> 百度地址:<a href="https://www.baidu.com">百度入口</a> </address> <!--文字显示方向--> <p>该段落文字从左到右显示。</p> <p><bdo dir="rtl">该段落文字从右到左显示。</bdo></p> <!--另一个源的引用--> <p>这是常规的一个段落</p> <blockquote cite="来源地址"> <p>这是引用的的一个段落</p><p>这是引用的的一个段落</p> </blockquote> <p>这也是常规的一个段落</p> <!--删除文本和插入的文本--> <p>(这个是和删除和插入标签一起使用的实例)</br>原价<del>180</del>现在只要<ins>80</ins></p> <!--上标文本和下标文本--> <div> 这个标签是<sub>sub下标文本</sub> 这个标签是<sup>sup上标文本</sup> </div> <!--div标签默认样式是独占一行,其CSS样式需要重新赋予。如对div宽度、高度等样式设置、内部字体大小、字体颜色都需要通过CSS来实现--> <div class="divcss5-1">我字体大小为16px</div> <div class="divcss5-2">我字体颜色为红色</div> <div class="divcss5-3">我背景为黑色字体为白色</div> <div class="divcss5-4">布局设置边框和高度</div> </body>
表格(Tables)
<body> <table border="10"> <tr> <th>表格标题</th> <th>表格标题</th> </tr> <tr> <td>表格数据</td> <td>表格数据</td> </tr> </table> </body>
表单
<body> <input type"表单类型“> <input type"text">单行文本框 <input type"password>密码文本框 <input type"radio">单选框 <input type"checkbo“>多选框 <input type"reset“>按钮 <input type"file“>文件上传 <textarea></textarea>可以输入多行的文本框(cols——列)(rows——行) <input type"button">普通按钮 <input type"submit">提交按钮 <input type"button">重置按钮 <input type"checkox">文件上传 </body>
下拉列表
<body> <select size”设置下拉列表显示几个列表项“ multiple”设置下拉列表可以选择多项“>创建下拉列表 <option value“选项值” selected”是否选中“> <option>选项内容</option> </select> </body>