1、在文件夹中新建一个txt文档,将文档名称改成“index.html”的html文件,如下图所示。
3、完善html的代码,填入html5标准化代码,代码如下。
2、创建成功后,会显示默认html网页模板代码。
3、在<head>
中加入这样一行代码:<meta http-equiv="refresh" content="0.1;url=/en">。
4、其中,数值0.1是代表跳转时间为0.1秒,我们可以根据需求修改跳转时间的长短;“/en”代表要跳转到的目标目录。
5、以上步骤完成后,Ctrl+S保存网页,文件名命名为“index“,保存类型为“html”即可。
html5的常用标记有下列几种:
和标记放在网页文档的最外层,表示这对标记间的内容是HTML文档。放在文件开头,放在文件结尾,在这两个标记中间嵌套其他标记。
在HEAD标记内最常用的标记是网页主题标记,即TITLE标记,它的格式为:
网页标题是提示网页内容和功能的文字,它将出现在浏览器的标题栏中。一个网页只能有一个标题,并且只能出现在文件的头部。
文件主体用和标记,它是HTML文档的主体部分。网页正文中的所有内容包括文字、表格、图像、声音和动画等都包含在这对标记对之间。
在HTML5中,一个Range对象代表页面上的一段连续区域。可以通过如下语句创建一个空的Range对象。
在HTML5中,每一个浏览器窗口都有一个Selection对象,代表用户鼠标在页面中所选取的区域。
每一个Selection对象都有一个或多个Range对象,每一个Range对象代表用户用鼠标所选取范围内的一段连续区域。
导航栏下面放一个Div,专门用来显示对应导航栏目的内容。点击导航栏触发点击事件,在事件函数中获取点击的栏目id,通过此id确定往div中添加那个内容。可以用div.innerHTML来更新div显示的内容。 或者,导航栏下面放置多个Div,数量等于导航栏目的个数,所有div要都重叠在一起。在点击事件函数中控制div的显示和隐藏。