了解html的基础标签
程序员文章站
2022-03-30 17:36:52
...
一、HyperText Markup Language 内容,html是弱代码语言,代码编写不严谨
1、超链接
<a href="#">超级链接(anchor)</a>
写超链接的href地址的时,要注意是否有写相应的解析协议,没有设置协议时,按照默认的本地文件的文本协议
https,http,邮件,自定义(迅雷)等;
2、其他标签
<address>地址(address)</address> <b>粗体(bold)</b> <big>放大(big)</big> <blockquote> 引用块(blockquote)</blockquote> <br/> 换行(break) <center> 居中(center)</center> <cite>引用(cite)</cite> <code>代码(code)</code> <del> 删除(delete)</del> <dfn> 定义(definition)</dfn> <p> 区块(pision)</p> <em> 强调(emphasize)</em> <hr/> 横线(horizontal) <i> 斜体(italic)</i> <u>下划线(italic)</u> <p>p 段落(paragraph)</p> <pre>按预定格式显示的文本(Preformatted)</pre> <q>引用(quote)</q> <samp>例子(sample)</samp> <small>缩小(small)</small> <span>文本段(span)</span> <strong>重点强调(strong emphasized)</strong> · <sub>下标(subscript)</sub> <sup>上标(superscript)</sup> <textarea>多行文本输入区(textarea)</textarea> <tt>电传打字机(teletype)(等宽字体)</tt> <var>可变文本(variable)</var>
3、标题标签
<h1>标题1</h1> <h2>标题2</h2> <h3>标题3</h3> <h4>标题4</h4> <h5>标题5</h5> <h6>标题6</h6>
4、列表标签 ——
[1]、dl 字典列表(dictionary list)
<dl> <dt>dt 字典标题(dictionary title)</dt> <dd>dd 字典数据(dictionary data)</dd> <dt>dt 字典标题(dictionary title)</dt> <dd>dd 字典数据(dictionary data)</dd> </dl>
[2]、ol 有序列表(order list)
<ol> <li>li 列表项(list item)</li> <li>li 列表项(list item)</li> </ol>
[3]、ul 无序列表(unordered list)
<ul> <li>列表项(list item)</li> <li> 列表项(list item)</li> </ul>
5、表单标签
<form action="#" method="post">表单(form)</form>
<img src="#" alt="图片" />图片(image) <input type="text" name="name" value="" />input,type='text' 文本输入框(text) <input type="radio" name="name" value="" />input,type='radio' 单选框(radio) <input type="checkbox" name="name" value="" />input,type='checkbox' 复选框(checkbox) <input type="file" name="name" value="" />input,type='file' 文件选择框(file) <input type="hidden" name="name" value="" />input,type='hidden' 隐藏域(hidden) <input type="image" name="name" value="" />input,type='image' 图片按钮(image) <input type="password" name="name" value="" />input,type='password' 密码输入框(password) <input type="reset" name="name" value="reset" />input,type='reset' 重置按钮(reset) <input type="submit" name="name" value="submit" />input,type='submit' 提交按钮(submit) <input type="button" name="name" value="button" />input,type='button' 按钮
6、下拉列表框
select 选择列表(select) <select> <option value="value">option 选择项(option)</option> </select>
7、table 表格(table)
<table border="0" cellpadding="0" cellspacing="0"> <tr> <td>td 表格数据(table data)</td> <td>td 表格数据(table data)</td> </tr> <tr> <td>td 表格数据(table data)</td> <td>td 表格数据(table data)</td> </tr> </table>
以上就是了解html的基础标签的详细内容,更多请关注其它相关文章!
上一篇: 如何使用CSS实现分隔线
下一篇: 使用Bootstrap排版