Web标准
Web标准是网页设计必须要满足的条件,它包含三个方面:结构,表现和行为,其中结构是用于对网页元素进行整理和分类,在学习过程中,我学的是HTML,即超文本标记语言;表现是设置网页元素的版式,颜色,大小等外部样式,主要学习的是CSS;行为是指网页模式的定义即交互的编写,现阶段学习的是JavaScript。三大要素中唯有行为较难理解,同时也是较为重要的内容,行为简单理解就是网页的功能,比如说某些网页可用于购物,某些网页可以玩游戏等。这个标准提出过最佳体验方案:结构,样式(表现),行为相分离,简单的理解就是体现三个方面的代码存储到三个文件中,如:结构写到HTML文件中,样式写到CSS文件中,行为写到JavaScript文件中。
HTML
概述
HTML是超文本标记语言,超文本指的是一种组织信息的方式,通常来说信息的形式有文字,图片和音频等,超文本这种方式可以通过超级链接将文字,图片和音频联系在一起,比如说,当我们登录了某个网页,点击某个文字或者词组,紧接着又进入了一个新的页面,或者又在原页面播放了音频等,这就体现了信息间的联系。标记语言理解较为复杂,它指的是一种将文本以及文本相关的其他信息结合起来,展现出文档结构和数据处理细节的电脑文字编码,我是直接对整个名词进行理解,HTML就是一种可以联系文字,音频,图片等信息的语言。
内容
HTML的内容很多,需要牢记。作为一种标记语言,它包含了很多标签,可分为行标签和块标签,行标签包括span标签,a标签,br标签,em标签,img标签等,他们的特点是按行排列,即当浏览器宽度足够大时,这些标签的内容会排成一行;块标签包含div标签,h标签,p标签,ol-li标签,ul-li标签等,他们会独占一行,默认宽度占满一行。
语法
常用的标签如下:
<h></h>,标题标签,有6类,对应1~6级标题,数字越小,字体越大
<p></p>,段标签,其内容为段落,当我们将文章中的段落部分复制到该标签中后,通过浏览器打开该文件时,文本在浏览器中会议段落的形式展示出来
<img/>,图标签,内容为图片链接,这里有个小建议,当我们需要使用图片时可以在HTML文件的同目录下创建一个装图片的文件夹,这样在书写链接时比较方便。
<a></a>,链接标签,内容也为链接,不过这里的链接种类较为丰富,可以是图片链接,音频链接,甚至是另外一个网页的链接
<span></span>,这个标签没具体语义,但用途较为广泛,通常时用于装载一行内容
<div></div>,盒子标签,内容独占一行
<table></table>,表格标签,含有<tr></tr>子标签,其含义为表格中的行,同时它也含有子标签,<td></td>行中的列标签,如果想引起注意,第一行还可以用<thead></thead>标签强调第一行
<form></form>,表单标签,这一类标签我们比较熟悉了,常用于注册表,表单标签包括<input/>输入标签,根据标签元素type的不同取值可以得到不同的功能的输入,例如单纯的输入,单选或者复选等;<label/>用于绑定内容,<select>标签也可用于选择,<textarea>标签也用于文本输入
<ol></ol>和<ul></ul>,列表元素,前者为有序列表,后者为无序列表,同时二者皆含有子标签<li>
常见的标签用法已经介绍完毕了,还有些细节需要注意:
1.注意标签的格式,不要漏写或者多写;
2.含有子标签的标签有些可以混用如,表格中有时也可以添加一些列表进去;
3.标签内可以添加元素,用于改变标签纸的展示形式,后面学CSS时可以更深度地研究
总结
HTML较为简单,但不容小觑,熟悉好每个标签的使用方式能让我们的网站设计变得更加轻松省力!