HTML小白笔记

最新推荐文章于 2024-08-12 21:58:05 发布

兀.

最新推荐文章于 2024-08-12 21:58:05 发布

阅读量134

点赞数 1

本文链接：https://blog.csdn.net/weixin_51417629/article/details/109151867

版权

HTML 表格

表格由 <table> 标签来定义。
每个表格均有若干行（由 <tr> 标签定义），每行被分割为若干单元格（由 <td> 标签定义）。字母 td 指表格数据（table data），即数据单元格的内容。数据单元格可以包含文本、图片、列表、段落、表单、水平线、表格等等。

写一个简单的表格

<html>
<head>
<meta charset="utf-8">
<title>表格</title>
</head>
<h3 align="center">学生信息收集单</h3>
<table border="1" height="500" width="1000" cellspacing="0" align="center" >
	<tr align="center">
    	<td>序号</td>
        <td>姓名</td>
        <td>年级</td>
        <td>班级</td>
        <td>学院</td>
        <td>专业</td>
        <td>家庭住址</td>
        <td>联系方式</td>
    </tr>
    <tr align="center">
    	<td>1</td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
    </tr>
    <tr align="center">
    	<td>2</td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
    </tr>
    <tr align="center">
    	<td>3</td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
    </tr>
    <tr align="center">
    	<td>4</td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
    </tr>
    <tr align="center">
    	<td>5</td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
    </tr>
    <tr align="center">
    	<td>6</td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
    </tr>
 


</table>
<body>
</body>
</html>

HTML 表单

表单是一个包含表单元素的区域。

表单元素是允许用户在表单中输入内容,比如：文本域(textarea)、下拉列表、单选框(radio-buttons)、复选框(checkboxes)等等。

表单使用表单标签 <form> 来设置

写一个简单的下拉表单

<html>
<head> 
<meta charset="utf-8"> 
</head>
<body>

<form action="">
    <align="center">请选择身份：
<select name="cars">
<option value="本科生">本科生</option>
<option value="研究生">研究生</option>
<option value="教职工" >教职工</option>
<option value="临时访问">临时访问</option>
</select>
</form>

</body>
</html>