HTML5学习笔记

最新推荐文章于 2022-02-26 20:51:42 发布
最新推荐文章于 2022-02-26 20:51:42 发布
阅读量126 收藏
点赞数
分类专栏： 前端知识积累 文章标签： html5 html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/baidu_33643757/article/details/120850382
版权

HTML (Hyper Text Mackup Language，超文本标记语言)

超文本包括文字、图片、音频、视频等。

在这里插入图片描述

W3C标准

在这里插入图片描述

HTML基本结构

在这里插入图片描述

<!-- <!DOCTYPE 告诉浏览器，这个文本要使用什么标准> -->
<!--  写DOCTYPE也可以，浏览器默认使用HTML标准 -->
<!DOCTYPE html>
<html lang="en">
<!-- 网页头部 -->
<head>
    <!-- <meta> -- 用于描述网站信息 -->
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- 可以用于SEO -->
    <meta name="keywords" content="haha">
    <meta name="description" content="hoho">
    <title>Document</title>
</head>
<!-- 网页主体 -->
<body>
    
</body>
</html>

网页基本标签

标题标签

<h1>一级标签</h1>
<h2>二级标签</h2>
<h3>三级标签</h3>
<h4>四级标签</h4>
<h5>五级标签</h5>
<h6>六级标签</h6>

段落标签

<p>在该标签中段文字都属于这一自然段</p>

换行标签

<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>网页基本标签</title>
</head>
<body>
    在该标签中段文字都属于这一自然段<br/>
</body>
</html>

水平线标签

<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>网页基本标签</title>
</head>
<body>
    <hr/>
</body>
</html>

字体样式标签

<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>网页基本标签</title>
</head>
<body>
    <p><strong>粗体</strong></p>
    <p><em>斜体</em></p>
    <p><i>Italy</i></p>
</body>
</html>

注释和特殊符号

<!-- 注释 -->
&nbsp;  空格

更多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>超链接标签及应用</title>
</head>
<body>
    <!-- 在新页面打开链接 -->
    <a href="https://www.jiumodiary.com" target="_blank">Text</a>  
    <!-- 在本页打开链接 -->
    <a href="https://www.jiumodiary.com" target="_self">Text</a>

    <a href="https://www.jiumodiary.com" target="_blank">
        <img src="https://www2.jiumodiary.com/images/front/eleps.png" alt="缺省文字" title="悬停文字">
    </a>
</body>
</html>

锚链接

<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>超链接标签及应用</title>
</head>
<body>
    <!-- 以id为锚点标记 -->
    <p> <a href="https://www.jiumodiary.com" target="_blank" id="top">Text</a>  </p>
    <p> <a href="https://www.jiumodiary.com" target="_self">Text</a> </p>
    <p>
        <a href="https://www.jiumodiary.com" target="_blank">
            <img src="https://www2.jiumodiary.com/images/front/eleps.png" alt="缺省文字" title="悬停文字">
        </a>
    </p>
    <p>
        <a href="https://www.jiumodiary.com" target="_blank">
            <img src="https://www2.jiumodiary.com/images/front/eleps.png" alt="缺省文字" title="悬停文字">
        </a>
    </p>
    <p>
        <a href="https://www.jiumodiary.com" target="_blank">
            <img src="https://www2.jiumodiary.com/images/front/eleps.png" alt="缺省文字" title="悬停文字">
        </a>
    </p>
    <p>
        <a href="https://www.jiumodiary.com" target="_blank">
            <img src="https://www2.jiumodiary.com/images/front/eleps.png" alt="缺省文字" title="悬停文字">
        </a>
    </p>
    <p>
        <a href="https://www.jiumodiary.com" target="_blank">
            <img src="https://www2.jiumodiary.com/images/front/eleps.png" alt="缺省文字" title="悬停文字">
        </a>
    </p>
    <p>
        <a href="https://www.jiumodiary.com" target="_blank">
            <img src="https://www2.jiumodiary.com/images/front/eleps.png" alt="缺省文字" title="悬停文字">
        </a>
    </p>
    <p>
        <a href="https://www.jiumodiary.com" target="_blank">
            <img src="https://www2.jiumodiary.com/images/front/eleps.png" alt="缺省文字" title="悬停文字">
        </a>
    </p>
    
    <p> <a href="#top">回到顶部</a> </p>

		<!-- 还可以实现任意页面任意锚点跳转 -->
    <p> <a href="https://www.jiumodiary.com/#top"></a> </p>
</body>
</html>

功能性链接

<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <p>
        <a href="mailto:123@163.com"></a>
    </p>
</body>
</html>

块内元素和行内元素

