一个完整的html代码怎么编写?

html-css023

一个完整的html代码怎么编写?,第1张

简单的htm的编写过程如下:

先新建一个文本文件,可以自己命名,如下图,我命名为测试。

编译文本,以最简单的代码格式为例<html>     <head>         <title>         </title>     </head>     <body>     </body></html>

在<body></body>写入你要写的内容,下面以hello world为例。

修改文件后缀名,将txt改为html。

测试是否成功,双击  测试.html,如果出现了下面的内容,恭喜你,你已经学会了最简单的html编写。

表单表单是一个包含表单元素的区域。表单元素是允许用户在表单中(比如:文本域、下拉列表、单选框、复选框等等)输入信息的元素。表单使用表单标签(<form>)定义。<form>... input 元素...</form>输入多数情况下被用到的表单标签是输入标签(<input>)。输入类型是由类型属性(type)定义的。大多数经常被用到的输入类型如下:文本域(Text Fields)当用户要在表单中键入字母、数字等内容时,就会用到文本域。<form>First name: <input type="text" name="firstname" /><br />Last name: <input type="text" name="lastname" /></form>

<html >

<head>

<title>注册页面</title>

</head>

<body>

<form action="" method="post">

<table>

<tr><th colspan="2">注册用户</th></tr>

<tr>

<td>姓名:</td>

<td><input type="text" name="userName" /></td>

</tr>

<tr>

<td>性别:</td>

<td>男:<input type="radio" name="userSex" value="男" checked="checked">女:<input type="radio" name="userSex" value="女"></td>

</tr>

<tr>

<td>年龄:</td>

<td><select name="userAge">

<option value="20">20</option>

<option value="21">21</option>

<option value="22">22</option>

<option value="24">24</option>

</select></td>

</tr>

<tr>

<td>个人简介:</td>

<td><textarea name="userInfo" cols="30" rows="15"></textarea></td>

</tr>

<tr>

<td>联系电话:</td>

<td><input type="text" name="telephone" /></td>

</tr>

<tr>

<td>照片:</td>

<td><input type="file" name="userPhoto" /></td>

</tr>

</table>

</form>

</body>

</html>