示例:
使用浏览器打开该html文件即可
显示的结果:
****编写html的细节****:
1 html文档内容由标签和文本内容组成。
2 html的标签是由w3c组织规定好的,不能随意编写。
3 html标签不区分大小写。(建议使用小写字母)
4 开始标签和结束标签要成对出现。
5 在编写html时,要注意缩进,编写出层次结构。
1、作用:该标签是为HTML网页添加标题;
2、使用方法:
如图,在两个之间的之间,黄色框架里就是html网页的标题;
2.2.1设置搜索关键字(搜索引擎优化) (现在不常用)
1、作用:通过在其他网页,搜索关键字来查找到该HTML网页。设置搜索关键字,在自己做的HTML网页是看不到的,因为用来引导搜索引擎进行收录的,而不进行显示内容。
2、使用方法:如图,在head中使用该标签;
快捷键:打出meta +tab键 就能自动补全成为
2.2.2 网页描述
1、作用:通过在其他网页,搜索描述来查找到该HTML网页。设置搜索描述,在自己做的HTML网页是看不到的,因为用来引导搜索引擎进行收录的,而不进行显示内容。
2、使用方法:如图,在head中使用该标签;
2.2.3 自动跳转
1、作用:定义一定的时间之后自动跳转到指定的网页
2、使用方法:
例如:3秒后自动跳转到
使用浏览器打开该html文件即可;
打开的网页如下图所示:
3秒后的页面如图所示:
作用: 在页面中编写javascript代码或引入javacript文件
作用:在页面中编写css代码
作用:引入其他文件(例如css文件)
作用:设置页面链接前缀
当页面中的a超链接标签没有设置href属性的值和没有设置target属性的值时,默认使用base标签中的href属性的值和target属性的值。
一共6级标签,使用时会自动换行。
结果:
1、作用:增大了行间距
2、使用:
结果:
hr标签的属性 :
size 设置粗细
width 设置宽度
color 设置颜色
align 对齐方式(默认居中对齐)
结果:
结果:
1、作用:独占一行的效果,
div+css做页面布局
2、例题:
实现的效果:
1、作用:添加图片
2、属性:
src=“图片路径”
title=“鼠标停在图片上时提示的文字内容”
alt=“图片加载失败时提示的文字内容”
width=“图片宽度”(单位像素px)
height=“图片高度”(单位像素px)
border=”图片边框”(单位像素px)
例题:给页面添加动图
第一步:找到喜欢的动图存放在img文件夹所在的目录里
第二步:添加图片
显示:
1、作用:标签,超链接标签,用来链接到其他页面或本页面其他位置。
2、属性:****href**** 链接地址
1 链接到其他网站页面 href=“
2 链接到自己网站的其他页面 href=“2.html”
3 邮箱链接(打开邮箱客户端) href=“mailto:aaa@163.com”
4 链接到锚点 href="#abc"
(需要设置锚点)
注释:
锚点,是网页制作中超级链接的一种,又叫命名锚记。命名锚记像一个迅速定位器一样是一种页面内的超级链接,运用相当普遍。
使用命名锚记可以在文档中设置标记,这些标记通常放在文档的特定主题处或顶部。然后可以创建到这些命名锚记的链接,这些链接可快速将访问者带到指定位置。
创建到命名锚记的链接的过程分为两步。首先,创建命名锚记,然后创建到该命名锚记的链接。
3、使用方式:<a href=”链接地址”target=“打开链接的位置“> 显示在页面上的内容
如果您觉得本文的内容对您的学习有所帮助:
关键字:
jquery