简单的html网页可以直接利用文本编写的,无需下载特定编辑器。
1、在我们的windows *** 作系统中,桌面上鼠标右键新建一个txt文本,并命名为"最简单网页",只是便于标识,实际上并不影响我们的 *** 作。注意我们需要提前在文件属性中把扩展名显示出来。
2、我们打开文件夹属性设置,将文件扩展名显示出来,后面我们需要对文件扩展名进行 *** 作,不同 *** 作系统的设置位置不太一样,我们可以直接搜索"文件夹属性"来进行查找修改。
3、然后输入最简单的HTML文本语言。
代码如下:
<html>
<body>
最简单的网页
</body>
</html>
4、保存并关闭txt文本,然后修改我们txt文本的扩展名为html,此时会d出警告框,提示我们修改后可能会导致文件不能使用,这是 *** 作系统的一个处理逻辑,为了防止无意或恶意的损坏文件的行为。
5、无需担心,因为这在我们自己的掌控之下,确认警告,点击"是",然后双击打开我们自己的第一个html网页,就可以看到一个最简单的html网页了。
HTML做个数据录入的模板。如下参考:
1、首先新建一个html,点击<body></body>中间,先填入表格内容:
2.内容可根据要求编写,示例代码如下:
<table>
<p style="text-align:center ">功课表</p>
<tr>
<th>语文</th>
<td>7:00-7:40</td>
<td>7:50-8:30</td>
</tr>
<tr>
<th>数学</th>
<td>7:00-7:40</td>
<td>7:50-8:30</td>
</tr>
<tr>
<th>英文</th>
<td>7:00-7:40</td>
<td>7:50-8:30</td>
</tr>
</table>
3.然后在<head></head>中间输入样式表的样式,如下图:
4.样式也可以根据个人需要设置,设置单元格的宽度高度,合并单元格,位置,颜色等,示例代码如下:
<style type="text/css">
body
{
width:340px
height:800px
}
table
{
border-collapse:collapse
}
th,td
{
width:100px
height:40px
border:1pxsolidblack
font-size:12px
text-align:center
}
</style>
5.注意,此代码“table的意思是表”的含义是将表边框合并为单个边框以合并相邻的更改。
6.预览结果如下图所示,一个制作简单的HTML模板。
<html>
<head>
<title>第一个html网页</title>
<metacharset="utf-8">
</head>
<body>
</body>
</html>
<html>
<head>
<title>第一个html网页</title>
<metacharset="utf-8">
</head>
<body>
<table>
<tr>
<td>第一行第一列</td>
<td>第一行第二列</td>
</tr>
<tr>
<td>第二行第一列</td>
<td>第二行第二列</td>
</tr>
</table>
</body>
</html>
扩展资料
HTML语言特点
1、HTML语法较弱。
在w3c制定的HTML5规范中,对于HTML5在语法结构上的规格限制是较松散的,如、或在浏览器中具有同样的功能,是不区分大小写的。另外,也没有严格要求每个控制标记都要有相对应的结束控制标记。
2、HTML5编写简单。
即使用户没有任何编程经验,也可以轻易使用HTML来设计网页,HTML5的使用只需将文本加上一些标记(Tags)即可。
3、HTML标记数目有限。
在w3C所建议使用的HTML5规范中,所有控制标记都是固定的且数目是有限的。固定是指控制标记的名称固定不变,且每个控制标记都已被定义过,其所提供的功能与相关属性的设置都是固定的。
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)