• HTML--标签


    1.加粗标签

    文字内容

    2.分割线


    3.问题

    4.HTML基本骨架

    HTML基本骨架是网页模板。

    html:整个网页

    head:网页头部,存放浏览器看的代码,例如CSS。

    body:网页主体,存放给用户看的代码,例如图片、文字。

    5.标签关系

    父子、嵌套。

    6.注释

    CTRL+/

    7.标题标签

    h1-h6(双标签)

    只用一次,一般。其他可以多次用

    8.段落标签(双标签)

    9.换行(单标签)


    10.水平线标签(单标签)


    11.文本格式化标签

    为文本添加特殊格式,常见文本格式:加粗、倾斜、下划线、删除线。

    12.图像标签(单标签)

    在网页中插入图片。

    格式:

    src是用于指定图像的位置和名称,是的必须属性。

    在""里面以./开头,有提示。

    13.图像标签的属性(不分先后顺序,标签名和属性用空格隔开)

    alt           作用:替换文本               说明:图片无法显示的时候显示的文字(解决网速慢,看不见图片,但通过文字知道这是什么)

    title         作用:提示文本              说明:鼠标停留图片上面的时候显示文字

    width       作用:图片的宽度          说明:值为数字,没有单位(浏览器缩放比例,默认等比例缩放。)

    height      作用:图片的高度          说明:值为数字,没有单位

    14.路径

    路径:查找文件时,从起点到终点经历的路线。

    路径分类:

                      相对路径:从当前文件位置出发查找目标文件

                      绝对路径:从盘符出发查找目标文件(windows电脑从盘符出发,mac电脑从根目录出发)

    /表示进入某个文件夹里面                             文件夹名字/

    .表示当前文件所在文件夹                                 ·/

    ../:表示返回上级文件夹,如果上返回上上级文件夹,多加一个点。

    绝对路径

    15.超链接(双标签)

    如果要跳转本地文件:相对路劲查找。如果想要链接是新的窗口,在网址后面加target="

    _blank"

    开发初期,不知道要用超链接跳到哪里,herf属性值写#,表示空连接,不会跳转。

    16.音频标签

    src(必须属性)        作用:音频的URL            特殊说明:支持格式MP3、Ogg、Wav

    controls                  作用:显示音频控制面板

    loop                                  循环播放

    autoplay                           自动播放                                    为提升用户体验,浏览器一般会禁用自动播放

    在HTML5里面,如果属性值和属性名字完全一样,可以简写一个单词controls(原来是controls="controls")以下三个同理。

    17.视频标签(双标签)

    常见属性

    src(必须属性)        作用:视频的URL            特殊说明:支持格式MP、Ogg、WebM

    controls                  作用:显示音频控制面板

    loop                                  循环播放

    muted                               静音播放

    autoplay                           自动播放                                    为提升用户体验,浏览器一般会禁用自动播放

    在浏览器中想要自动播放需要加muted

  • 相关阅读:
    python继承
    es索引的性能优化配置
    基于SpringBoot的电影购票系统
    Error: A JNI error has occurred, please check your installation and try again解决
    PX4模块设计之二十:PX4应用平台初始化
    云原生 | Kubevela一键发布应用分析
    【企业动态】欢迎法国客户来访东胜物联,深入探讨智能化合作
    解决 requests 2.28.x 版本 SSL 错误
    亿赛通电子文档安全管理系统 Update.jsp SQL注入
    Prometheus-Prometheus安装及其配置
  • 原文地址:https://blog.csdn.net/lan_da_wang/article/details/138168864