HTML元素总结-创新互联

html元素

成都创新互联-专业网站定制、快速模板网站建设、高性价比台安网站开发、企业建站全套包干低至880元,成熟完善的模板库,直接使用。一站式台安网站制作公司更省心,省钱,快速模板网站建设找我们，业务覆盖台安地区。费用合理售后完善，10多年实体公司更值得信赖。

：段落标记，会自动换行，常用于文本内容

例：

这是一个段落

~ ：标题标记，会自动换行，字体由大到小
例：
这是h2

这是h3

这是h4

这是h5

这是h6
     这是h7


：换行标记
：强制不换行
：链接，href属性指向链接地址，行内元素，不会自动换行
例：百度
google

：图片元素，src指向图片地址，行内元素，不会自动换行
例：

：斜体字标记，行内元素
：粗体字标记，行内元素
：下划线标记，行内元素
：删除线标记，行内元素
：下标标记，行内元素
：上标标记，行内元素
：分割线，单行标记
例：这是i标记
     这是b标记
     这是s标记
     这是u标记
     _这是sub
     ^这是pub


：分区标记，块元素，会自动换行
：分区标记，行内元素
表格：

：每一行
：第一列
属性：
border：显示表格边框
cellspacing：单元格的外边距
cellpadding：单元格的内边距
align：表格内元素水平对齐方式
valign:表格内元素简直对齐方式
rowspan：合并行
colspan：合并列
例：
第一行第一列第一行第二列
第二行第一列第二行第二列
列表：
：有序列表
：无序列表
：列表中子元素
例：


有序列表

有序列表

有序列表



无序列表

无序列表

无序列表


表单
：表单元素
：输入框
    属性：type="text/password/submit/button/radio/checkbox"
       text：文本输入框
     password：密码输入框，文本为密文
     submit：提交按钮
     button：普通按钮
     radio：单选框
     checkbox：复选框
checked：默认选中项
value：文本框提示，默认值
：多行文本域
属性：cols ：指定文本域的列数
rows：指定文件域的行数
例：

        用户名：
        密码：
        性别：男
   女

      爱好：蓝球
       电影
       音乐
       散步
