所在的位置: html >> html资源 >> 第二节html基础标签

第二节html基础标签

北京中科医院诈骗曝光 http://hunan.ifeng.com/a/20170705/5797804_0.shtml

第二节Html基础标签

所有html标签都是成对出现,叫作开始标签和结束标签,放在body标签之间。标签可以简写,比如空元素标签br/,其他标签建议写全。

1、Html标题

  HTML标题有h1到h66个标签,字体加粗,从大到小。

  代码图:

  运行结果图:

2、html段落

  Html段落就是p标签,自带有高度,换行。

  结果图:

3、HTML链接

Html链接是a标签,不换行,文字高度为链接高度,点击文字链接1,会在浏览器当前标签页(窗口)跳转到代码中href属性填写的访问地址。还有target属性,常用_blank(新标签页打开),_self(当前页打开)两个值,默认当前页打开。

结果图:

4图像

  Html图像是img标签,src属性中填写图片路径,这里常用相对路径;也可以用绝对路径(忽略此方式,存在缺陷,比如换台电脑运行,图片路径必须一样,否则显示不了图片)。width和height分别定义图片宽度和高度,单位像素(px),这里不需要写单位(也可以写,不影响)。

  相对路径:以引用文件之网页所在位置为参考基础,而建立出的目录路径。因此,当保存于不同目录的网页引用同一个文件时,所使用的路径将不相同,故称之为相对。

绝对路径:以Web站点根目录为参考基础的目录路径。之所以称为绝对,意指当所有网页引用同一个文件时,所使用的路径都是一样的。

  相对路径使用规则:斜杠前一个点代表相同路径下去找文件,斜杠前两个点代表当前路径的上一个文件下去找文件。

  本文代码中images文件与html_1.html在相同目录。

代码图:

img标签属性alt使用:

当图片显示不出来是,图片位置显示logo文字替换。

5换行和横线

  Html换行是br/标签,就换行。Html横线是hr/标签。

6注释

  被注释的内容不生效,浏览器自动忽略不解析。

7文本格式化

  文本格式化有加粗、斜体、自动输出、下标和上标等,还有其他的,这里就简单说一下,不常用。

  代码图:

  效果图:

备注:可以查看页面源码,浏览器页面空白处右键单击-查看源码,即可查看。




转载请注明:http://www.aierlanlan.com/rzgz/7155.html

  • 上一篇文章:
  •   
  • 下一篇文章: