day 02 学习HTML(下)

本文最后更新于:2020年9月3日 晚上

下面是我学HTML的一些笔记,零零碎碎的,你们可以看看这个w3school

表格标签

1
2
3
4
5
6
7
<table>
<tr>
<td>单元格的文字</td>(<th>表头单元格)
……….
</tr>
……………
<table>

(1)表格相关属性(这些属性要写到table中去才可以)

位置: align ——–> left,center,right
边框: border ——> 1或者””
cellpadding(内容距离边框的距离)
cellspacing (单元格之间的距离)
width,height

(2)表格结构

<thead> 表格的头部区域 ,内部一定要包含<tr>
<tbody> 表格的主体区域
以上两个标签都是在<table>

合并单元格

  • 跨行合并:rowspan=”合并单元格的个数”
  • 跨列合并:colspan=”合并单元格的个数”
    1
    <td rowspan="2"></td>
    目标单元格:
    跨行:写在最上侧为目标单元格
    跨列:写在最左侧为目标单元格

    列表标签

  • 无序列表(重点)
    1
    2
    3
    4
    5
    <ul>
    <li>xxxxx</li>
    <li>xxxxx</li>
    <ul>
    <!-- <ul>中只能出现<li>,但是<li>里面可以放任何东西 -->
  • 有序列表
    1
    2
    3
    4
    5
    <dl>
    <dt>大哥</dt>
    <dd>小弟</dd>
    <dd>小弟</dd>
    <dl>

    表单标签

    分为:表单域,表单控件(表单元素),提示信息
  • <form> 把表单元素信息提交给服务器
    1
    2
    <form action ="URL地址" method="提交方式" name="name1">
    </form>
  • <input>用于收集用户信息
    1
    2
    <input type='属性值'/>    单标签
    type值的不同指定不同的控件
  • name:
    <input type="radio" name="xx">单选按钮和复选框的名字必须相同
  • value:在方框中加入文字
  • checked=”checked” :当页面打开的时候默认打勾
  • maxlength :可输入的最多字符

<label>标签

1
2
<label for ="sex"> 男</label>
<input type ="text" id="sex">

下拉表单元素

1
2
3
4
5
<select>
<option>xxxxxx</option>
<option>xxxxxx</option>
<option>xxxxxx</option>
</sele>

textarea 文本域

大量的书写文字,多行文本的输入


本博客所有文章除特别声明外,均采用 CC BY-SA 4.0 协议 ,转载请注明出处!