HTML制作个简单的网页

超文本标记语言（英语：HyperText Markup Language，简称：HTML）是一种用于创建网页的标准标记语言。

您可以使用 HTML 来建立自己的 WEB 站点，HTML 运行在浏览器上，由浏览器来解析。

注意：对于中文网页需要使用 <meta charset="utf-8"> 声明编码，否则会出现乱码。有些浏览器(如 360 浏览器)会设置 GBK 为默认编码，则你需要设置为 <meta charset="gbk">。

HTML文档后缀名

.html

.htm

文本域（Text Fields）
文本域通过<input type="text"> 标签来设定，当用户要在表单中键入字母、数字等内容时，就会用到文本域。

密码字段
密码字段通过标签<input type="password"> 来定义。

单选按钮（Radio Buttons）
<input type="radio"> 标签定义了表单单选框选项。

提交按钮(Submit Button)
<input type="submit"> 定义了提交按钮

当用户单击确认按钮时，表单的内容会被传送到另一个文件。表单的动作属性定义了目的文件的文件名。由动作属性定义的这个文件通常会对接收到的输入数据进行相关的处理。
提示：要记得有结束语比如<h1>后面要加上</h1>

<!DOCTYPE html> 声明为 HTML5 文档 //<!DOCTYPE>声明有助于浏览器中正确显示网页。

<html> 元素是 HTML 页面的根元素

<head> 元素包含了文档的元（meta）数据，如 <meta charset="utf-8"> 定义网页编码格式为 utf-8。

<title> 元素描述了文档的标题

<body> 元素包含了可见的页面内容

<h1> 元素定义一个大标题

<p> 元素定义一个段落

HTML 标签

HTML 标记标签通常被称为 HTML 标签 (HTML tag)。

HTML 标签是由尖括号包围的关键词，比如 <html>

HTML 标签通常是成对出现的，比如 <b> 和 </b>

标签对中的第一个标签是开始标签，第二个标签是结束标签

开始和结束标签也被称为开放标签和闭合标签

<标签>内容</标签>

HTML头部（<head>）元素

<title> 标签定义了不同文档的标题
定义了浏览器工具栏的标题

先创建一个文本文档，把文本文档后缀改为.html或.htm，然后打开开始编辑,推荐使用notepad++，很好用

这制作的很简单，只是入门

HTML制作个简单的网页相关推荐

HTML5期末大作业：漫画网站设计——海贼王基地(5页) 学生动漫网页设计模板下载海贼王大学生HTML网页制作作品简单漫画网页设计成品 dreamweaver学生网站模板
HTML5期末大作业:漫画网站设计--海贼王基地(5页) 学生动漫网页设计模板下载海贼王大学生HTML网页制作作品简单漫画网页设计成品 dreamweaver学生网站模板常见网页设计作业题材有 ...
web网页设计实例作业 ——中国茶文化(30页) HTML网页制作作品简单文化网页设计成品 dreamweaver学生网站模板
web网页设计实例作业 --中国茶文化(30页) HTML网页制作作品简单文化网页设计成品 dreamweaver学生网站模板常见网页设计作业题材有个人. 美食. 公司. 学校. 旅游. 电商. ...
div+css静态网页设计 web网页设计实例作业 ——中国茶文化(30页) HTML网页制作作品简单文化网页设计成品 dreamweaver学生网站模板
web网页设计实例作业 --中国茶文化(30页) HTML网页制作作品简单文化网页设计成品 dreamweaver学生网站模板常见网页设计作业题材有个人. 美食. 公司. 学校. 旅游. 电商. ...
B1HTML5期末大作业：动漫网站设计——海贼王中乔巴漫画(5页) 学生动漫网页设计模板下载海贼王大学生HTML网页制作作品简单漫画网页设计成品 dreamweaver学生网站模板
HTML5期末大作业:动漫网站设计--海贼王中乔巴漫画(5页) 学生动漫网页设计模板下载海贼王大学生HTML网页制作作品简单漫画网页设计成品 dreamweaver学生网站模板常见网页设计作业题 ...
HTML5期末大作业：动漫网站设计——斗破苍穹动漫(6页) HTML+CSS+JavaScript 学生动漫网页设计模板下载斗破大学生HTML网页制作作品简单漫画网页设计成品 dreamweav
HTML5期末大作业:动漫网站设计--斗破苍穹动漫(6页) HTML+CSS+JavaScript 学生动漫网页设计模板下载斗破大学生HTML网页制作作品简单漫画网页设计成品 dreamweave ...
HTML5期末大作业：漫网页网站设计——爱影评在线电影(10页面)) 学生动漫网页设计模板下载大学生HTML网页制作作品简单漫画网页设计成品 dreamweaver学生网站模板
HTML5期末大作业:漫网页网站设计--爱影评在线电影(10页面)) 学生动漫网页设计模板下载大学生HTML网页制作作品简单漫画网页设计成品 dreamweaver学生网站模板常见网页设计作业题 ...
静态HTML网页设计作品——斗破苍穹动漫(6页) HTML+CSS+JavaScript 学生动漫网页设计模板下载斗破大学生HTML网页制作作品简单漫画网页设计成品 dreamweav
HTML5期末大作业:动漫网站设计--斗破苍穹动漫(6页) HTML+CSS+JavaScript 学生动漫网页设计模板下载斗破大学生HTML网页制作作品简单漫画网页设计成品 dreamweave ...
HTML5期末大作业：动漫网站设计——海贼王中乔巴漫画(5页) 学生动漫网页设计模板下载海贼王大学生HTML网页制作作品简单漫画网页设计成品 dreamweaver学生网站模板
HTML5期末大作业:动漫网站设计--海贼王中乔巴漫画(5页) 学生动漫网页设计模板下载海贼王大学生HTML网页制作作品简单漫画网页设计成品 dreamweaver学生网站模板常见网页设计作业题 ...
HTML5期末大作业：仿阴阳师游戏网站设计——仿阴阳师游戏官网首页(1页) 学生动手游页设计模板下载网游大学生HTML网页制作作品简单游戏网页设计成品 dreamweaver学生网站模板
HTML5期末大作业:仿阴阳师游戏网站设计--仿阴阳师游戏官网首页(1页) 学生动手游页设计模板下载网游大学生HTML网页制作作品简单游戏网页设计成品 dreamweaver学生网站模板常见网页 ...
div+css静态网页设计游戏网站设计——仿阴阳师游戏官网首页(1页) 学生动手游页设计模板下载网游大学生HTML网页制作作品简单游戏网页设计成品 dreamweaver学生网站模板
HTML5期末大作业:仿阴阳师游戏网站设计--仿阴阳师游戏官网首页(1页) 学生动手游页设计模板下载网游大学生HTML网页制作作品简单游戏网页设计成品 dreamweaver学生网站模板常见网页 ...

HTML制作个简单的网页

HTML 标签

HTML头部（<head>）元素

HTML制作个简单的网页相关推荐

最新文章

热门文章