html学习

p：便签，存放文字

em：斜体

strong：加粗

br：换行

  ：空格

hr ：水平分割线

ul：无序列表

ol：有序列表

dl ：自定义列表 {dt：标题  dd：内容}

 

表格：

<table>  #
　　<caption>标题</caption> #表格标题
        <tr>   #行
            <th>表头</th>  #表头
        </tr>
        <tr>
            <td>表格1</td>   #标格
            <td>表格2</td>
        </tr>

    </table>

 

表格的合并

colspan=“几行”  #横向合并

rowspan = "几列"  #纵向合并

 

超链接标签

<a href="https://www.baidu.com" title="百度" target="_blank"><h1>百度一下</h1></a>  #title是小手手放在上面显示的文字   #target是打开一个新的窗口

 

input的使用

<form action="https://www.baidu.com" method="get">   #向百度服务器提交   用get方式
        <input type="text" name="" placeholder="请输入用户名">
        
        <input type="password" name="" placeholder="请输入密码">
        <input type="submit" name="" value="提交">   #submit  代表按钮
　　　　 <input type="reset" name="" value="重置">   #reset代表重置

    </form>

 

单选框

男:<input type="radio" name="sex">
女:<input type="radio" name="sex">  　　radio代表单选框

 

复选框

<h4>
        课程
    </h4>
    <form>
        java <input type="checkbox" name=""><br>
        python <input type="checkbox" name="">  #checkbox  代表复选框
    </form>

 

下拉框实现单选多选

<h1>单选</h1>
    <p>
        <select>
            <option>html</option>
            <option>java</option>
            <option>python</option>
        </select>
    </p>
    <h1>多选</h1>
    <p>
        <select multiple="multiple">  #多选在select里加上 multiple
            <option>html</option>
            <option>java</option>
            <option>python</option>
        </select>
    </p>

 

文本框支持输入多行

<h1>个人描述</h1>
    <textarea rows="10" cols="50"></textarea>   #rows代表高   cols代表宽

 

按钮

<button>按钮</button>

 

lable标签

<label for="use"> 用户名</label>
        <input type="text" name="" placeholder="请输入用户名" id="use">
        <label for="pass">密码</label>
        <input type="password" name="" placeholder="请输入密码" id="pass">