HTML基础知识点总结三
发布日期:2021-04-30 21:01:54 浏览次数:189 分类:精选文章

本文共 1326 字,大约阅读时间需要 4 分钟。

HTML中的图片标记

在HTML中使用图片标记时,<img>标签是核心元素。图片的路径可以通过src属性设置,路径有三种方式:绝对路径、相对路径和网络地址路径。绝对路径从操作系统指定盘中的目录开始查找,缺点是路径长且移动后路径改变。相对路径以当前网页为参照,路径更灵活且适合移动使用。网络地址路径直接使用HTTP或HTTPS链接。

图片的显示大小可以通过widthheight属性设置,支持像素值px。


设置网页的背景

网页背景的设置分为背景颜色和背景图片两种方式。背景颜色通过body标签中的bgcolor属性设置。背景图片则通过body标签中的background属性设置,格式为background: url("图片路径");


超链接(链接与锚点)

超链接使用<a>标签实现,基本用法如下:

点击这里链接

href属性设置目标链接路径,target属性控制打开方式(默认 _self 在当前窗口打开),name属性用于定义链接名称,便于内部链接。


Html中的列表

列表有三种形式:有序列表、无序列表和自定义列表。

  • 有序列表

    使用<ol>标签,每项用<li>表示,支持序号格式(如type="a,A,1,i,I")和起始序号(如start="5")。
    示例:

    1. 姓名: zhangsan
    2. 年龄: 23
  • 无序列表

    使用<ul>标签,同样用<li>表示列表项,支持序号样式(如type="disc, circle, square")。
    示例:

    • 姓名: zhangsan
    • 年龄: 23
  • 自定义列表

    使用<dl>标签,<dt>为主分类,<dd>为次级分类。
    示例:

    文件夹
    Drivers
    Program Files
    Program Files (x86)
    d:
    360Downloads
    360safe

  • Html中的表格

    表格由<table>标签表示,行用<tr>,单元格用<td><th>表示。表格属性包括border(边框)、widthheight(大小)、cellspacingcellpadding(间距)、对齐方式(align)和颜色(bgcolor)。

    表格嵌套使用<thead><tbody><tfoot>,实现表头、正文和表尾。


    表格应用实例

    以下是一个简单的个人简历表格示例:

    个人信息
    姓名 性别 出生年月 联系方式
    籍贯 民族 政治面貌
    上一篇:蓝桥杯算法练习笔记(7)__深度优先搜索 DFS
    下一篇:【剑指offer】面试题32 - III:从上到下打印二叉树 III(Java)

    发表评论

    最新留言

    路过按个爪印,很不错,赞一个!
    [***.219.124.196]2026年05月29日 09时14分44秒