标签归档:html教程

html代码大白话之实例解析


摘要:
下文将详解一个html示例代码,使我们对html代码有更深入的了解,如下所示;

例:
html代码:

 
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>猫猫教程-html详解</title>
</head>
<body>
<h1>这是一个标题标签</h1>
<p>这是一个段落标签</p>
</body>
</html>    

代码详解:

<!DOCTYPE html> 声明html文档为HTML5文档
<html> 根元素
<head> 头文件 包含文档的元(meta)数据,如:meta title等
<title> html文档标题定义
<body> html文档的内容部分
<h1> 定义大标题
<p> 定义段落

网页的后缀名到底是html还是htm呢?


摘要:
下文讲述网页后缀名的相关说明,如下所示;

网页的后缀名可以是:
  html,htm,shtml,php,java,s,h,py等等

那么这些后缀名都有什么区别呢?
如:
html,htm这类静态网页的后缀名无需通过后端服务器解析,浏览器可直接访问,我们常称之为“静态网页”
(html,htm可使用相同的html标签)
而其它后缀名的网页需要借助后端服务器进行解析,然后生成Html代码,而后浏览器再进行访问

HTML input file 文件域控件简介说明


摘要:
下文input type=’file’控件的功能简介说明,如下所示:


input type=’file’控件的功能

input type=’file’控件的功能:
当input中type=’file’时,可以创建一个文件域,将文本域放入表单中,设置表单属性为“multipart/form-data”,即可实现文件上传
例:

<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.maomao365.com/" />
<title>猫猫教程(www.maomao365.com)
---文本域创建示例分享
</title> 
</head>
<body>
<form name="myform" method="post" enctype="multipart/form-data" action="do.php">
  文件上传:<input type="file" name="file" />
</form>
</body>
</html>


input type=file其它属性功能说明
1.required(HTML5):规定文件域内容是必填的。
2.form(HTML5):规定文件域所属的一个或多个表单。
3.autofocus(HTML5):规定在页面加载时,域自动地获得焦点。
4.disabledy:设置文件域为不可用。
5.accept(HTML5):规定允许上传的文件MIME类型。
5.multiple(HTML5):规定文件域可以一次上传多个文件。

例:
设置上传文件只能为“文本文件”
accept=”text/plain” —即为接收文本文件


<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.maomao365.com/" />
<title>猫猫教程(www.maomao365.com)
---type='file'示例说明
</title> 
</head>
<body>
<form name="myform" method="post" enctype="multipart/form-data" action="main.php">
  文件上传:
  <br/>
  <input type="file"  name="file" accept="text/plain"/>
  <input type="submit" value="提交表单">
</form>
</body>
</html>