HTML基础第五课(表格,表单,行块对齐方式)

一、表格

1.table里的属性
table{
    bordr-collapse:collapse(合并)|separate(不合并)
     /*不合并边框的时候,可以让空的单元格隐藏*/
            /*empty-cells: hide;*/
            //单元格里的文字左右居中
            text-align: center;

}
2.
 
 3.a. rowspan 跨行
   b. colspan 跨列-->

二、表单


<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>form表单title>
    <style type="text/css">

    style>
head>
<body>
  
    asdffd<br />ajjdkj
    
    <form action="" method="">
    
    
    
    
    
         <input type="text" placeholder="请输入用户名" name="userName" value="baidu">
        <label for="sg">身高label>
         <input id="sg" type="text" name="sg" placeholder="请输入身高">
         <br />

         
          <input type="password" 
                 placeholder="请输入密码" >
         <br />
         
          <input type="radio" name="gender" value="男">
          <input type="radio" name="gender" value="女">
          <input type="radio" name="gender"  value="人妖">
         <br />
         
          <input type="checkbox" name="复选" value="nan">
           <input type="checkbox" name="1复选" value="nv">
            <input type="checkbox" name="2复选" value="renyao">
         <br />
         
          <input type="file" multiple>
         <br />
         
          <input type="button" value="我是按钮">
         <br />
         
          <input type="hidden" name="type" value="Mac">
         <br />
         
          <input type="submit"  value="注册">
         <br />
         
         <input type="reset"  value="清空">
        <br>
        <input type="email"  multiple="">
         <br />

    form>
    
     <input form="first" type="reset" name="" value="清空">


    <textarea>textarea>
        <select>
            <option>1option>
            <option>2option>
            <option>3option>
        select>
body>
html>

三、行块对齐方式

“`
div{
/display: inline-block;行块级标签/
display: inline-block;
/*
baseline 基线对齐
bottom
top
middle
*/
vertical-align: baseline

你可能感兴趣的:(HTML)