Rumah >hujung hadapan web >Tutorial H5 >HTML基础
一:相关概念了解
1:WEB标准的概念及其机构组成
WEB标准是一系列标准的集合,不是单一的某个标准。这些标准主要是由W3C(万维网)起草以及发布。
2:网页结构
网页主要是由三部分构成,分别是HTML、CSS、JAVASCRIPT。作用分别是HTML用于编写网页的页面结构,以方便对网页的布局和交互;CSS用于对网页进行布局排版,使网页的结构看起来更加美观;JAVASCRIPT用于人们和页面产生的交互动作后产生响应。相应的编程语言如下:
结构化语言有XHTML和XML
表现语言是CSS
交互行为语言是对象模型,(如W3CDOM、ECMAScript等)
3:W3C指定的结构和表现的标准:结构(XHTML、XML)、表现(CSS);ECMA指定的行为标准:行为(DOM , ECMASCRIPT)
4:文件名规范
文件名必须是小写字母开头,后接下划线、数字等,不可以使用中文或特殊字符作为文件名。
二:HTML及其相关概念
1:超文本标记语言与可拓展超文本标记语言
HTML指的是超文本标记语言(Hyper Text Markup Language),XHTML指的是可拓展超文本标记语言(EXtensible HyperText Language).
2:HTML5
HTML5指的是HTML的第五次重大修改;HTML5是W3C与WHATWG合作的结果。
3:HTML页面结构
HTML页面是由标签和属性构成,一个HTML文档主要是由head(文件头部)和body(文件主体)两部分组成。head部分一般不在浏览器窗口可见(除title和某些类型的meta标签以及网页logo外);body部分就是用户在浏览器视口区域看到的内容。
html的根元素
文件头部 文件主体,页面上要显示的内容必须放在body体内。设置字符集、内容类型、编码格式
页面结构如下:
4:HTML分类
HTML文档可以分为三种类型,分别是strict(严格型)、transitional(过渡型)、frameset(框架型)。
5:书写规范
标签名和属性名称必须小写
HTML标签必须关闭
属性值必须用引号括起来
标签必须正确嵌套
必须添加文档类型声明(!DOCTYPE)
6:HTML基本语法
常规标记
<标记 属性=“属性值” 属性=“属性值”>标记>
空标记
<标记 属性=“属性值” />
7:常见的HTML标记
A:常见的块状标记
div、p、h1...h6、ol、ul、dl、table、address、blockquote、form
B:常见的内联标记
a、span、br、i、em、strong、label、q、var、cite、code
C:常见的内联块状标记(img会自带3个像素的外边距,在实际的操作中可以使用以下CSS样式语句去除:img{border:none;display:block;})
img、input
8:网页中常用的特殊字符
表示不换行空格
> 右尖括号
< 左尖括号
© 备案中图标
9:超链接
超链接是WWW的基础,也是其核心。单击这些链接,就可以从当前WEB页面跳转进入到另一个web网页。
其语法格式如下:
其中target属性表示是否在新窗口中打开链接;其属性值有两个:_blank和_self;_blank表示在新窗口中打开链接,_self表示在当前窗口中打开链接。
空链接:
链接到其他站点的链接
链接到email
下载链接
URL又叫统一资源定位符,是WEB网页的地址,由4个部分构成:http协议,域名,端口号,路径。例如:http://www.cycf.org.cn:8080/index.html;其中http://称为http协议,www.cycf.org.cn叫做域名,:8080叫做端口号,index.html叫做页面路径。
10:路径
绝对路径:
绝对路径指的是主页上的我呢件或目录在硬盘上的真正路径,使用绝对路劲定位链接文件比较清晰;但是其有两个缺点:一是需要输入更多的内容;二是如果该文件被移动了,就需要重新设置所有的相关链接。
相对路径:
相对路径是最适合网站的内部链接的,只要是属于同意网站下的,即使不再同一个目录下,相对链接也非常适合。这种地址形式利用的是构建链接的两个文件之间的相对关系,不受站点文件夹所处服务器位置的影响。因此这种书写形式省略了绝对地址中的相同的相同部分。这样的优点是:站点文件夹所处的服务器地址发生改变时,文件夹的所有内部链接都不会出问题。
相对路径的写法:
A:当当前文件与目标文件在同意目录下,直接书写目标文件名+扩展名;
B:当当前文件与目标文件所处的文件夹在同一目录下,写法如下:
文件夹名/目标文件全称+扩展名;
C:当当前文件所处的文件夹和目标文件所处的文件夹不在同一目录下,写法如下:
../目标文件所处文件夹名/目标文件名+扩展名