搬运自己的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>
- 搬运自己的html学习笔记1-常用信息展示
- 搬运自己的html学习笔记2-css的入门
- 搬运自己的mysql学习笔记3-dbutil的使用
- 搬运自己的mysql学习笔记1.工具类的抽取
- 搬运自己的mysql学习笔记2-连接池的使用
- HTML学习笔记之--HTML的头部信息设置
- 自己的HTML学习
- 常用HTML标签学习笔记1
- HTML学习笔记之--HTML主体的常用设置
- 搬运自己一篇FFTW的文章
- HTML入门笔记案例展示(1)
- [个人博客搬运]ReactiveCocoa学习笔记
- HTML学习笔记(一)了解HTML与HTML的常用标签
- 自己常用的资源信息记录
- 我的IOCP学习笔记 - 运行展示
- 自己的学习笔记
- HTML学习笔记(1)——常用标签
- <搬运>HTML参考手册
- 区间覆盖问题(加强版)
- C#中三层架构UI、BLL、DAL、Model实际操作
- C++实现素数的求法
- ZooKeeper源码解析(六):ZooKeeper的三种选举算法
- 4.3插入记录 INSERT 查询数据库记录 SELECT
- 搬运自己的html学习笔记1-常用信息展示
- QTreeWidget Qt最常用最好用的树状列表窗体
- 排序算法之快速排序
- Git的使用
- more effective c++——Item M29 引用计数(一)简略的rfstring类设计和写时拷贝
- LeetCode 64. Minimum Path Sum
- JDBC(小结)
- AndroidStudio升级2.3.1gradle无法升级导致build卡主问题解决
- 条件独立的理解及举例