在这里插入图片描述

列表标签

无序列表

<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <!-- unordered list -->
    <ul>
        <li>HTML5</li>
        <li>CSS3</li>
        <li>JavaScript</li>
    </ul>
</body>
</html>

有序列表

<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <!-- ordered list -->
    <ol>
        <li>C++</li>
        <li>Golang</li>
        <li>Python</li>
    </ol>
</body>
</html>

自定义列表

<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <!-- Defined List -->
    <dl>
        <!-- Defined Title -->
        <dt>Descipline</dt>
        <!-- Defined item -->
        <dd>Math</dd>
        <dd>English</dd>
        <dd>Chinese</dd>

        <dt>Week</dt>
        <dd>Monday</dd>
        <dd>Tuesday</dd>
    </dl>
</body>
</html>

表格标签

为什么要使用表格?

  • 简单通用
  • 结构稳定

基本结构：

  • 行
  • 列
  • 单元格
  • 跨行
  • 跨列
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <table border="1px">
        <!-- th: table header -->
        <th colspan="2px">A</th><th>B</th><th>C</th>
        <!-- tr: table row -->
        <tr>
            <!-- td: table data -->
            <td colspan="2px">1-1</td><td>1-2</td><td>1-3</td>
            <td>2-1</td><td>2-2</td><td>2-3</td>
        </tr>
        <tr>
            <!-- td: table data -->
            <td rowspan="2px">1-1</td><td>1-2</td><td>1-3</td>
            <td>2-1</td><td>2-2</td><td>2-3</td>
        </tr>
    </table>
</body>
</html>

媒体元素

Video

<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <video src="a.mp4" controls="controls" autoplay="autoplay"></video>
</body>
</html>

Audio

<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 src="a.mp3" controls="controls" autoplay="autoplay"></audio>
</body>
</html>

页面结构分析

在这里插入图片描述

<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <header>
        <h2>Header</h2>
    </header>

    <nav>
        <h4>Navigation</h4>
    </nav>

    <section>
        <h1>Section1</h1>
    </section>

    <article>
        <h3>Article</h3>
    </article>

    <aside>
        <h3>Aside</h3>
    </aside>

    <footer>
        <h5>Footer</h5>
    </footer>
</body>
</html>

iframe内联框架

在这里插入图片描述

在一个网页内嵌套另一些网页

<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <iframe name="jiumodiary" src="https://www.jiumodiary.com" frameborder="0" width="500px" height="500px">jiumodiary</iframe>

    <a href="https://www.bing.com" target="jiumodiary">在指定iframe中打开网页</a>
</body>
</html>

初识表单post和get提交

在这里插入图片描述

<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <!-- <form action="url" method="POST | GET"> -->
    <!-- Get：可以直接在submit的url里看到提交到数据，不安全，但是高效 -->
    <!-- POST：在url里看不到提交到数据，但是也可以在inspect element里看到，可以后期加密 -->
    <form action="https://www.jiumodiary.com" method="POST">
        <p> UserName: <input type="text" name="username"> </p>
        <p> Password: <input type="password" name="password"> </p>
        <p> 
            <input type="submit"> 
            <input type="reset">
        </p>
    </form>
</body>
</html>

文本框和单选框

在这里插入图片描述

<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <!-- <form action="url" method="POST | GET"> -->
    <!-- Get：可以直接在submit的url里看到提交到数据，不安全，但是高效 -->
    <!-- POST：在url里看不到提交到数据，但是也可以在inspect element里看到，可以后期加密 -->
    <form action="https://www.jiumodiary.com" method="GET">
        <p> UserName: <input type="text" name="username"> </p>
        <p> Password: <input type="password" name="password"> </p>
        <p> Gender: 
            Boy<input type="radio" value="boy" name="gender">
            Girl<input type="radio" value="girl" name="gender"> 
        </p>
        <p> 
            <input type="submit"> 
            <input type="reset">
        </p>
    </form>
</body>
</html>

按钮和多选框

<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <!-- <form action="url" method="POST | GET"> -->
    <!-- Get：可以直接在submit的url里看到提交到数据，不安全，但是高效 -->
    <!-- POST：在url里看不到提交到数据，但是也可以在inspect element里看到，可以后期加密 -->
    <form action="https://www.jiumodiary.com" method="GET">
        <p> UserName: <input type="text" name="username"> </p>
        <p> Password: <input type="password" name="password"> </p>
        <p> Gender: 
            Boy<input type="radio" value="boy" name="gender">
            Girl<input type="radio" value="girl" name="gender"> 
        </p>
        <p> Hobby:
            A<input type="checkbox" name="hobby" value="A">
            B<input type="checkbox" name="hobby" value="B">
            C<input type="checkbox" name="hobby" value="C">
        </p>
        <p>
            <input type="button" name="click" value="点击变长">
            <!-- 图片按钮 -->
            <input type="image" src="https://www2.jiumodiary.com/images/front/eleps.png">
        </p>
        <p> 
            <input type="submit"> 
            <input type="reset">
        </p>
    </form>
