B站动力节点HTML随课笔记(持续更新)

32 篇文章 0 订阅

网页的主体内容

------------------------------------------------

基本标签

Html基本标签

1

2

3

4
5
6

hello
world




 for(int i=0;i<10;i++){

System.out.println("i=" +i)

}

删除字

插入字

粗体字

斜体字

102

10m

字体标签

------------------------------------------------

实体符号

实体符号

bc 符号冲突

bc

abc def

abc def

------------------------------------------------

HTML的表格

表格









员工信息列表


a b c d e f x y z

------------------------------------------------

表格单元格合并

表格单元格合并
1 2 3 a b cf de

------------------------------------------------

#th标签

表格单元格合并,以及th标签
员工编号 员工薪资 部门名称 1 2 3 a b cf de

------------------------------------------------

HTML的表格-thead tbody tfoot

thead tbody tfoot 在table中不是必须的,只是这样做便于后期js代码的编写
员工编号 员工薪资 部门名称 1 2 3 a b cf de 1 2 3

---------------------------------------------

背景颜色和背景图片

背景颜色和背景图片

-----------------------------------------------

图片img

图片img

1.设置图片宽度和高度的时候,只设置宽度,高度会进行等比例缩放

2.img标签就是图片标签

3.src属性是图片的路径

4.width设置宽度 height设置高度

5.title 设置鼠标悬停时显示的信息

6.alt设置图片加载失败时显示的提示信息




------------------------------------------------

超链接 热链接

超链接 热链接

百度

百度新闻

京东

天猫



------------------------------------------------

超链接 热链接

百度

百度新闻

京东

天猫



------------------------------------------------

超链接 热链接

百度

百度新闻

京东

天猫



    • 水果
      1. 苹果
      2. 西瓜
      3. 桃子
      4. 蔬菜
        1. 西红柿
        2. 甜点
          • 中国
            • 北京
              • 东城区
              • 西城区
              • 海淀区
              • 朝阳区
              • 天津
              • 上海
              • 美国
              • 日本
              • ------------------------------------------------

                表达form



                用户名

                密码

                用户名 密码

                ------------------------------------------------

                用户注册的表单

                用户注册的表单

                用户名


                密码


                确认密码


                性别

                兴趣爱好

                抽烟

                喝酒

                烫头


                学历

                高中 大专 本科 硕士

                简介

                ------------------------------------------------

                下拉列表支持多选

                下拉列表支持多选 河北 河南 山东 山西

                -------------------------------------------------

                file控件

                用户代码

                ------------------------------------------------

                readonly和disabled

                readonly disabled

                readonly和disabled相同点:都是只读不能修改。

                但是readonly可以提交给服务器,disabled数据不会提交(即使有name属性也不会提交)

                用户代码


                用户姓名


                ------------------------------------------------

                input控件 maxlength

                Document

                ------------------------------------------------

                HTML中元素的id属性

                3.id有什么用?

                javascript语言:可以对HTML文档当中的任意节点进行增删改操作

                增删改之前需要先拿到这个节点,通常我们通过id来拿节点对象

                id的存在让我们获取元素(节点)更方便

                HTML文档是一棵树,树上有很多节点,每一个节点都有惟一的id

                javascript主要就是对这棵DOM树上的节点进行增删改的 DOM(document)树

                HTML中元素的id属性

                ------------------------------------------------

                div和span
                我是一个div
                我是一个div

                我是一个span标签

                我是一个span标签

                test
              • 0
                点赞
              • 0
                收藏
                觉得还不错? 一键收藏
              • 0
                评论
              评论
              添加红包

              请填写红包祝福语或标题

              红包个数最小为10个

              红包金额最低5元

              当前余额3.43前往充值 >
              需支付:10.00
              成就一亿技术人!
              领取后你会自动成为博主和红包主的粉丝 规则
              hope_wisdom
              发出的红包
              实付
              使用余额支付
              点击重新获取
              扫码支付
              钱包余额 0

              抵扣说明:

              1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
              2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

              余额充值