HTML元素总结-创新互联

html元素

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

<p></p> :段落标记,会自动换行,常用于文本内容

      例:<p>这是一个段落</p>

             HTML元素总结

<h2> ~ <h7> :标题标记,会自动换行,字体由大到小

      例:<h2>这是h2</h2>

             <h3>这是h3</h3>

             <h4>这是h4</h4>

             <h5>这是h5</h5>

             <h6>这是h6</h6>

             <h7>这是h7</h7>

            HTML元素总结

<br/> :换行标记

<nobr/>:强制不换行

<a></a>:链接,href属性指向链接地址,行内元素,不会自动换行

        例:<a href="http://www.baidu.com">百度</a>

              <a href="http://www.google.com">google</a>

        HTML元素总结

<img> :图片元素,src指向图片地址,行内元素,不会自动换行

        例:<img src="1.png"/>

               <img src=2.png/>

             HTML元素总结

<i></i>:斜体字标记,行内元素

<b></b>:粗体字标记,行内元素

<u></u>:下划线标记,行内元素

<s></s>:删除线标记,行内元素

<sub></sub>:下标标记,行内元素

<sup></sup>:上标标记,行内元素

<hr/>:分割线,单行标记

        例:<i>这是i标记</i>

             <b>这是b标记</b>

             <s>这是s标记</s>

             <u>这是u标记</u>

             <sub>这是sub</sub>

             <sup>这是pub</sup>

             <hr/>

      HTML元素总结

<div></div>:分区标记,块元素,会自动换行

<span></span>:分区标记,行内元素

表格:

<table>

   <tr>

        <td></td>

   </tr>

</table>

<tr>:每一行

<td>:第一列

属性:

   border:显示表格边框

   cellspacing:单元格的外边距

   cellpadding:单元格的内边距

   align:表格内元素水平对齐方式

   valign:表格内元素简直对齐方式

   rowspan:合并行

   colspan:合并列

例:

<table cellspacing="1px" cellpadding="1px" border="1px">

<tr>

<td>第一行第一列</td>

<td>第一行第二列</td>

</tr>

<tr>

<td>第二行第一列</td>

<td>第二行第二列</td>

</tr>

</table>

HTML元素总结

列表:

<ol></ol>:有序列表

<ul></ul>:无序列表

<li></li>:列表中子元素

例:

   <ol>

       <li>有序列表</li>

       <li>有序列表</li>

       <li>有序列表</li>

    </ol>

    <ul>

        <li>无序列表</li>

       <li>无序列表</li>

        <li>无序列表</li>

    </ul>

   HTML元素总结

表单

<form></form>:表单元素

<input type="" value=""/>:输入框

    属性:type="text/password/submit/button/radio/checkbox"       

             text:文本输入框

             password:密码输入框,文本为密文

             submit:提交按钮

             button:普通按钮

             radio:单选框

             checkbox:复选框

             checked:默认选中项

        value:文本框提示,默认值

<textarea></textarea>:多行文本域

        属性:cols :指定文本域的列数

                  rows:指定文件域的行数

例:

        <form action="">

            用户名:<input type="text" value="请输入用户名"/><br/>

            密码: <input type="password" value="请输入密码"/><br/>

            性别: <input type="radio" name="sex" value="man" checked/>男

               <input type="radio" name="sex" value="woman"/>女

               <br/>

        爱好: <input type="checkbox" name="interest" value="1" checked/>蓝球

               <input type="checkbox" name="interest" value="2"/>电影

               <input type="checkbox" name="interest" value="3"/>音乐

               <input type="checkbox" name="interest" value="4"/>散步

      个人简介:<br/><textarea cols="30" rows="10">请输入个人信息<textarea><br/>

      来自: <select>

                  <option>请选择</option>

                  <option>北京</option>

                  <option>上海</option>

             </select>

               <br/>

               <input type="submit" value="提交"/>

     </form>

HTML元素总结

为控件分组

<fieldset>:为控件分组

<legend>:指定分组元素标题

例:

    <fieldset>

       <legend>地址信息</legend>

       地址:<input type="text"/><br/>

        邮编:<input type="text"/>

    </fieldset>

HTML元素总结

<!-- 中间部分为注释 -->  :注释符号,中间部分在网页上不显示

特殊字符:

&nbsp;   :空格

&amp;   :&

&lt;        :<

&gt;       :>

创新互联www.cdcxhl.cn,专业提供香港、美国云服务器,动态BGP最优骨干路由自动选择,持续稳定高效的网络助力业务部署。公司持有工信部办法的idc、isp许可证, 机房独有T级流量清洗系统配攻击溯源,准确进行流量调度,确保服务器高可用性。佳节活动现已开启,新人活动云服务器买多久送多久。

网站标题:HTML元素总结-创新互联
本文路径:https://www.cdcxhl.com/article26/coeicg.html

成都网站建设公司_创新互联,为您提供网站内链做网站品牌网站制作软件开发动态网站网页设计公司

广告

声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联

微信小程序开发