搬运自己的html学习笔记1-常用信息展示

来源:互联网 发布:天天酷跑刷钻软件 编辑:程序博客网 时间:2024/06/06 03:49

1,表格的创建:

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<table border="1"width="80%"align="center"height="150px">
<!--创建一个四行三列的表格-->
<tr align="center">
<td>11</td>
<td>12</td>
<td>13</td>
</tr>
<tr>
<td>11</td>
<td>12</td>
<td>13</td>
</tr>
<tr>
<td>11</td>
<td>12</td>
<td>13</td>
</tr>
</table>
<hr/>
<table border="1"width="40%"align="center"bgcolor="red"height="150px">
<!--创建一个四行三列的表格-->
<tr align="center">
<td>11</td>
<td>12</td>
<td>13</td>
</tr>
<tr>
<td>11</td>
<td>12</td>
<td>13</td>
</tr>
<tr>
<td>11</td>
<td>12</td>
<td>13</td>
</tr>
</table>
</body>
</html>

2.图片的展示:

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<img src="../../img/1.jpg"/>
</body>
</html>

3.表单页面:

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<form action="#">
<p>姓名:<input name = "firstname" value = null></p>
<p>密码:<input type = "password" name = "username" value = null></p>
<p>性别:男<input type = "radio" name = "sex">女<input type="radio" name = "sex"></p>
<p>爱好:<input type = "checkbox" name="love">吃
    <input type = "checkbox" name="love">喝
        <input type = "checkbox" name="love">嫖
        <input type = "checkbox" name="love">赌</p>
<p>头像:<input type="file" name = "touxiang"></p>
<p>
<select name = "province">
<option value="黑龙江">
黑龙江
</option>
<option value="机灵">
吉林
</option>
</select>
</p>
<p><input type="submit"> <input type="reset" ></p>
</form>
</body>
</html>

字体的一些操作:

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<font size = "7">七号大小</font>
<br />
<font size = "1">一号大小</font> 
<br />
<font face = "arial black">不知道什么鬼字体</font>
<br />
<font color = "red">红色字体</font>
<br />
<font color = "#ff">不知道什么颜色</font>
</body>
</html>

0 0