HTML笔记4

最新推荐文章于 2024-11-06 16:04:23 发布
最新推荐文章于 2024-11-06 16:04:23 发布
阅读量126 收藏
点赞数
分类专栏： 前端 html 文章标签： html css 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_67403240/article/details/123422227
版权
前端 同时被 2 个专栏收录
33 篇文章 1 订阅
订阅专栏
html
33 篇文章 0 订阅
订阅专栏

大一小何，还在学习当中，欢迎交流指正~

要开学了，整理一下最近的笔记

目录

?内联框架

音视频

css 简介

css语法

?选择器

常用选择器

?复合选择器

关系选择器

属性选择器

伪类选择器

?元素的伪类

?伪元素选择器

结语

内联框架

内联框架：用于向当前页面中引入一个其他页面
src指定要引入的网页路径
frameborder指定内联框架的边框

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <!--
        内联框架：用于向当前页面中引入一个其他页面
        src指定要引入的网页路径
        frameborder指定内联框架的边框 
    -->
    <iframe src="http://www.JD.com" witch="800" height="600" frameborder="0"></iframe>
</body>
</html>

音视频

audio标签用来向页面中引入一个外部的音频文件
音视频文件引入后，默认情况下不允许用户自己控制播放停止

属性：
controls是否运行用户控制播放
autoplay当前文件是否自动播放
如果设置了autoplay，则音乐在打开页面时会自动播放
但是大部分浏览器不会对音乐自动播放
音乐是否循环播放

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <!--
        audio标签用来向页面中引入一个外部的音频文件
        音视频文件引入后，默认情况下不允许用户自己控制播放停止

        属性：
            controls是否运行用户控制播放
            autoplay当前文件是否自动播放
                如果设置了autoplay，则音乐在打开页面时会自动播放
                但是大部分浏览器不会对音乐自动播放
            音乐是否循环播放
    -->
    <audio src="" controls autoplay loop></audio>
    <audio controls>
        <source src="">
    </audio>
    <!--
        ie8浏览器不支持播放，用embed来改善
    -->
    <embed src="" type="">
        <!--
            使用video标签来向网页中引入一个video视频
            使用方式和video基本一样
        -->
        <video controls>
            <iframe src="" frameborder="0"></iframe>
        </video>
</body>
</html>

css 简介

第一种方式(内联样式 行内样式)
在标签内部通过style属性来设置元素的样式
使用内联样式，样式只能对一个标签生效
如果希望影响多个元素必须都复制一遍
并且当样式发生改变时，我们需要一个一个的修改，非常的不方便

开发时不要用内联样式

第二种方式
将样式编写到head中的style标签里面
可以通过css选择器来选中元素并为其设置各种样式
可以同时为多个标签设置样式，并且修改时只需修改一处即可
内部样式表更加方便对样式进行复用
问题：
我们的样式表只能对一个网页起作用
它里面的样式不能跨网页进行复用

第三种方式（外部样式表）最佳实践
可以将css样式编写到一个外部的css文件中
然后通过link标签来引入外部的css文件
外部样式表需要通过link标签进行引入
意味着只要想通过这些样式的网页都可以对其进行引用
使样式可以在不同的页面之间进行复用
将样式编写到外部的css文件中，可以使用到浏览器的缓存机制
从而加快网页的加载速度，提高用户的体验

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <!--
        第二种方式
            将样式编写到head中的style标签里面
            可以通过css选择器来选中元素并为其设置各种样式
            可以同时为多个标签设置样式，并且修改时只需修改一处即可
            内部样式表更加方便对样式进行复用
                问题：
                    我们的样式表只能对一个网页起作用
                    它里面的样式不能跨网页进行复用
    -->     
    <style>
        p{
            color: green; 
            font-size: 50px;
        }
    </style>
    <!--
        第三种方式（外部样式表）最佳实践
            可以将css样式编写到一个外部的css文件中
            然后通过link标签来引入外部的css文件
        外部样式表需要通过link标签进行引入
            意味着只要想通过这些样式的网页都可以对其进行引用
            使样式可以在不同的页面之间进行复用 
        将样式编写到外部的css文件中，可以使用到浏览器的缓存机制
            从而加快网页的加载速度，提高用户的体验
    -->
    <link rel="stylesheet" href="./style.css">
