第二节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文本格式化
文本格式化有加粗、斜体、自动输出、下标和上标等,还有其他的,这里就简单说一下,不常用。
代码图:
效果图:
备注:可以查看页面源码,浏览器页面空白处右键单击-查看源码,即可查看。