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>,包含网页内所有的内文。
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)