HTML中常用的表单元素

HTML中常用的表单元素,第1张

1、<input>元素定义输入框,根据不同的 type 属性,可以变化为多种形态。例如:

<input type=text>表示文本输入框,<input type=password>表示密码输入框,<input type=radio>表示单选输入框,<input type=checkbox>表示复选输入框。

2、<select> 元素定义下拉列表;

3、<option> 元素定义待选择的选项;列表通常会把首个选项显示为被选选项。能够通过添加 selected 属性来定义预定义选项;

4、<textarea> 元素定义多行输入字段(文本域);

5、<button> 元素定义可点击的按钮;

6、<datalist> 元素为 <input>元素规定预定义选项列表;用户会在他们输入数据时看到预定义选项的下拉列表。

定义列表的定义

定义列表的格式:

<dl>

<dt></dt>

<dd>

</dd>

<dt></dt>

<dd>

</dd>

</dl>

dt英文definiten title的缩写,dt就是用来定义列表中标题。

dd的作用对应dt标题对应的描述的。

列表如下:

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<title>无序列表</title>

</head>

<body>

<dl>

<dt>北京</dt>

<dd>中国的首都,是中国政治,文化中心

</dd>

<dt>周行知</dt>

<dd>

喜马拉雅历史人文主播,爱奇艺号作家,作者,头条号作者,百家号作者

</dd>

</dl>

</body>

</html>

运行如图所示:

应用场景:

1)用作网站底部相关信息的制作。

例如京东商城:

2)做图文混排

定义列表的注意点:

1)和我们的列表ul/ol一样,dd/dt与它是一个整体。不可分割。

2)建议是dl标签只能放dd与dt标签。

3)dt/dd如果为丰富界面需要加入其它标签,也可以。

HTML简介

HTML是一种网页使用的语言,是一种描述超文件的注记语言SGML(Standard Generalized Markup Language)所制订出的一种网页语言,基本上现行的浏览器都可以读取HTML,使用HTML可以编辑设计出网页,也可以在网页中加入所有HTML语言可支援的方式,例如表格、表单、图片、文字、连结、程式等等。

HTML与XML的区别

而XML是由W3C所发展出的一种网页语言规格,是SGML的精简版本,特别用来设计网页文件,XML可以让使用者自己定义所需要的标签,并且任意启动定义、转换、验证等工作,同时可以在网页和应用程式间读取资料和传递资料。

所以HTML与XML的差别在于HTML无法自订标签,但是基本上全世界的浏览器都可以看到他写出来的网页,而XML则是一种可以自由转换资讯以及定义标签的方式,可以让其他网页自己去转换分享者的标签,并转为自己的标签,进而直接读取跟引用。

开始

超文件标示语言(HTML)是建立网站的主要基石。HTML是一种非常基础的标记示语言,且需要记住数十种建置网页格式与外观的HTML指令(commands)。编写任何HTML编码(code)或设计您的第一个网页前,您必须决定是使用HTML 网页编辑器(HTML editor)还是文字编辑器(text editor),例如:Notepad或WordPad。

当您决定了HTML 网页编辑器(HTML editor)且开始准备制作您的网站,请考虑一下您希望的网站外观与功能。您甚至可以考虑画出您的想法,这可以帮助您对网站与网页的想像更具体。以下是一些网页设计时需要考虑的注意事项。

1. 您想要怎么存取所有的文件?所有的文件都存在相同的文件夹或路径(directory)吗?假如您有大量不同的图片与文件,我建议您将页面、文件和图片分别储存在不同的路径里。

2. HTML文件都会被储存为.HTM还是.HTML?用.htm or .html.都可,没有任何影响,但最好可以使用相同的副档名。

3. 网页打算使用相同的版型吗?是否要有相同的外观与感觉?

4. 主导览列要怎么做?放在每个网页的左侧、下方还是上方好?

小提示:请意识到您设计网页时,网页会随着您的想法而不断变化。就像是这个网站“ 新视野网页设计公司 ”从开始到现在,已经被改过数十次一样。

编写基本的HTML

在安装HTML网页编辑器(HTML editor)和设置文件夹后,您就可以开始创建您的网页。一开始先建立一个名为index.htm或index.html的文件首页。若没有任何具体指定,所有浏览器基本上都会把index当作首页。比如,当您输入https://www.newscan.com.tw,浏览器则会自动进入https://www.newscan.com.tw/index.htm这个地址。

当您建立index.htm或index.html文件且用HTML网页编辑器(HTML editor)打开,我们建议您将以下的原始码(source code)插入页面里。假如您的HTML网页编辑器(HTML editor)会自动把下面的HTML编码(code)放入您的页面,或着您使用的是WYSIWYG editor,那您可以跳过此步骤。

上面的编码是一个非常基本、帮助每个网页组成的例子。如您所见,这个编码以<html>开始,而这代表着<html>里面的所有内容都是HTML编码。接着是<head>,这是HTML文件的标题。再来是<title>,这是会显示在浏览器上方的网页标题。最后则是<body>,包含网页内所有的内文。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/7237332.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-03
下一篇 2023-04-03

发表评论

登录后才能评论

评论列表(0条)

保存