</head>
<body>
    <!--
        网页三个部分
            结构（html）
            表现（css）
            行为（Javascript）
        css
            层叠样式表
            网页实际上是一个多层结构，通过css可以分别为网页的每一层来设置样式
            总之一句话，css用来设置网页中元素的样式


    -->
    <!--
        使用css来修改元素的样式
        第一种方式(内联样式 行内样式)
            在标签内部通过style属性来设置元素的样式
                使用内联样式，样式只能对一个标签生效
                如果希望影响多个元素必须都复制一遍
                并且当样式发生改变时，我们需要一个一个的修改，非常的不方便

                开发时不要用内联样式
    -->
    <!--<p style="color: red; font-size: 60px;" >少小离家老大回,乡音无改鬓毛催</p>
    <p style="color: red; font-size: 60px;" >今天天气真不错</p>
    -->
    <p>落霞与孤鹜齐飞,秋水共长天一色</p>
</body>
</html>

css语法

css中的注释，注释中的内容会自动被浏览器所忽略

css基本语法：
选择器 声明块

选择器：通过选择器可以选中页面中的指定元素
比如p的作用就是选中页面中所有的p元素

声明块：通过声明块来指定要为元素设置的样式
声明块由一个一个的声明组成
声明是一个名值对结构
一个样式对应一个样式值，名与值之间：连接，以；结尾

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        /*
            css中的注释，注释中的内容会自动被浏览器所忽略

            css基本语法：
                选择器 声明块

                选择器：通过选择器可以选中页面中的指定元素
                比如p的作用就是选中页面中所有的p元素

                声明块：通过声明块来指定要为元素设置的样式
                    声明块由一个一个的声明组成
                    声明是一个名值对结构
                        一个样式对应一个样式值，名与值之间：连接，以；结尾
        */
        p{
            color: red;
            font-size: 40px;
        }
        h1{
            color: green;
        }
    </style>
</head>
<body>
    <p>哈哈哈哈哈哈</p>
    <h1>嘿嘿嘿嘿嘿嘿</h1>
</body>
</html>

选择器

常用选择器

元素选择器
作用：根据标签名来选中指定的元素
语法：标签名{}
例子：p{} h1{} div{}

类选择器：
根据元素的class属性值选中一组元素
语法：.class属性值

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>

    <style>
        /*
            将所有段落设置为红色（字体）

            元素选择器
                作用：根据标签名来选中指定的元素
                语法：标签名{}
                例子：p{} h1{} div{}
        
        */
       /* p{
            color: red;
        }
        h1{
            color: green;
        }
        */
        /*
            将儿童相见不相识设置为红色
            id选择器
                作用：根据元素的id属性选中一个元素
                语法：#id属性值{}
                例子：#box{} #red{}
        */
        #red{
            color: red;
        }
       /*
        类选择器：
            根据元素的class属性值选中一组元素
            语法：.class属性值
       */
       /*
       .blue{
           color: blue;
       }
       .abc{
           font-size: 20px;
       }*/
       /*
            通配选择器
            作用：选中页面中的所有元素
            语法：*
       */
       *{
           color: red;
       }
    </style>
</head>
<body>
    <h1 class="blue abc" >我是标题</h1>
    <p>少小离家老大回</p>
    <p>乡音无改鬓毛催</p>
    <p id="red">儿童相见不相识</p>
    <p>笑问客从哪里来</p>
    <!--
        class属性是一个标签属性，它和id类似，不同的是，class可以重复使用
        可以通过class属性来为class分组
    -->
    <p class="blue">落霞与孤鹜齐飞</p>
    <p class="blue">秋水共长天一色</p>

</body>
</html>

复合选择器

交集选择器
作用：选中同时复合多个条件的元素
语法：选择器1选择器2选择器3.。。
注意：交集选择器中如果有元素选择器，必须使用元素选择器开头

选择器分组：
作用：同时选择多个选择器的元素
语法：选择器1，选择器2，选择器3，选择器n{}