个人简介：
请输入个人信息<textarea><br/></p><p> 来自: <select></p><p> <option>请选择</option></p><p> <option>北京</option></p><p> <option>上海</option></p><p> </select></p><p>       <br/></p><p>       <input type="submit" value="提交"/></p><p>    </form></p><p><img src="/upload/otherpic13/spacer.gif" alt="HTML元素总结"></p><p>为控件分组</p><p><fieldset>：为控件分组</p><p><legend>：指定分组元素标题</p><p>例：</p><p>    <fieldset></p><p>       <legend>地址信息</legend></p><p>       地址：<input type="text"/><br/></p><p>      邮编：<input type="text"/></p><p>    </fieldset></p><p><img src="/upload/otherpic13/spacer.gif" alt="HTML元素总结"></p><p> ：注释符号，中间部分在网页上不显示</p><p>特殊字符：</p><p> ：空格</p><p>& ：&</p><p><    ：<</p><p>> ：></p><p>创新互联www.cdcxhl.cn，专业提供香港、美国云服务器，动态BGP最优骨干路由自动选择，持续稳定高效的网络助力业务部署。公司持有工信部办法的idc、isp许可证，机房独有T级流量清洗系统配攻击溯源，准确进行流量调度，确保服务器高可用性。佳节活动现已开启，新人活动云服务器买多久送多久。</p> <br> 本文名称：HTML元素总结-创新互联 <br> 网站网址：<a href="http://cdiso.cn/article/coeicg.html">http://cdiso.cn/article/coeicg.html</a> </div> </div> <div class="other"> <h3>其他资讯</h3> <ul> <li> <a href="/article/iojces.html">什么服务器好用,什么是www服务器</a> </li><li> <a href="/article/iojcoj.html">网站域名被劫持怎么办,一个网站换域名了怎么办</a> </li><li> <a href="/article/iojccg.html">饥荒单机设置，饥荒geometricplacementMOD游戏内设置键是哪个</a> </li><li> <a href="/article/iojcch.html">如何建立自己网页,如何用access建立网页</a> </li><li> <a href="/article/iojcsc.html">怎么查看外链排名,快团团怎么查看排名</a> </li> </ul> </div> </div> <div class="footer"> <div class="contain"> <div class="foot-nav clearfix"> <ul class="footer-menu"> <li class="dropdown" ><a class="dropdown-toggle">服务范围<b class="caret"></b></a> <ul class="child-menu"> <li><a href="/website.html">网站建设</a></li> <li><a href="/weixin/" rel="nofollow">微信开发</a></li> <li><a href="/app/" rel="nofollow">APP开发</a></li> <li><a href="/design/" rel="nofollow">品牌设计</a></li> <li><a href="/market/" rel="nofollow">营销推广</a></li> </ul> </li> <li class="dropdown"><a href="/webcase/" class="dropdown-toggle" title=成都做网站案例>成都做网站案例<b class="caret"></b></a> <ul class="child-menu"> <li><a href="/webcase/jtssgslist.html" id="ctl00_show_85" title="集团上市公司">集团上市公司</a></li> <li><a href="/webcase/ppwzlist.html" id="ctl01_show_81" title="品牌网站">品牌网站</a></li> <li><a href="/webcase/xiangyingshilist.html" id="ctl02_show_82" title="响应式网站">响应式网站</a></li> <li><a href="/Marketingwebsite/index.html" id="ctl03_show_83" title="营销型网站">营销型网站</a></li> <li><a href="/waimaowangzhan/index.html" id="ctl04_show_84" title="外贸网站">外贸网站</a></li> </ul> </li> <li class="dropdown"><a href="/news/" class="dropdown-toggle">新闻中心 <b class="caret"></b></a> <ul class="child-menu"> <li><a href="/news/2.html" id="ctl00_show_70" title="网站建设">网站建设</a></li><li><a href="/news/3.html" id="ctl00_show_70" title="网站设计">网站设计</a></li><li><a href="/news/5.html" id="ctl00_show_70" title="网站制作">网站制作</a></li><li><a href="/news/6.html" id="ctl00_show_70" title="网站优化">网站优化</a></li> </ul> </li> <li class="dropdown"><a href="/Knowledge/" class="dropdown-toggle">知识学堂 <b class="caret"></b></a> <ul class="child-menu"> <li><a href="/websitelist/8.html" title="网站建设知识">网站建设知识</a></li><li><a href="/websitelist/9.html" title="网站设计知识">网站设计知识</a></li><li><a href="/websitelist/10.html" title="微信营销知识">微信营销知识</a></li><li><a href="/websitelist/11.html" title="营销推广知识">营销推广知识</a></li> </ul> </li> <li class="dropdown"><a href="/about/" class="dropdown-toggle" rel="nofollow">关于我们 <b class="caret"></b></a> <ul class="child-menu"> <li><a href="/about/jj/index.html" id="ctl00_show_1300" title="公司简介" rel="nofollow">公司简介</a></li> <li><a href="/about/history/index.html" id="ctl01_show_1301" title="发展历史" rel="nofollow">发展历史</a></li> <li><a href="/about/jjtd/index.html" id="ctl02_show_1302" title="精英团队" rel="nofollow">精英团队</a></li> <li><a href="/about/join/" rel="nofollow">加入我们</a></li> <li><a href="/about/contact/" rel="nofollow">联系小谭</a></li> </ul> </li> </ul> <dl class="last-dl"> <dt> <a href="javascript:;" title="联系我们" rel="nofollow">联系小谭</a> </dt> <dd class="conta"> <span><img src="/Public/Home/images/zg_ewm.png" width="100" /><br /> 企业微信号</span> </dd> </dl> </div> <div class="childcompan clearfix"> </div> <div class="copy"> 友情链接： <a href="http://www.shjike.cn/" title="宏昇商务服务" target="_blank">宏昇商务服务</a>   <a href="http://chengdu.cdcxhl.cn/" title="成都网站设计" target="_blank">成都网站设计</a>   <a href="http://chengdu.kswjz.com/fangan/" title="解决方案" target="_blank">解决方案</a>   <a href="http://www.dmvi.cn/ser/huace/" title="成都宣传画册设计" target="_blank">成都宣传画册设计</a>   <a href="http://www.weyuju.cn/" title="成都未宇聚" target="_blank">成都未宇聚</a>   <a href="https://www.cdcxhl.com/shop.html" title="成都做商城网站" target="_blank">成都做商城网站</a>   <a href="http://www.cdxwcx.cn/tuoguan/" title="服务器托管" target="_blank">服务器托管</a>   <a href="http://www.cdxwcx.cn/tuoguan/neijiang.html" title="内江托管服务器" target="_blank">内江托管服务器</a>   <a href="http://chengdu.cdcxhl.cn/weihu/ " title="成都网站维护" target="_blank">成都网站维护</a>   <a href="http://www.ty2auto.com/" title="添翼二手车鉴定评估" target="_blank">添翼二手车鉴定评估</a>    </div> <br> 123ABC<strong> <a href="/">成都网站建设</a></strong>，成都定制网站建设——全心全意建网站公司 </div> </div> <script type="text/javascript" src="/Public/Home/js/meiqia.js"></script> <script type="text/javascript" src="/Public/Home/js/jquery-1.8.3.min.js"></script> <script type="text/javascript" src="/Public/Home/js/jquery.easing.1.3.js"></script> <script type="text/javascript" src="/Public/Home/js/i.js"></script> <script type="text/javascript" src="/Public/Home/js/script.js"></script> <script type="text/javascript" src="/Public/Home/js/SuperSlide.js"></script> <script type="text/javascript" src="/Public/Home/js/jquery.toTop.min.js"></script> <script type="text/javascript" src="/Public/Home/js/num-change.js"></script> <script type="text/javascript" src="/Public/Home/js/jquery.nicescroll.min.js"></script> <script type="text/javascript"> $(".menu li").eq(7).addClass("current-menu-item"); </script> </body> </html> <script> $(".con img").each(function(){ var src = $(this).attr("src"); //获取图片地址 var str=new RegExp("http"); var result=str.test(src); if(result==false){ var url = "https://www.cdcxhl.com"+src; //绝对路径 $(this).attr("src",url); } }); window.onload=function(){ document.oncontextmenu=function(){ return false; } } </script>

第一行第一列	第一行第二列
第二行第一列	第二行第二列