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

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
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值