#b1,p1,h1,span,div.red{}

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        /*
            将class为red的元素设置为红色（字体）
        */
        .red{
            color: red;
        }
       /* 将class为red的div字体大小设置为30px*/
       /*交集选择器
        作用：选中同时复合多个条件的元素
        语法：选择器1选择器2选择器3.。。
        注意：交集选择器中如果有元素选择器，必须使用元素选择器开头
       */
       div.red{
           font-size: 30px;
       }
       .a.b.c{
           color: blue;
       }
       /*
        选择器分组：
            作用：同时选择多个选择器的元素
            语法：选择器1，选择器2，选择器3，选择器n{}

            #b1,p1,h1,span,div.red{}
       */
       h1,span{
           color: green;
       }

    </style>
</head>
<body>
    <div class="red">我是div</div>

    <p class="red">我是p标题</p>
    <div class="red2 a b c">我是div</div>
    <h1>h1</h1>
    <span>span</span>
</body>
</html>

关系选择器

父元素
直接包含子元素的的元素叫做父元素
子元素
直接被父元素包含的元素是子元素
祖先元素
直接或间接包含后代元素的元素叫做祖先元素
一个元素的父元素也是它的祖先元素
后代元素
直接或间接被祖先元素包含的元素叫做后代元素
子元素也是后代元素
兄弟元素
拥有相同父元素的元素是兄弟元素

子元素选择器
作用：选中指定元素的指定子元素
语法：父元素>子元素

后代元素选择器
作用：选中指定元素内的指定后代元素
语法：祖先 后代

选择下一个兄弟
语法：前一个 + 下一个
选择下边所有的兄弟
语法：兄 ~ 弟

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        /*
            子元素选择器
                作用：选中指定元素的指定子元素
                语法：父元素>子元素
        */
        /*div.box>span{
            color: orange;
            
        }
        */
        /*
            后代元素选择器
                作用：选中指定元素内的指定后代元素
                语法：祖先 后代

        */
       /* div span{
            color: skyblue;
        }
        */
       /* div > p > span{
            color: blueviolet;
        }
        */
        /*
        选择下一个兄弟
            语法：前一个 + 下一个
        选择下边所有的兄弟
            语法：兄 ~ 弟
        */
        
        /*p + span{
            color: red  ;
        }
        */
        p ~ span{
            color: red;
        }

    </style>
</head>
<body>
    <!--
        父元素
            直接包含子元素的的元素叫做父元素
        子元素
            直接被父元素包含的元素是子元素
        祖先元素
                直接或间接包含后代元素的元素叫做祖先元素
                一个元素的父元素也是它的祖先元素
        后代元素
                直接或间接被祖先元素包含的元素叫做后代元素
                子元素也是后代元素
        兄弟元素
                拥有相同父元素的元素是兄弟元素
    -->

    <div class="box">
        我是div
        <p>我是div中的p元素
            <span>
                    我是p元素中的span元素
            </span>
        </p>
        <div></div>
        <span>
                我是div中的span元素
        </span>
        <span>
            我是div中的span元素
    </span>
    <span>
        我是div中的span元素
</span>
        
    </div>
    <div>
        <span>
            我是div中的span元素
        </span>
    </div>
</body>
</html>

属性选择器

[属性名] 选择含有指定属性的元素
[属性名=属性值] 选择含有指定属性和属性值的元素
[属性值^=属性值] 选择属性值以指定值开头的元素
[属性值$=属性值] 选择属性值以指定元素值结尾的元素
[属性值*=属性值] 选择属性值中含有某值的元素的元素

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        /*
            [属性名] 选择含有指定属性的元素
            [属性名=属性值] 选择含有指定属性和属性值的元素
            [属性值^=属性值] 选择属性值以指定值开头的元素
            [属性值$=属性值] 选择属性值以指定元素值结尾的元素
            [属性值*=属性值] 选择属性值中含有某值的元素的元素
        */
        p[title*=abc]{
            color: rgb(231, 158, 21);
        }
    </style>
