软件测试攻略(七):HTML初识(3)

(继续各种标签...)

  • img 图片
some_text

src,"source",源属性的值是图像的 URL 地址
alt,定义一串预备的可替换的文本,
alt 属性可以为图像提供替代的信息:

  1. 网速太慢,图片加载不出
  2. src 属性中的错误
  3. 浏览器禁用图像
  4. 用户使用的是屏幕阅读器,例如视障用户
alt="写图片的主要内容"
alt属性显示.png
  • a 超链接
链接文本

href 属性描述了链接地址,target 属性默认为在当前窗口打开链接,target="_blank",表示在新窗口打开。

  • li 列表
  • 标签定义列表项目,无序列表使用
      标签, 有序列表使用
        标签;
    • 公孙离
    • 弈星
    1. 公孙离
    2. 弈星

    显示效果如:


    软件测试攻略(七):HTML初识(3)_第1张图片
    image.png
    • frameset 框架集
      标签定义一个框架集。 元素被用来组织一个或者多个 元素。
      值得注意,
    1. 标签不能和 标签一起使用。
    2. 框架里放的是网页,而不是标签,初学容易产生误解。故的属性src后面接的就是该框架里的网页。

    元素规定在框架集中存在多少列或多少行,以及每行每列占用的百分比/像素。


    软件测试攻略(七):HTML初识(3)_第2张图片
    框架图示.png

    灵魂画手,有图有真相。


    软件测试攻略(七):HTML初识(3)_第3张图片
    灵魂画手.png

    展示下top.html,left.html,可以试试看


    软件测试攻略(七):HTML初识(3)_第4张图片
    top.html.png

    软件测试攻略(七):HTML初识(3)_第5张图片
    left.html.png

    课后练习:根据今日所学初步开始建立自己的个人主页。

你可能感兴趣的:(软件测试攻略(七):HTML初识(3))