热门关键字:
jquery > jquery教程 > jquery教程 > web学习 HTML基础详细

web学习 HTML基础详细

307
作者:管理员
发布时间:2021/2/5 17:22:14
评论数:0
转载请自觉注明原文:http://www.jq-school.com/Show.aspx?id=3901
  示例:


  使用浏览器打开该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=“打开链接的位置“> 显示在页面上的内容




如果您觉得本文的内容对您的学习有所帮助:支付鼓励



关键字:html
友荐云推荐