初学HTML(二) | Personal Blog

初学HTML(二)

发表于

1.HTML的表格

在<body>中添加如下代码：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<table border="边框宽度">
      <tr>
          <td>
          第一行第一列
          </td>
          <td>
          第一行第二列
          </td>
      </tr>
      <tr>
          <td>
          第二行第一列
          </td>
      </tr>
</table>

2.HTML有序列表与无序列表

在<body>中添加如下代码

1
2
3
4
5
6
7
8
9
10
11
12
13
    <ul>
        <li>
            无序列表第一项
        </li>
        <li>
            无序列表第二项
        </li>
    </ul>
    <ol>
        <li>
            有序列表第一项
        </li>
    </ol>

3.HTML自定义列表

在<body>中添加如下代码

1
2
3
4
5
6
7
8
    <dl>
        <dt>
            第一个标题
        </dt>
        <dd>
            第一个描述
        </dd>
    </dl>

4.HTML的按钮

在<form>标签中添加如下代码

1
2
    <button>普通按钮<\button>
    <input typy="submit" value="提交按钮">

5.HTML的输入框

在<form>中添加如下代码

1
    <textarea row="最多显示行数" cols="一行的字数">

6.HTML的下拉列表

在<form>中添加如下代码

1
2
3
4
5
    <select name="" id="">
        <option value="" selected>列表中直接显示的值</option>
        <option value="">列表中值2</option>
        <option value="">列表中值3</option>
    </select>

7.div和span标签

div主要用作页面布局，划分不同的区域，是一个容器级标签
span是文本型标签，不能存放标签

在<body>中添加如下代码

1
2
3
<div style=width:宽度px;">
    一个区域中的内容，每一个div标签占一个位置
</div>

8.小结

标签有内联标签与块状标签
例如<div>,<p>,<ul>都是块状标签，而<span>标签属于内联标签
所以说内联标签可以在块状标签内部使用，不会导致另起一行。