• HTML (总结黑马的)



    换行


    水平线
    div  独占一行
    span 不换行
    header  网页头部
    nav     网页导航
    footer  网页底部
    aside   网页侧边栏
    section 网页区块
    article 网页文章
       空格
    <    小于号
    >    大于号

    图片:
    替换文本            替换文本是图片没有显示的时候显示对应的文字;提示文本是鼠标悬停上面的时候显示的文字


    超链接
    跳转到百度
    href  超链接的跳转地址
          #  开发初期不确定跳转地址,#表示空链接,页面不会跳转,在当前页面刷新一次
    target="_blank" 实现在新窗口打开页面


    音频:
     支持这三种格式:MP3、ogg、wav
        controls  显示音频播放面板
        loop      循环播放
        autoplay  自动播放(为提升用户体验,浏览器一般会禁用自动播放功能)


    视频:
      支持格式:MP4、Ogg、WebM
        controls  显示音频播放面板
        loop      循环播放
        muted       静音播放
        autoplay  自动播放(为提升用户体验,浏览器支持在静音状态下自动播放)


    列表:(有三种)
    无序列表:                ul 申明是无序列表  li:写列表条目 (最总效果类似于微博热搜的展示)


    • 第一项

    • 第二项

    • 第三项
    • ……

    有序列表:                标签:ol 嵌套 li,ol 是有序列表,li 是列表条目。  类似于word的缩进

    1. 第一项

    2. 第二项

    3. 第三项
    4. ……

    定义列表:                标签:dl 嵌套 dt 和 dd,dl 是定义列表,dt 是定义列表的标题,dd 是定义列表的描述 / 详情    类似于苹果官网最下面的那个效果

    列表标题

    列表描述 / 详情
    ……


    表格:            标签:table 嵌套 tr,tr 嵌套 td / th
        table   表格
        tr         行
        th        表头单元格
        td        内容单元格
        提示:在网页中,表格默认没有边框线,使用 border 属性可以为表格添加边框线。

        表格结构标签:
        thead  表头内部  表格头部内容
        tbody  表头主体    主要内容区域
        tfood  表格底部  汇总信息区域

        合并单元格:
        rowspan  跨行合并 保留最上面的单元格
        colspan  跨列合并 保留最做的单元格 


    表单:


        placeHoder 占位文本

        text 文本框,用于输入单行文本
        password  密码框
        radio  单选框
            name  控件名称  (控件分组,同组中只能选中一个(单选功能))
            checked  默认选中  属性名和属性值相同时,简写为一个单词
        checkbox  多选框
            checked  默认选中
        file    上传文件
            multiple  上传文件时实现多选
           默认情况下,文件上传表单控件只能上传一个文件,添加 multiple 属性可以实现文件多选功能。


    下拉菜单:       标签:select 嵌套 option,select 是下拉菜单整体,option是下拉菜单的每一项。   默认显示第一项,selected 属性实现默认选中功能


    文本域:

    • 实际开发中,使用 CSS 设置 文本域的尺寸
    • 实际开发中,一般禁用右下角的拖拽功能


    lable标签:
    写法一:


    写法二:


    按钮:

        submit  提交按钮,点击之后提交数据到后台
        reset   重置按钮,点击后表单控件恢复默认值
        button  普通按钮,默认没有功能,一般配合JS使用


    拓展:属性名和属性值相同时,可以简写为一个单词

  • 相关阅读:
    SpringBoot实现AOP详解
    Elasticsearch07:ES中文分词插件(es-ik)安装部署
    JS 浏览器对象模型BOM与文档对象模型DOM
    算法通关村-----原来贪心如此简单
    oppo后端16连问
    深度学习开发环境及编程基础
    Java Enumeration 接口
    JWT靶场通关(3关)
    buuctf re刷题1
    Library ‘iconv2.4.0‘ not found 问题及解决方法
  • 原文地址:https://blog.csdn.net/SKL4399/article/details/139375441