</body>
</html>

列表框、文本域和文件域

列表框、文本域和文件域

<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <!-- <form action="url" method="POST | GET"> -->
    <!-- Get：可以直接在submit的url里看到提交到数据，不安全，但是高效 -->
    <!-- POST：在url里看不到提交到数据，但是也可以在inspect element里看到，可以后期加密 -->
    <form action="https://www.jiumodiary.com" method="GET">
        <p> UserName: <input type="text" name="username"> </p>
        <p> Password: <input type="password" name="password"> </p>
        <p> Gender: 
            Boy<input type="radio" value="boy" name="gender">
            Girl<input type="radio" value="girl" name="gender"> 
        </p>
        <p> 下拉框：
            <select name="options">
                <option value="1">1</option>
                <option value="2" selected>2</option>
                <option value="3">3</option>
            </select>
        </p>
        <p> 
            <input type="submit"> 
            <input type="reset">
        </p>
    </form>
</body>
</html>

文本域 Textarea

<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <!-- <form action="url" method="POST | GET"> -->
    <!-- Get：可以直接在submit的url里看到提交到数据，不安全，但是高效 -->
    <!-- POST：在url里看不到提交到数据，但是也可以在inspect element里看到，可以后期加密 -->
    <form action="https://www.jiumodiary.com" method="GET">
        <p> UserName: <input type="text" name="username"> </p>
        <p> Password: <input type="password" name="password"> </p>
        <p> Gender: 
            Boy<input type="radio" value="boy" name="gender">
            Girl<input type="radio" value="girl" name="gender"> 
        </p>
        <p> 下拉框：
            <select name="options">
                <option value="1">1</option>
                <option value="2" selected>2</option>
                <option value="3">3</option>
            </select>
        </p>
        <p> 
            <input type="submit"> 
            <input type="reset">
        </p>
    </form>
</body>
</html>

搜索框滑块和简单验证

自带简单验证的组件

<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <!-- <form action="url" method="POST | GET"> -->
    <!-- Get：可以直接在submit的url里看到提交到数据，不安全，但是高效 -->
    <!-- POST：在url里看不到提交到数据，但是也可以在inspect element里看到，可以后期加密 -->
    <form action="https://www.jiumodiary.com" method="GET">
        <p> UserName: <input type="text" name="username"> </p>
        <p> Password: <input type="password" name="password"> </p>
        <p> Gender: 
            Boy<input type="radio" value="boy" name="gender">
            Girl<input type="radio" value="girl" name="gender"> 
        </p>
        <p> Email checking: 
            <input type="email" name="email">
        </p>
        <p> URL checking: 
            <input type="url" name="url">
        </p>
        <p> Number checking: 
            <input type="number" name="number" max="100" min="0" step="10">
        </p>
        <p> 
            <input type="submit"> 
            <input type="reset">
        </p>
    </form>
</body>
</html>

滑块

<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <!-- <form action="url" method="POST | GET"> -->
    <!-- Get：可以直接在submit的url里看到提交到数据，不安全，但是高效 -->
    <!-- POST：在url里看不到提交到数据，但是也可以在inspect element里看到，可以后期加密 -->
    <form action="https://www.jiumodiary.com" method="GET">
        <p> UserName: <input type="text" name="username"> </p>
        <p> Password: <input type="password" name="password"> </p>
        <p> Gender: 
            Boy<input type="radio" value="boy" name="gender">
            Girl<input type="radio" value="girl" name="gender"> 
        </p>
        <p> 滑块
            <input type="range" name="range" max="100" min="0">
        </p>
        <p> 
            <input type="submit"> 
            <input type="reset">
        </p>
    </form>
</body>
</html>

搜索框

<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <!-- <form action="url" method="POST | GET"> -->
    <!-- Get：可以直接在submit的url里看到提交到数据，不安全，但是高效 -->
    <!-- POST：在url里看不到提交到数据，但是也可以在inspect element里看到，可以后期加密 -->
    <form action="https://www.jiumodiary.com" method="GET">
        <p> UserName: <input type="text" name="username"> </p>
        <p> Password: <input type="password" name="password"> </p>
        <p> Gender: 
            Boy<input type="radio" value="boy" name="gender">
            Girl<input type="radio" value="girl" name="gender"> 
        </p>
        <p> 搜索框
            <input type="search" name="search">
        </p>
        <p> 
            <input type="submit"> 
            <input type="reset">
        </p>
    </form>
