主页 > 前端 > css教程 >

html学习（一） - html/css语言栏目：html.css - 自学

来源：自学PHP网时间：2015-04-14 14:51 作者：阅读:87次

[导读] HTML学习（一）HTML 标题（Heading）是通过 - 等标签进行定义的。HTML 段落是通过标签进行定义的。HTML 链接是通过标签进行定义的。HTML 图像是通过标签进行定义的。标签在 H...

HTML学习（一）

HTML 标题（Heading）是通过

-

等标签进行定义的。

HTML 段落是通过
标签进行定义的。

HTML 链接是通过标签进行定义的。

HTML 图像是通过标签进行定义的。

标签在 HTML 页面中创建水平线。

元素是一个空的 HTML 元素。

表格由
标签来定义。每个表格均有若干行（由标签定义），每行被分割为若干单元格（由
标签定义）。字母 td 指表格数据（table data），即数据单元格的内容。数据单元格可以包含文本、图片、列表、段落、表单、水平线、表格等等。

表格标签

表格描述

定义表格

定义表格标题。

定义表格的表头。

定义表格的行。

定义表格单元。

定义表格的页眉。

定义表格的主体。

定义表格的页脚。

定义用于表格列的属性。

定义表格列的组。

列表标签

标签描述

定义有序列表。

定义无序列表。

定义列表项。

定义定义列表。

定义定义项目。

定义定义的描述。

已废弃。使用
代替它。

已废弃。使用
代替它。

表单标签

标签描述

定义供用户输入的表单

定义输入域

</td> <td> 定义文本域 (一个多行的输入控件)</td> </tr> <tr> <td> <label></td> <td> 定义一个控制的标签</td> </tr> <tr> <td> <fieldset></td> <td> 定义域</td> </tr> <tr> <td> <legend></td> <td> 定义域的标题</td> </tr> <tr> <td> <select></td> <td> 定义一个选择列表</td> </tr> <tr> <td> <optgroup></td> <td> 定义选项组</td> </tr> <tr> <td> <option></td> <td> 定义下拉列表中的选项</td> </tr> <tr> <td> <button></td> <td> 定义一个按钮</td> </tr> </tbody> </table> iframe 用于在网页内显示网页。<br> <p></p> </div> </td> </tr> </table> <ul class="lm_pages"> </ul> <ul class="lm_pages" style="padding-left:10px; color:#FF8000;"> 上一篇：<a href='/html/css/20150422821.html'>CSS margin与padding区别 - html/css语言栏目：html.css</a> <br/>下一篇：<a href='/html/css/20150422823.html'>CSS学习三 - html/css语言栏目：html.css - 自学php</a> </ul> </div> <div class="modB"> <div class="askListBox"> <h3>最新评论</h3> <div class="askListBox"> <ul class="askList" id="askList"></ul> <div class="askPage"> <a href="javascript:void(0)" class="btn" id="askListMore">加载更多~~</a> </div> </div> </div>  <div class="askForm" id="#123"> <h3>添加评论</h3> <div class="editBox" > <form action="/api/editor" id="editorForm">  <input type="hidden" name="aid" value="22822" /> <div id="editToolbar"></div> <div id="editBoxTxt"></script>  </form> </div> <div class="btnBox"> <button id="submit" class="submit btn">提交</button> </div> </div>  </div> <div class="n_more"> <h2 class="n_moer_t">更多文章推荐</h2> <ul class="n_moer_ul"> <li><a href="/html/css/20150423135.html" title="html中实现groupbox效果 - html/css语言栏目：html.css">html中实现groupbox效果 - html/css语言栏目：html.css</a> <span class="times" >2015-04-14</span> </li> <li><a href="/html/css/20150422870.html" title="自定义html中a标签的title提示tooltip - html/css语言栏">自定义html中a标签的title提示tooltip - html/css语言栏</a> <span class="times" >2015-04-14</span> </li> <li><a href="/html/css/20150422795.html" title="CSS3 制作一个边框向周围散开的按钮效果 - html/">CSS3 制作一个边框向周围散开的按钮效果 - html/</a> <span class="times" >2015-04-14</span> </li> <li><a href="/html/css/20150422655.html" title="html中的锚点介绍和使用 - html/css语言栏目：html">html中的锚点介绍和使用 - html/css语言栏目：html</a> <span class="times" >2015-04-14</span> </li> <li><a href="/html/css/20150422212.html" title="网站速度优化新招数：使用data类型图片 - html/c">网站速度优化新招数：使用data类型图片 - html/c</a> <span class="times" >2015-04-14</span> </li> <li><a href="/html/css/20150422259.html" title="与用户“调情”的六种手段让你的设计更具吸引">与用户“调情”的六种手段让你的设计更具吸引</a> <span class="times" >2015-04-14</span> </li> <li><a href="/html/css/20150421632.html" title="微软必应改版：简化页面设计 - html/css语言栏目：">微软必应改版：简化页面设计 - html/css语言栏目：</a> <span class="times" >2015-04-14</span> </li> <li><a href="/html/css/20150422201.html" title="ecshop商品页商品属性分类选择的制作教程 - html">ecshop商品页商品属性分类选择的制作教程 - html</a> <span class="times" >2015-04-14</span> </li> <li><a href="/html/css/20200945050.html" title="CSS中简写属性要注意TRouBLe的顺序问题(避免踩坑)">CSS中简写属性要注意TRouBLe的顺序问题(避免踩坑)</a> <span class="times" >2020-09-16</span> </li> <li><a href="/html/css/20150422256.html" title="国内网站与国外网站设计对比分析 - html/css语言栏">国内网站与国外网站设计对比分析 - html/css语言栏</a> <span class="times" >2015-04-14</span> </li> </ul> </div>  </div> </div> </div>  </div> </div>  <div class="clear"></div> <div class="foot"> <div class="foot_nr main"> <p>自学PHP网专注网站建设学习,PHP程序学习,平面设计学习，以及操作系统学习</p> <p><a href="https://beian.miit.gov.cn/" target="_blank">京ICP备14009008号-1</a>@版权所有<a href="http://www.zixuephp.com/">www.zixuephp.com</a></p> <p><b>网站声明</b>：本站所有视频，教程都由网友上传，站长收集和分享给大家学习使用，如由牵扯版权问题请联系<font style="color:#f00">站长邮箱</font>904561283@qq.com</p> </div> </div> <div class="popAskBox pos none"> <span class="close icon iconfont"></span> <div class="askForm"> <h3>添加评论</h3> <div class="editBox" > <form action="/api/editor" id="editorForm2">  <input type="hidden" name="aid" value="22822" /> <div id="editToolbar2"></div> <div id="editBoxTxt2"></script>  </form> </div> <div class="btnBox"> <button id="submit2" class="submit btn">提交</button> </div> </div> </div> </div> <script type="text/javascript" src="/static/syh/shCore.js"></script>  <script type="text/javascript" src="/static/js/common.js?v=1101"></script>  <script> $(function(){ //页面初始化 domCode.init({ page:"article", cbk:function(){ // 触发代码高亮 // SyntaxHighlighter.all(); } }); //设置页面懒加载 $("img.lazy").lazyload({effect: "fadeIn"}); $("#box_article pre").each(function () { var $this = $(this); if ($this.attr("class") && $this.attr("class").indexOf("brush:") != -1) { var lang = $this.attr("class").split(';')[0].split(':')[1]; $this.attr('name', 'code'); $this.attr('class', lang); } else { $this.attr('name', 'code'); $this.attr('class', 'javascript'); } }); dp.SyntaxHighlighter.HighlightAll('code'); }); </script> </body> </html>