1、Html基础标签格式

Html结构标准
< ! doctype html> 声明文档类型
<html> 根标签
<head> 头标签
<title></title> 标题标签
</head>
<body> 主体标签
</body>
</html>
 Html标签分类
单标签 <! Doctype html>
双标签 <html></html> <head></head> <title></title>
 Html标签关系分类
包含(嵌套关系) <head><title></title></head> 父子
并列关系 <head></head><body></body> 兄弟姐妹


 单标签
◆注释标签 ctrl+/

◆ 换行标签 <br />

◆ 水平线标签 <hr />

双标签
<p>文本内容</p>

特点:上下自动生成空白行。<br>换行不会生成空白行。
标题标签
h1-h6 取值到h6
h1 在一个页面里只能出现一次。

文本标签
<font>文本内容</font>

文本格式化标签
文本加粗标签 <strong></strong> <b></b> 工作里尽量使用strong

文本倾斜标签
<em></em> <i></i> 工作里尽量使用em

删除线标签
<del></del> <s></s> 工作里尽量使用del

下划线标签
<ins></ins> <u></u> 工作里尽量ins

◆注意:之所以工作里使用<strong></strong> <em></em> <del></del>
<ins></ins> 是因为更有语义化。
 图片标签

Src 图片的来源 必写属性
Alt 替换文本 图片不显示的时候显示的文字
Title 提示文本 鼠标放到图片上显示的文字
Width 图片宽度
Height 图片高度
◆图片没有定义宽高的时候,图片按照百分之百比例显示,如果只更改图片的宽度或者高度,图片等比例缩放。
 路径
 相对路径
相对于文件自身出发,就是相对路径。
◆文件和图片(html文档)在同一个目录(文件夹) ,直接写文件名。

◆图片(html文档)在文件在下一级目录里。文件夹名称+/+图片(html)名称

◆图片(html)在文件的上一级目录里,..+/+图片(html)名称

◆图片在文件的上一级的其他目录里,../文件夹名称/图片名称

★总结:找到下一级目录(文件夹)的图片(文件)用 /
跳出当前目录使用../
绝对路径

注意斜杠/ \

© 版权声明
THE END
喜欢就支持以下吧
点赞8赞赏
分享
评论 抢沙发