HTML文件命名规则与常见标签

664 阅读2分钟

文件命名规则:

1: 尽可能小写英文字母,可以由下划线,中划线,镁元素符号及数字组成
2:不能出现任何中文符号
3:不能以数字开头
4:见名知意
5: 驼峰命名法(匈牙利命名法)
            大驼峰SearchBox
            小驼峰searchBox

标签语法规则(标记,元素):

对(双)标签: <标签属性="值"></标签>
单标签: <标签属性=" 值">

常见标签:

h1-h6:标题标签
    文本加粗变大,依次变小,独占一行,h1在一个页面中只有一个 其他的可以多次出现,h1通常用来做logo区域
span:文本节点标签
    只占据自己内容大小的位置,一般配合css展示视觉效果
em / i:倾斜标签
    文本倾斜,只占据自己内容大小的位置,i是视觉效果,em是斜体字,em具有强调作用     
div:盒子标签,独占一行,通常用来搭建页面结构
ul > li: 无序列表标签,
独占一行,默认小黑圆点修饰,通常通过css取消列表符号,通常用来做导航,列表
    type="修饰符类型"
         disc实心圆
         circle空心圆
         square实心方块
u:下划线标签
只占据自己内容大小的位置,有下划线
br:换行(单标签)
hr:水平线
sup/sub:上下标标签
a:超链接标签,文本蓝色带有下划线,只占据自己内容大小的位置,能够实现页面之间的跳转
    属性:
       ** href=**"跳转位置”
            #空地址
        target="跳转方式”
            self默认方式在当前页面刷新
            blank不断打开新窗口
        title="鼠标悬停时的提示文本”
img:图片标签,网页面中插入图片
    图片格式:
        .jpg
    普通格式
        .png
    背景透明格式
        .gif 动态图
   src="图片地址”
        相对路径
            images/img5. gif
            ./返回上级目录   
            /强调在当前目录下
        
        绝对路径
            从盘符出发
            从域名地址出发
            
  width="宽度”
  height="高度"
        [注]只写宽度或者只写高度,另一边等比例缩放
        
  alt="提示信息"
        图片加载成功时不显示
        图片加载失败时显示

  title="鼠标悬停时的提示信息"