</body>
</html>

表单的应用

  • 隐藏域
  • 只读
  • 禁用
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <!-- <form action="url" method="POST | GET"> -->
    <!-- Get：可以直接在submit的url里看到提交到数据，不安全，但是高效 -->
    <!-- POST：在url里看不到提交到数据，但是也可以在inspect element里看到，可以后期加密 -->
    <form action="https://www.jiumodiary.com" method="GET">
        <p> UserName: <input type="text" name="username" readonly> </p>
        <p> Password: <input type="password" name="password" hidden> </p>
        <p> Gender: 
            Boy<input type="radio" value="boy" name="gender" disabled>
            Girl<input type="radio" value="girl" name="gender"> 
        </p>
        <p> 
            <input type="submit"> 
            <input type="reset">
        </p>
    </form>
</body>
</html>

Label

<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <!-- <form action="url" method="POST | GET"> -->
    <!-- Get：可以直接在submit的url里看到提交到数据，不安全，但是高效 -->
    <!-- POST：在url里看不到提交到数据，但是也可以在inspect element里看到，可以后期加密 -->
    <form action="https://www.jiumodiary.com" method="GET">
        <p> UserName: <input type="text" name="username"> </p>
        <p> Password: <input type="password" name="password"> </p>
        <p> Gender: 
            Boy<input type="radio" value="boy" name="gender">
            Girl<input type="radio" value="girl" name="gender"> 
        </p>
        <p>
            <!-- 使用label可以增加鼠标的可用性，点文字如同点text框，即label所绑定的组件 -->
            <label for="text">Text</label>
            <input type="text" id="text">
        </p>
        <p> 
            <input type="submit"> 
            <input type="reset">
        </p>
    </form>
</body>
</html>

表单的初级验证

  • placeholder
  • required
  • pattern正则表达式
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <!-- <form action="url" method="POST | GET"> -->
    <!-- Get：可以直接在submit的url里看到提交到数据，不安全，但是高效 -->
    <!-- POST：在url里看不到提交到数据，但是也可以在inspect element里看到，可以后期加密 -->
    <form action="https://www.jiumodiary.com" method="GET">
        <p> UserName: <input type="text" name="username" placeholder="Please input user name"> </p>
        <p> Password: <input type="password" name="password" required> </p>
        <p> Gender: 
            Boy<input type="radio" value="boy" name="gender">
            Girl<input type="radio" value="girl" name="gender"> 
        </p>
        <p>
            <!-- 使用label可以增加鼠标的可用性，点文字如同点text框，即label所绑定的组件 -->
            <label for="text">Text</label>
            <input type="text" id="text" placeholder="Regex text checking" pattern="^\d">
        </p>
        <p> 
            <input type="submit"> 
            <input type="reset">
        </p>
    </form>
