整合营销服务商

电脑端+手机端+微信端=数据同步管理

免费咨询热线:

HTML教程:什么是HTML?

么是HTML?

一,什么是html呢?

HTML英语:HyperText Markup Language,中文:超文本标记语言,是一种用于创建网页的标准标记语言。

HTML的全称为超文本标记语言,是一种标记语言。它包括一系列标签.通过这些标签可以将网络上的文档格式统一,使分散的Internet资源连接为一个逻辑整体。

超文本是一种组织信息的方式,它通过超级链接方法将文本中的文字、图表与其他信息媒体相关联。这些相互关联的信息媒体可能在同一文本中,也可能是其他文件,或是地理位置相距遥远的某台计算机上的文件。这种组织信息方式将分布在不同位置的信息资源用随机方式进行连接,为人们查找,检索信息提供方便。

HTML即平常上网所看到的的网页,HTML 命令可以说明文字、图形、动画、声音、表格、链接等。




HTML 是用来描述网页的一种语言。

HTML 不是一种编程语言,而是一种标记语言

标记语言是一套标记标签 (markup tag)

HTML 使用标记标签来描述网页

HTML 文档包含了HTML 标签文本内容

HTML文档也叫做 web 页面





二,html文档基本结构

<!DOCTYPE html> 声明为 HTML5 文档

<html> 元素是 HTML 页面的根元素,所有html标签的一个根节点。

<head> 文档的头部,描述了文档的各种属性和信息,包括文档的标题,在web中的位置以及和其他文档的关系。

<meta charset="utf-8"> :对于中文网页需要使用 <meta charset="utf-8"> 声明编码,否则会出现乱码。

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

<body> 元素包含了可见的页面内容,文档的主体,以后我们的页面内容基本上都是写到这个标签里面的(比如文本、超链接、图像、表格和列表)。


三,HTML版本

从初期的网络诞生后,已经出现了许多HTML版本:


版本

发布时间

HTML

1991

HTML+

1993

HTML 2.0

1995

HTML 3.2

1997

HTML 4.01

1999

XHTML 1.0

2000

HTML5

2012

XHTML5

2013

TML是超文本标记语言(英语:HyperText Markup Language,简称:HTML)是一种用于创建网页的标准标记语言。

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

.HTML指的是超文本标记语言

.HTML不是编程语言,而是一种标记语言

.标记语言是一套标记标签

.HTML使用标记标签来描述网页

.HTML文档包含了HTML标签和文本内容

.HTML文档也叫做web页面

HTML实例:

<!DOCTYPE html>
  <html>
  <head>
  <meta charset="utf-8">
    <title> HTML教程实例</title>
  </head>
<body>
  <h1>我的第一个标题</h1>
<p>我的第一个段落</p>
  </body>
  </html>

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

实例解析:

<!DOCTYPE html>声明为HTML5文档

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

<head>元素包含了文档的元数据

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

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

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

<p>元素定义一个段落

.form:表单:

name:表单的名字

action:表单处理页面(就是把表单交给谁去处理):action="":表示把表单提交给当前页面.

method:提交数据方法:

method="get":表示把提交的数据附在url后面进行提交。适合于小数据的提交。

method="post":提交数据的时候进行了编码,可以进行大的数据的传输。(文件上传)

2.input:输入控件:

(1)inputtype="text":单行文本框:

name:文本框的字名

size="":初始大小

maxlength="":最长长度

value="":初始文本

(2)inputtype="password":密码框

name:文本框的字名

size="":初始大小

maxlength="":最长长度

(3)input type="radio":单选按钮:只能选择一个

name:文本框的字名

value="":表示要提交到服务端的数据.

checked="checked":表示这一项默认被选中的(打开页面时就是选中状态)

(3)inputtype="checkbox":复选框:可以选择多个

name:文本框的字名

value="":表示要提交到服务端的数据.

checked="checked":表示这一项默认被选中的(打开页面时就是选中状态)

3.select:列表框

size:列表中可以同时看到的行数(默认值是1)

<option></option>:列表项

value:表示要传递到服务端的值

selected="selected":默认被选中

4.按钮:

submit:提交按钮:(把表单中数据一次性全部提交到服务端)

type="submit":表示它是一个提交按钮

value="":按钮上显示的文字

reset:重置按钮:(把表单中所有填入的或者选择的选项进重置)

type="reset":表示它是一个重置按钮

value="":按钮上显示的文字

button:普通按钮:(在这个按钮上针以单击事件来编写相应的处理代码)

onclick=""

5.textarea:多行文本框:

<textareaname="" cols="" rows="" >

默认要显示的文字

</textarea>

6.文本域:用于上传文件用的

<form method="post"enctype="mutipart/form-data">

<inputtype="file" name=""/>

表示图像的中间与同一行中最大元素的中间对齐

7.隐藏域:<input tyep="hidden" name="userName"value="张三"/>

8.表单只读与禁用:

<inputtype="text" name="" value="" readonly="readonly"/>

<inputtype="text" name="" value="" disabled="disabled"/>

9.表单域:

<form>

<fieldset>

<lengend></lengend> :域标题

</fieldset>

</form>

10.lable:表单元素的标注:

<lablefor="userId">用户名:</lable>

<inputtype="text" name="name" id="userId"/>

康诺科技

2017/7/21