美文网首页
html标签

html标签

作者: simplerandom | 来源:发表于2020-05-25 11:38 被阅读0次
    下标
    a<sub>2</sub>
    上标 
    b<sup>3</sup>
    转义符
    < &lt; 空格 &nbsp; © &copy; ® &reg;> &gt;™ &trade;
    <u>下划线</u>
    <ins>插入文字</ins>
    <strike>横线 </strike>
    <s>删除线</s>
    <del>删除线</del>
    <kbd>键盘文字</kbd>键盘文字 
    <font color=00ff00>字体颜色 </font> 
    <font size=1>最小字体 </font>
    <font style ='font-size:100px'>无限增大 </font>
    

    <!>表格语法

    <table aling=left>...</table>表格位置,置左
    <table aling=center>...</table>表格位置,置中
    <table background=图片路径>...</table>背景图片的URL=就是路径网址
    <table border=边框大小>...</table>设定表格边框大小(使用数字) 
    <table bgcolor=颜色码>...</table>设定表格的背景颜色 
    <table borderclor=颜色码>...</table>设定表格边框的颜色 
    <table borderclordark=颜色码>...</table>设定表格暗边框的颜色 
    <table borderclorlight=颜色码>...</table>设定表格亮边框的颜色 
    <table cellpadding=参数>...</table>指定内容与格线之间的间距(使用数字)
    <table cellspacing=参数>...</table>指定格线与格线之间的距离(使用数字)
    <table cols=参数>...</table>指定表格的栏数 
    <table frame=参数>...</table>设定表格外框线的显示方式 
    <table width=宽度>...</table>指定表格的宽度大小(使用数字) 
    <table height=高度>...</table>指定表格的高度大小(使用数字) 
    <td colspan=参数>...</td>指定储存格合并栏的栏数(使用数字) 
    <td rowspan=参数>...</td>指定储存格合并列的列数(使用数字) 
    
     border=给td表格加边框 cellpadding=td表格距离内部文字距离 cellspacing=td与td之间的距离
        <table width="800px" height="300px" align="center" border="1" cellpadding="20" cellspacing="20">
            <tr>
                <th>name
                </th>
                <th>age</th>
            </tr>
            <tr>
                <td>li</td>
                <td>18</td>
            </tr>
            <tr>
                <td>hu</td>
                <td>28</td>
            </tr>
    
        </table>
    
    合并单元格
     <table width="800px" height="300px" align="center" border="1" cellpadding="10" cellspacing="0">
            <tr>
                <th>name
                </th>
                <th>age</th>
                <th></th>
            </tr>
            <tr>
                <td colspan="2">li</td>
                <th>age</th>s
            </tr>
            <tr>
                <td>hu</td>
                <td>28</td>
                <td rowspan="3">相片</td>
            </tr>
            <tr>
                <td>hu</td>
                <td>28</td>
                
            </tr>
            <tr>
                <td>hu</td>
                <td>28</td>
                
            </tr>
    
        </table>
    

    列表

    1无序列表又称符号列表 
    语法格式: 
    <ul type="">type的属性可选直disc实心圆点,clrcle空心圆点,square实心方框
    <li>文字</li> 
    <li>文字</li> 
    </ul> 
    2有序列表 
    语法格式: 
    <ol type="?"start="?"> 
    <li>文字</li> 
    <li>文字</li> 
    </ol> 
    type的值是编号字符可选的有1...,a...,A...,i... ,I... 
    start为起始值例:如果start为3是那么将从3开始,而且必须是数字。
    

    input
    input
    image提交按钮

        <form action="http://www.baidu.com" method="get">
            <p>First name: <input type="text" name="fname" /></p>
            <p>Last name: <input type="text" name="lname" /></p>
            <input type="image" src="http://www.w3school.com.cn/i/eg_submit.jpg" alt="Submit" />
        </form>
    

    reset清空表单

    <form action="http://www.baidu.com" method="get">
            <p>First name: <input type="text" name="fname" /></p>
            <p>Last name: <input type="text" name="lname" /></p>
            <input type="image" src="http://www.w3school.com.cn/i/eg_submit.jpg" alt="Submit" />
            <input type="reset" value="Reset" />
        </form>
    

    radio单选按钮

      <form action="http://www.baidu.com" method="get">
            <p>First name: <input type="text" name="fname" /></p>
            <p>Last name: <input type="text" name="lname" /></p>
            男性<input type="radio" name="sex" value="male" checked>
            女性<input type="radio" name="sex" value="female">
            <br/>
            <input type="image" src="http://www.w3school.com.cn/i/eg_submit.jpg" alt="Submit" />
            <input type="reset" value="Reset" />
        </form>
    

    checkbox多选按钮

     <form action="http://www.baidu.com" method="get">
            <p>First name: <input type="text" name="fname" /></p>
            <p>Last name: <input type="text" name="lname" /></p>
            男性<input type="radio" name="sex" value="male" checked>
            女性<input type="radio" name="sex" value="female">
            <input type="checkbox" name="vehicle" value="Bike">I have a bike
            <input type="checkbox" name="vehicle" value="Car">I have a car
            <br />
            <input type="image" src="http://www.w3school.com.cn/i/eg_submit.jpg" alt="Submit" />
            <input type="reset" value="Reset" />
        </form>
    

    hidden隐藏文本框

     <form action="http://www.baidu.com" method="get">
            <p>First name: <input type="text" name="fname" /></p>
            <p>Last name: <input type="text" name="lname" /></p>
            男性<input type="radio" name="sex" value="male" checked>
            女性<input type="radio" name="sex" value="female">
            <input type="checkbox" name="vehicle" value="Bike">I have a bike
            <input type="checkbox" name="vehicle" value="Car">I have a car
    
            <input type="hidden" name="country" value="China" />
    
    
            <br />
            <input type="image" src="http://www.w3school.com.cn/i/eg_submit.jpg" alt="Submit" />
            <input type="reset" value="Reset" />
        </form>
    

    number数量(可选 1 到 5 之间):

            <input type="number" step="10" name="quantity" min="1" max="5">
    

    date日期

     请输入 1980-01-01 之前的日期:
    <input type="date" name="bday" max="1979-12-31"><br />
    请输入 2000-01-01 之后的日期:
    <input type="date" name="bday" min="2000-01-02"><br />
    

    range范围选择

      <input type="range" name="points" min="0" max="1000" >
    

    相关文章

      网友评论

          本文标题:html标签

          本文链接:https://www.haomeiwen.com/subject/lcxyahtx.html