前端基础

1、标签

    1.1、排版标签

标签名字	定义	说明
<h> </h>
<p> </p>
<hr />
<br />
<div> </div>
<span> </spn>

    1.2、文本格式化标签

标签名字	定义
<b> </b>   <strong> </strong>
<i> </i>    <em> </em>
<s> </s>    <del> </del>
<u> </u>    <ins> </ins>

    1.3、图像标签 img

    1.4、链接标签 a

    1.5、无序列表

        <ul>

            <li>1</li>

            <li>2</li>

        </ul>

    1.6、有序列表

        <ol>

            <li>1</li>

            <li>2</li>

        </ol>

    1.7、表单标签

        input

        <input type="text" placeholder="input" name="username">          文本框

        <input type="password" name="password">    密码框

        male <input type="radio" name="sex" checked="checked">   单选框, checked表示选中状态

        female <input type="radio" name="sex" >   单选框，单选框使用同一个"name"

        1 <input type="checkbox" name="number">    多选框 checkbox

        2 <input type="checkbox" name="number">

        3 <input type="checkbox" name="number">

        4 <input type="checkbox" name="number">

        5 <input type="checkbox" name="number">

        <input type="button" value="click me">    按钮

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

        <input type="image" src="https://pic.36krcnd.com/201911/08081326/hpzyub97p8zzki7w!heading">  提交按钮是个图片

        <input type="reset">    重置

        <input type="file">    上传文件

 

        label

        <label> 输入框测试label    <input type="text">   </label>       label包input

        <label for="username"> username</label> <input type="text" id="username">        label+id

 

        textarea        

        <textarea name="textarea" id="area" > </textarea>

 

        select

        <select name="" id="">

        <option value="a">1</option>

        <option value="b">200</option>

        <option value="c">3</option>

        <option value="d">4</option>       

        </select>