代码结构:
!DOCTYPE html>
<html lang="en">
<head>
<!--这是注释方式-->
<!--head标签里面的内容不会显示在网页上-->
<meta charset="utf-8"> <!--网页编码方式-->
<title>网页标题</title>
</head>
<body>
<!--body标签里面的元素内容会显示在网页上-->
</body>
</html>
常用标签的使用
该标签包含以下属性和对应的属性值:
该标签包含以下属性和对应的属性值:
包含有序列表 <ol></ol> and 无序列表 <ul></ul>,列表项由<li></li>显示,其中有序列表的列表项以数字开头,无序列表的列表项以黑圆圈开头
<ul>
<li>有序内容1</li>
<li>有序内容2</li>
</ul>
<ol>
<li>无序内容1</li>
<li>无序内容2</li>
</ol>
<table border="1px" width="300px">
<tr>
<th>第一列表头</th>
<th>第二列表头</th>
</tr>
<tr>
<td>普通列</td>
<td>普通列</td>
</tr>
</table>
常用于提交表单信息,比如登录信息等
<form action="跳转路径" method="post/get",enctype="multipart/form-data">
用户名:
<input type="text" name="username">
密码:
<input type="password" name="password" value="">
单选框:
男<input type="radio" name="sex" value="0">
女<input type="radio" name="sex" value="1">
复选框:
篮球<input type="checkbox" name="hobby" value="web">
游泳<input type="checkbox" name="hobby" value="spider">
上传文件:
<input type="file" name="file">
按钮:
<input type="button" value="按钮">
提交表单:
<input type="submit" value="提交按钮">
重置
<input type="reset" value="重置按钮">
</form>
<select name="学历">
<option value="本科">本科</option>
<option value="研究生">研究生</option>
</select>
<textarea name="comment" cols="40" rows="20"></textarea>
大家可以通过本文快速入门HTML,但可能不会用,所以之后我会发些实战给大家参考