</head>
<body>
    
    <p title="abc">少小离家老大回</p>
    <p title="abcdef">乡音无改鬓毛催</p>
    <p title="helloabc">儿童相见不相识</p>
    <p>笑问客从哪里来</p>
    <p>落霞与孤鹜齐飞</p>
    <p>秋水共长天一色</p>
</body>
</html>

伪类选择器

伪类（不存在的类，特殊的类）
伪类用来描述一个元素的特殊状态
比如：第一个子元素被点击的元素。鼠标移入元素。。。
伪类一般情况下都是使用：开头
：first-child 表示第一个元素
last-child 最后一个元素
nth-child（) 选中第n个子元素
特殊值：n
n 第n个，n的范围0到正无穷
2n 或even 表示选中偶数位的元素
2n+1或odd 表示选中奇数位的元素
以上这些伪类都是根据所有的子元素进行排序

：first-of-type
:last-of-type
:nth-last-of-type(
这几个伪类的功能和上述的类似，不同点是他们是在同类型元素中进行排序

not（）否定伪类
将符合条件的元素从选择器中去除

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        /*
            将ul里的第一个li设置为红色
        */
        /*
            伪类（不存在的类，特殊的类）
                伪类用来描述一个元素的特殊状态
                    比如：第一个子元素被点击的元素。鼠标移入元素。。。
                伪类一般情况下都是使用：开头
                    ：first-child 表示第一个元素
                        last-child  最后一个元素
                        nth-child（) 选中第n个子元素
                            特殊值：n
                            n 第n个，n的范围0到正无穷
                            2n 或even 表示选中偶数位的元素
                            2n+1或odd 表示选中奇数位的元素
                        以上这些伪类都是根据所有的子元素进行排序

                        ：first-of-type
                        :last-of-type
                        :nth-last-of-type(
                            这几个伪类的功能和上述的类似，不同点是他们是在同类型元素中进行排序
                    
                            not（）否定伪类
                                将符合条件的元素从选择器中去除
                        )
        */
       /* ul>li:first-child{
            color: red;
        }
        */
        /*ul>li:last-child{
            color: red;
        }
        */
        /*ul>li:first-of-type{
            color: red;
        }*/
        ul>li:not(:nth-of-type(2)){
            color: red;
        }
        
    </style>
</head>
<body>
    <ul>
        <span>ooo</span>
        <li>第一个</li>
        <li>第二个</li>
        <li>第三个</li>
        <li>第四个</li>
        <li>第五个</li>
    </ul>
</body>
</html>

元素的伪类

:link用来表示没访问过的链接（正常的链接）

visited用来表示访问过的链接
由于隐私的原因，所以visited这个伪类只能修改链接的颜色

:hover 用来表示鼠标移入的状态

:active 用来表示鼠标点击

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        /*
            :link用来表示没访问过的链接（正常的链接）

        */
        a:link{
            color: red;
        }
        /*
            visited用来表示访问过的链接
            由于隐私的原因，所以visited这个伪类只能修改链接的颜色
        */
        a:visited{
            color: orange;
        }
        /*
            :hover 用来表示鼠标移入的状态
        */
        a:hover{
            color: aqua;
            font-size: 50px;
        }
        /*
            :active 用来表示鼠标点击
        */
        a:active{
            color: yellowgreen;
        }
    </style>
</head>
<body>
    <a href="http://www.baidu.com">访问过的链接</a>
    <br><br>
    <a href="http://www.baidu1234">没访问过的链接</a>

</body>
</html>

伪元素选择器

伪元素：表示页面中一些特殊的并不真实存在的元素（特殊的位置）
伪元素的使用：：开头
::first-letter 表示第一个字母
::first-line 表示第一行
::selection 表示选中的内容
::before 元素的开始
::after 元素的最后
before和after必须结合content属性来使用

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        p{
            font-size: 20px;
        }
        /*
            伪元素：表示页面中一些特殊的并不真实存在的元素（特殊的位置）
            伪元素的使用：：开头
                ::first-letter 表示第一个字母
                ::first-line 表示第一行
                ::selection 表示选中的内容
                ::before 元素的开始
                ::after 元素的最后
                    before和after必须结合content属性来使用
        */
        p::first-letter{
            font-size: 50px;
        }
        p::first-line{
            background-color: yellow;
        }
        p::selection{
            background-color: greenyellow;
        }
        div::before{
           content: 'abc';
           color: red;
        }
        div::after{
            content: 'hhhh';
            color: rgb(100, 19, 192);
        }

    </style>
</head>
<body>
    <div>ahxh</div>
    <p>
        Lorem ipsum dolor sit, amet consectetur adipisicing elit. Eaque, aliquid optio! Maxime doloremque dolorem qui, fugit iste earum amet natus vitae! Dolorem sapiente a quibusdam eveniet, sunt laborum harum explicabo!
    </p>
</body>
</html>

结语

冲冲冲

m0_67403240
关注
专栏目录
HTML5学习笔记
m0_61721166的博客
03-08 9064
一、网页 1.什么是网页 网站是指在因特网上根据一定的规则，使用 HTML等制作的用于展示特定内容相关的网页集合。 网页是网站中的一“页” ，通常是 HTML 格式的文件，它要通过浏览器来阅读。 网页是构成网站的基本元素，它通常由图片、链接、文字、声音、视频等元素组成。通常我们看到的网页，常见以.htm或.html 后缀结尾的文件，因此将其俗称为HTML文件。 2.什么是HTML HTML指的是超文本标记语言(HyperTextMarkupLanguage)，它是用来描述网页的一种语言。HTML不
HTML笔记（精简）
weixin_46160720的博客
03-08 1637
html 笔记 vscode 前端三大件
HTML+CSS+JS笔记
2301_79880794的博客
01-18 1845
超文本标记语言编程语言标记语言web 页面。
HTML笔记整理（个人笔记）
w3535222的博客
03-07 3856
个人笔记
网页设计html 笔记
CSDN_liudong888的博客
04-22 1426
html介绍； 定义：超文本标记语言，不是编程语言； 包含：图片，链接，视频，文档，文字，表格 功能：测试前端页面元素，做ui自动化测试需要理解元素定位； 特点：简易性，可拓展性 （3）平台无关性 （4）通用性 什么人员使用html？ （1）前端开发 javascript+html+css H5==html5 （html第5版本） 前端开发的职责：负责页面涉及，页面排版 后端开发：负责后台业务逻辑，使用编程语言，前后端需要业务对接 （2）测试人员 定位元素，实现ui自动化 5、html 查看方式
使用html记笔记,如何用前端的方式记笔记
weixin_42297705的博客
06-16 1562
直至今日才发觉记笔记的重要性，慌乱中开始选择笔记类的工具，其实之前也很用过不少记录笔记的工具或者方式，下面谈谈我的使用感受：Microsoft Office World:虽然已是业内标准，兼容性不用怀疑，但是其打开速度实在不敢恭维(虽然在我的安装了SSD的笔记本上表现尚可)。另外Office产品比较封闭，文本格式转换不方便。另外Word使用起来还得稍加练习相应使用技巧，有一定的学习成本(我是指写出...
印象笔记导入html笔记,Evernote Importer｜印象笔记导入
weixin_33978722的博客
06-17 1647
Evernote Importer｜印象笔记导入0.87MB. Updated 2020-08-01. Only supports Anki 2.1.x.DescriptionEvernote Importer 是一款将印象笔记导入自动化的 Anki 2.1 插件。用户文档和开发者文档参见本项目的 GitHub 主页。如您在使用中遇到问题或对插件功能有好的建议，欢迎通过以下两种方式之一与我联系：...
有道云笔记生成html,有道云笔记文件怎么导出 有道云笔记文件导出方法
weixin_39837607的博客
06-09 1389
有道云笔记相信大家都用过，它能很好的帮我们保存各种文档或者照片，但是我们怎么从这些在线存储类的云笔记中导出我们的想要的文字呢，下面小编就教大家怎么导出有道云笔记里面的文件1、首先我们要云笔记的登陆框，在上面输入账号和密码以后，点击登陆按钮登陆你的笔记账户。2、这便是云笔记的界面，里面的这些内容都是以前存储过的。而且在左边全部将它们进行了分类，当然是自定义的目录。3、我们选择其中的一个笔记然后保存。...
【HTML】HTML学习笔记（全）
热门推荐
Bitdancing的专栏
12-09 1万+
前端HTML学习笔记大全
印象笔记保存html,印象笔记怎么保存网页 印象笔记保存网页教程
weixin_30726605的博客
06-11 1249
印象笔记的功能非常丰富，如果你想要将网页上的信息快速保存下来，就可以用印象笔记推出的“印象笔记·剪藏”(简称“剪藏”)浏览器插件，它能够帮助你快速而轻松地将网页上的所有内容保存到印象笔记中。IE 10浏览器使用剪藏1、安装了印象笔记之后，印象笔记会自动在IE浏览器中添加相应的印象笔记剪藏工具插件(加载项)。如果你使用的是IE 10浏览器，那么在安装后可能会找不到剪藏工具的按钮，这时候你可以直接在浏...
HTML 笔记.zip
02-06
这个“HTML笔记.zip”文件显然包含了关于HTML的学习资料，可能包括了基础概念、语法、元素、属性、标签等内容，帮助初学者或进阶者巩固和理解HTML的核心知识。 在HTML中，我们通过一系列的标签来构建网页结构。例如...
使用html和css实现康奈尔笔记(5R笔记)模板
09-24
在本文中，我们将探讨如何利用HTML和CSS技术创建一个康奈尔笔记（5R笔记）模板。康奈尔笔记法是一种高效的学习和整理知识的方法，它通过将笔记分为问题、笔记和总结三个区域，帮助记忆和复习。通过自定义HTML和CSS...
HTML笔记.pdf
07-14
"HTML笔记.pdf" HTML笔记.pdf是一个详细的HTML笔记，涵盖了HTML的基础知识、标签、属性、事件、表单、超链接、图像、表格、列表等内容。下面是从文件中提取的相关知识点： 1. HTML基础知识： * DOCTYPE html是...
Web前端HTML5 CSS3初学者零基础入门全套学习笔记.zip
05-09
Web前端HTML5 CSS3初学者零基础入门全套学习笔记 Web前端HTML5 CSS3初学者零基础入门全套学习笔记 Web前端HTML5 CSS3初学者零基础入门全套学习笔记 Web前端HTML5 CSS3初学者零基础入门...
前端学习笔记网站（HTML5+CSS3+JavaScript前端网页web课程设计）.rar
04-18
前端学习笔记网站（HTML5+CSS3+JavaScript前端网页web课程设计）.rar前端学习笔记网站（HTML5+CSS3+JavaScript前端网页web课程设计）.rar前端学习笔记网站（HTML5+CSS3+JavaScript前端网页web课程设计）.rar ...
HTML 标签属性——＜a＞、＜img＞、＜form＞、＜input＞、＜table＞ 标签属性详解
Allen-
11-02 738
HTML元素除了可以使用全局属性外，还有许多特定于某些元素的属性。这些特定属性能够极大地增强元素的功能性和用户体验。
DevExpress中文教程 - 如何使用AI模型检查HTML编辑中的语法？
需要界面开发、IDE工具研发中文教程资料的小伙伴，记得私信我~
11-04 698
本文将主要展示如何将AI相关功能添加到HTML编辑控件并调整其UI获得最佳用户体验，欢迎下载最新版组件体验！
html第一个网页
最新发布
Qhumaing的博客
11-06 619
创建你的第一个HTML网页是一个激动人心的步骤。
HTML 表单设计与验证
jht_520的博客
11-02 203
在提交表单时，使用 JavaScript 进行了三个验证检查：确保名称字段不为空、电子邮件字段不为空，并且密码字段长度至少为 8 个字符。如果任何一个验证条件失败，表单将不会提交，并显示相应的错误消息。在验证逻辑中，你可以使用各种条件语句和正则表达式来检查用户输入。例如，你可以使用正则表达式验证电子邮件格式，使用条件语句验证密码的长度等。如果验证成功，你可以允许表单提交到指定的目标 URL。属性，用于指定输入框的类型，例如文本框、密码框、电子邮件输入框等。属性，用于指定选项的值，还有一个可选的。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值