</body>
</html>
PaddyH
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
前端学习——样式绑定，外部样式表Class与内联样式Style
Wby_Nju的博客
02-07 999
文章目录一 样式表，绑定HTML Class1.1 v-bind和CSS复习1.2 简单绑定多个样式1.3 逐一判断样式-单个样式1.4 逐一判断样式-多个样式1.5 数组语法（有误）二 内联样式2.1 使用方式三 总结3.1 不使用vue，样式表a 单个属性b 多个属性3.2 不使用vue，内联样式a 单个属性b 多个属性3.3 使用vue，非逐个判断a 单个属性b 多个属性3.4 使用vue ...
html5+css3学习（二）之CSS选择器
qq_34942428的博客
03-04 186
html5+css3学习（二）之CSS选择器 样式 内联样式：将样式直接编写到标签中的style属性中，只对当前元素起作用，不方便复用 内部样式：只对当前样式表起作用 在head标签中定义style <style type="text/css"> 选择器 { 样式 } </style> 外联样式：根据选择器来给元素来设置样式，可以复用 <link rel="stylesheet" type="text/css" href="css路径"/> 块
HTML5_CSS入门（内部样式、外部样式、内联样式、选择器）
热门推荐
itszt888的博客
08-06 2万+
1、内部样式、外部样式、内联样式 内联方式：样式定义在单个的HTML元素中 CSS语法：只需要将分号隔开的一个或多个属性/值对作为元素的style属性和值； 属性和属性值之间用：链接； 多对属性之间用；分号隔开 内部样式表：样式定义在HTML页的头元素中 样式表规则位于文档头中的<style>元素内：在文档的<head>元素内添加<style>元素 在<style>
web前端学习（五）——HTML5中设置简单的CSS样式（选择器、内联样式、内部样式表及外部样式表）
★★光亭★★
12-22 1万+
web前端学习（五）——HTML5中设置简单的CSS样式（选择器、内联样式、内部样式表及外部样式表）
HTML5
HeWar_的博客
08-30 172
搜索引擎 搜索引擎指⾃动从因特⽹搜集信息，经过⼀定整理以后，提供给⽤户进⾏查询的系统。常⻅的搜索引擎有：⾕歌、百度、搜狗、必应、360 等。 HTML含义 超文本标记语言 HTML是构建页面的标记，用于承载网站的内容 HTML的标签和纯文本按规则的组成 成为一个网页 html、css、js三者的关系 网页前台分为三个层次：内容层，样式层，行...
html5学习笔记
01-17
HTML5学习笔记 HTML5是一种新型的网页标记语言，它提供了许多新的特性和元素，旨在提高网页的可用性、可读性和可访问性。本笔记将对HTML5的基本结构、标记、语义元素、表单、媒体元素和Canvas API进行详细的介绍。 ...
HTML5学习笔记.docx
最新发布
05-06
本笔记主要聚焦于HTML5的一些基本元素和特性，以及CSS中的常见样式规则和技巧，旨在帮助中低级开发者提升技能。 首先，HTML5是超文本标记语言的最新版本，它引入了许多新的语义化标签，如、、等，这些标签使得网页...
个人做的HTML5学习笔记
12-13
从名称来看，HTML5是HTML最新的修订版本，2014年10月由万维网联盟(W3C)完成标准制定。由此可见，HTML5继承了HTML的部分特征，又添加了许多新的语法特征，比如语义特性、本地存储特性、设备兼容特性、连接特性、网页...
web前端HTML5学习笔记
09-07
前端笔记HTML5部分
HTML 5 学习笔记
08-16
个人通过学习HTML 5 总结下来的笔记，只适合入入门。深入某一下技术，比如canvas、websocket等，建议查看协议，并多练习。
HTML5学习笔记之html5与传统html区别
12-14
HTML5语法的改变 该知识点所说变化指的是基于HTML4基础上所定义的改变，主要有如下： 1.HTML5的文件扩展符(.html或.htm)与内容类型(text/html)保持不变。 2.HTML5中，刻意不使用版本声明，一份文档将会适用于所有...
HTML5学习笔记之History API
09-28
系列文章主要是学习Html5相关的知识点，以学习API知识点为入口，由浅入深的引入实例，让大家一步一步的体会"h5"能够做什么，以及在实际项目中如何去合理的运用达到使用自如，完美驾驭O(∩_∩)O~，
html和css学习课件（新版）
sonicbin的博客
02-26 1799
第一章：初识HTML 本章目标： 理解HTML 掌握HTML标签的应用 掌握超链接的应用 什么是HTML HTML是用来制作网页的标记语言 HTML是HyperText Markup Language的英文缩写,即超文本标记语言 HTML不是一种编程语言，而是一种标记语言 [标记语言是一套标记标签 (markup tag)] ，描述网页的语言 HTML使用标签描述网页中图片、文本、音乐、视频、超链接 在HTML中，虽然有文本，但是这些文本需要使用html语言中的标记来标识。 当被HTML中的标记标识之
html5--css
张默的博客
12-05 266
css样式： 1、内联样式：只针对当前标签。语法：<p style="属性：属性值"></p> 2、内部样式：只针对当前页面。语法：在head元素内部 <style> p{属性：属性值}</style> 3、外部样式：共享的css文件，需要引用一个外部css文件。在head内引入外部css文件 <link rel='stylesheet'...
【尚硅谷】Web前端零基础入门HTML5+CSS3基础教程
chen_nnn的博客
02-17 1325
笔者在哔哩哔哩弹幕网学习前端器件内所做的学习笔记，分享出来供大家参考。
HTML 样式
Ybianyi的博客
04-19 1421
HTML 样式 style 属性的作用：提供了一种改变所有 HTML 元素的样式的通用方法。 在 HTML 4 中，有若干的标签和属性是被废弃的。例如：center、font 和 basefont、s 和 strike标签，align、bgcolor、color属性。以上这些标签和属性将使用样式代替！ 样式实例 - 背景颜色 style 属性淘汰了旧的属性。 background-color 属性...
web前端基础.pdf
07-12
包含了较为完整的HTML(5)+CSS（3）+JS的学习笔记，里面有不同颜色笔标为注意点等。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

PaddyH

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值