01 HTML

62 阅读1分钟

img 标签

  • image: <img/>

  • 单标签

  • 图片展示标签

  • 常用的属性有:

    • 图片路径或者网址:src

    • 高度:width

    • 宽度:heigh

  • 常见的后缀格式有: jpg, png, gif

a 标签

  • anchor: <a> </a>

  • 闭合标签

  • 超链接标签,用于将一个页面链接到另一个页面

  • 常用的属性有:

    • 页面路径或网址:href

    • 在新标签页打开:target="_blank" a 标签去掉下划线样式,使用:text-decoration: none;

div 标签

  • division: <div> </div>

  • 闭合标签

  • 结构标签,用于网页结构的搭建与布局

  • 默认宽度是一整行

ul 标签

  • Unordered List: <ul></ul>

  • 闭合标签

  • 无序列表

  • 列表中的元素用 list item 标签:<li></li>

  • 默认宽度是一整行

ol 标签

  • ordered List: <ol></ol>

  • 闭合标签

  • 有序列表

  • 列表中的元素用 <li></li>

  • 默认宽度是一整行

图片种类

图片一般分成两类,一类是像素图,一类是矢量图

  • 像素图是由一颗颗像素点组成,如果放大看会看到像素点

  • 矢量图一般是由软件生成,即时放大看,也看不到像素点

像素图后缀一般为 jpg, png, gif 矢量图后缀一般为 ai

input 标签

  • 单标签:<input />

  • 网页中最常见的输入文字的标签

  • 常用的属性:

    • 类型:type

      • 文字:text (默认)

      • 数字:number

      • 密码:password

      • 颜色:color

      • 复选框:checkbox

      • 日期:date

    • 默认值:value

    • 最大值:maxlength

    • 提示信息:placeholder

button 标签

  • 闭合标签:<button> </ button>

  • 按钮标签

p 标签

  • patagraph

  • 闭合标签:<p> </p>

  • 段落标签,自成一行

  • 与 div 标签的区别:上下行间有间距,div 没有

  • div 标签中可以放 p 标签,p 标签中放不了 div 标签

span 标签

  • 闭合标签:<span> </span>

  • 用来组合文档中的行内元素