22、HTML5

最新推荐文章于 2024-02-15 09:15:57 发布
最新推荐文章于 2024-02-15 09:15:57 发布
阅读量1.3k 收藏 1
点赞数
分类专栏： # Java前端 JavaWeb
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/coder_lcw/article/details/114372606
版权

一、什么是HTML

  • HTML: Hyper Text Markup Language（超文本标记语言）
  • 超文本包括：文字、图片、音频、视频、动画等

1.1、HTML发展史

1.2、HTML的优势

  • 世界知名浏览器厂商对HTML5的支持：微软、Google、苹果、Opera、Mozilla。
  • 市场的需求
  • 跨平台

1.3、W3C标准

  • W3C
    • World Wide Web Consortium (万维网联盟)
    • 成立于1994年，Web技术领域最权威和具影响力的国际中立性技术标准机构
    • http://www.w3.org/
    • http://www.chinaw3c.org/
  • W3C标准包括
    • 结构化标准语言(HTML、XML)
    • 表现标准语言(CSS)
    • 行为标准(DOM、ECMAScript )

1.4、HTML基本结构

  • <body>、</body>等成对的标签，分别叫开放标签和闭合标签单独呈现的标签(空元素)，如<hr/>；意为用/来关闭空元素。

1.5、网页基本信息

  • DOCTYPE声明
  • <title>标签
  • <meta>标签
  • 注释：<!-- xxx -->
<!-- DOCTYPE: 告诉浏览器，我们要使用什么规范 -->
<!DOCTYPE html>

<html lang="en">

<!-- head标签代表网页头部 -->
<head>
    <!-- meta描述性标签，用来描述网页的一些信息 -->
    <!-- meta一般用来做SEO -->
    <meta charset="UTF-8">
    <meta name="keywords" content="cwlin">
    <meta name="description" content="来这里可以学Java">

    <!-- title标签代表网页标题 -->
    <title>我的第一个网页</title>
</head>

<!-- body标签代表网页主题 -->
<body>
Hello, world!
</body>
</html>

二、HTML标签与结构

2.1、网页基本标签

  • 标题标签
  • 段落标签
  • 换行标签
  • 水平线标签
  • 字体样式标签
  • 注释和特殊符号
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>基本标签学习</title>
</head>
<body>
<!--标题标签-->
<h1>一级标签</h1>
<h2>二级标签</h2>
<h3>三级标签</h3>
<h4>四级标签</h4>
<h5>五级标签</h5>
<h6>六级标签</h6>

<!--段落标签-->
<p>孤单听雨的猫</p>
<p>往时间裂缝里看到了我</p>
<p>雷电交加之外的另一些我</p>
<p>乌云静止以后 跳进平行时空</p>
<p>那些我 旅行中的你我</p>
<p>回忆胡乱穿梭 坠落</p>
<p>交换余生 是我 非我 苦与乐</p>
<p>阴天之后总有续命的晴空</p>
<p>如果我们几经转折 结局一样不动</p>
<p>也才算无愧这分合</p>

<p>定位心海的锚</p>
<p>让时间停顿的像慢动作</p>
<p>你说命运很坏吧幸好有我</p>
<p>如果没有以后 如果平行失控</p>
<p>那些我 不同人生的我</p>
<p>会以什么方式 哭过</p>
<p>交换余生 是我 非我 苦与乐</p>
<p>阴天之后总有续命的晴空</p>
<p>如果我们几经转折 结局一样不动</p>
<p>也才算无愧这分合</p>

<p>云等风 人等梦 爱辗过时光等什么</p>
<p>记不住 认不出 泪眼中谁一样脸红</p>
<p>等你说 等我说 一等就是一个宇宙</p>
<p>日升换月落 真爱换寂寞</p>
<p>交换余生 也许 忘了 第几梦</p>
<p>那时我们身处第几号时空</p>
<p>因为我们手心紧握 记忆也能紧扣</p>
<p>可不怕前方的虫洞</p>
<p>爱是时间的古董</p>


<!--水平线标签(了解)-->
<hr/>

<!--换行标签-->
定位心海的锚<br/>
让时间停顿的像慢动作<br/>
你说命运很坏吧幸好有我<br/>
如果没有以后 如果平行失控<br/>
那些我 不同人生的我<br/>
会以什么方式 哭过<br/>
交换余生 是我 非我 苦与乐<br/>
阴天之后总有续命的晴空<br/>
如果我们几经转折 结局一样不动<br/>
也才算无愧这分合<br/>
云等风 人等梦 爱辗过时光等什么<br/>
记不住 认不出 泪眼中谁一样脸红<br/>
等你说 等我说 一等就是一个宇宙<br/>
日升换月落 真爱换寂寞<br/>
交换余生 也许 忘了 第几梦<br/>
那时我们身处第几号时空<br/>
因为我们手心紧握 记忆也能紧扣<br/>
可不怕前方的虫洞<br/>
爱是时间的古董<br/>

<!--粗体/斜体标签-->
<h1>字体样式标签</h1>
粗体: <strong>with zcn</strong>
斜体: <em>with zcn</em>
<br/>

<!--特殊符号-->
空          格
空&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;格
<br/>
大于: &gt;
<br/>
小于: &lt;
<br/>
&copy;版权所有cwlin

</body>
</html>

2.2、图像标签

  • 图片格式：jpg、png、gif、bmp…

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>图像标签学习</title>
</head>
<body>

<!--img标签
src: 图片路径：相对路径、绝对路径
     ../  --上一级目录
alt: 图片名称(必填)
-->
<img src="../resources/image/qq头像.jpg" alt="cwlin的头像" title="悬停文字" width="640" height="640">

<!--用于后续链接标签学习使用-->
<a href="4、链接标签.html#down">跳转</a>

</body>
</html>

2.3、链接标签(重点)

  • 文本超链接、图像超链接

  • 页面间链接：从一个页面链接到另一个页面
  • 锚链接
  • 功能性链接
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>链接标签学习</title>
</head>
<body>

<!--使用name作为标记-->
<a name="top">顶部</a>

<!--a标签
href: 必填，表示要跳转的那个页面
target: 表示窗口在哪里打开
    "_blank": 在新标签页中打开
    "_self": 在当前页中打开，默认
-->
<a href="1、我的第一个网页.html" target="_blank">点击我跳转到网页一</a>
<a href="https://www.baidu.com/" target="_self">点击我跳转到百度</a>
<br/>
<a href="1、我的第一个网页.html">
    <img src="../resources/image/qq头像.jpg" alt="cwlin的头像" title="悬停文字" width="640" height="640">
</a>
<br/>
<p>
    <a href="1、我的第一个网页.html">
        <img src="../resources/image/qq头像.jpg" alt="cwlin的头像" title="悬停文字" width="640" height="640">
    </a>
</p><p>
    <a href="1、我的第一个网页.html">
        <img src="../resources/image/qq头像.jpg" alt="cwlin的头像" title="悬停文字" width="640" height="640">
    </a>
</p><p>
    <a href="1、我的第一个网页.html">
        <img src="../resources/image/qq头像.jpg" alt="cwlin的头像" title="悬停文字" width="640" height="640">
    </a>
</p><p>
    <a href="1、我的第一个网页.html">
        <img src="../resources/image/qq头像.jpg" alt="cwlin的头像" title="悬停文字" width="640" height="640">
    </a>
</p><p>
    <a href="1、我的第一个网页.html">
        <img src="../resources/image/qq头像.jpg" alt="cwlin的头像" title="悬停文字" width="640" height="640">
    </a>
</p><p>
    <a href="1、我的第一个网页.html">
        <img src="../resources/image/qq头像.jpg" alt="cwlin的头像" title="悬停文字" width="640" height="640">
    </a>
</p><p>
    <a href="1、我的第一个网页.html">
        <img src="../resources/image/qq头像.jpg" alt="cwlin的头像" title="悬停文字" width="640" height="640">
    </a>
</p><p>
    <a href="1、我的第一个网页.html">
        <img src="../resources/image/qq头像.jpg" alt="cwlin的头像" title="悬停文字" width="640" height="640">
    </a>
</p><p>
    <a href="1、我的第一个网页.html">
        <img src="../resources/image/qq头像.jpg" alt="cwlin的头像" title="悬停文字" width="640" height="640">
    </a>
</p>

<!--锚链接
1.需要一个锚标记
2.跳转到标记
#
-->
<a href="#top">回到顶部</a>

<a name="down">底部</a>

<!--功能性链接
邮件链接: mailto:
QQ链接: QQ推广官网生成链接
-->
<a href="mailto:1234567890@qq.com">点击联系我，假的别点！</a>

</body>
</html>

2.4、块元素和行内元素

  • 块元素
    • 无论内容多少，该元素独占一行
    • (p、h1-h6…)
  • 行内元素
    • 内容撑开宽度，左右都是行内元素的可以排在一行
    • (a、strong、em…)

2.5、列表标签

  • 什么是列表
    • 列表就是信息资源的一种展示形式。它可以使信息结构化和条理化，并以列表的样式显示出来，以便浏览者能更快捷地获得相应的信息。
  • 列表的分类
    • 无序列表、有序列表、自定义列表
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>列表标签学习</title>
</head>
<body>
<!--有序列表
应用: 试卷、问答...
-->
<ol>
    <li>Java</li>
    <li>Python</li>
    <li>运维</li>
    <li>前端</li>
    <li>C/C++</li>
</ol> <hr/>

<!--无序列表
应用: 导航、侧边栏...
-->
<ul>
    <li>Java</li>
    <li>Python</li>
    <li>运维</li>
    <li>前端</li>
    <li>C/C++</li>
</ul> <hr/>

<!--自定义列表
dl: 标签
dt: 列表名称
dd: 列表内容
应用: 公司网站底部...
-->
<dl>
    <dt>学科</dt>
    <dd>Java</dd>
    <dd>Python</dd>
    <dd>Linux</dd>
    <dd>C/C++</dd>

    <dt>位置</dt>
    <dd>上海</dd>
    <dd>杭州</dd>
    <dd>福州</dd>
</dl>

</body>
</html>

2.6、表格标签

  • 表格的好处：简单通用、结构稳定
  • 基本结构：单元格、行、列、跨行、跨列
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>表格标签学习</title>
</head>
<body>
<!--table表格标签
行: tr
列: td
边框: border
文本居中: style="text-align:center"
-->
<table border="1px" style="text-align:center">
    <tr>
        <!--colspan: 跨列-->
        <td colspan="4">1-1</td>
    </tr>
    <tr>
        <!--rowspan: 跨行-->
        <td rowspan="2">2-1</td>
        <td>2-2</td>
        <td>2-3</td>
        <td>2-4</td>
    </tr>
    <tr>
        <td>3-1</td>
        <td>3-2</td>
        <td>3-3</td>
    </tr>
</table>
</body>
</html>

2.7、媒体元素

  • 视频元素：video
  • 音频元素：audio
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>媒体元素学习</title>
</head>
<body>
<!--音频和视频
src: 资源路径
controls: 控制条
autoplay: 自动播放
-->
<audio src="../resources/audio/Beyond%20-%20海阔天空.mp3" controls autoplay></audio>
<br>
<video src="../resources/video/黑暗料理.mp4" controls autoplay></video>
</body>
</html>

2.8、页面结构分析

元素名描述
header标题头部区域的内容(用于页面或页面中的一块区域)
footer标记脚部区域的内容(用于整个页面或页面的一块区域)
sectionWeb页面中的一块独立区域
article独立的文章内容
aside相关内容或应用(常用于侧边栏)
nav导航类辅助内容
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>页面结构分析</title>
</head>
<body>
<header>
    <h2>网页头部</h2>
</header>

<section>
    <h2>网页主体</h2>
</section>

<footer>
    <h2>网页脚部</h2>
</footer>
</body>
</html>

2.9、iframe内联框架

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>iframe内联框架学习</title>
</head>
<body>
<!--iframe内联框架
src: 地址
w-h: 宽度高度
-->
<iframe src="https://www.baidu.com/" name="hello" frameborder="0" width="1000px" height="700px"></iframe>

<a href="https://blog.youkuaiyun.com/coder_lcw/article/details/114287585" target="hello">点击跳转</a>

<!--<iframe src="//player.bilibili.com/player.html?aid=55631961&bvid=BV1x4411V75C&cid=97257967&page=11"-->
<!--        scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true">-->
<!--</iframe>-->
</body>
</html>

三、表单

3.1、表单post和get提交

3.2、表单元素格式

属性说明
type指定元素的类型。text、password、checkbox、radio、submit、reset、file、hidden、image 和 button，默认为text。
name指定表单元素的名称。
value元素的初始值。type 为radio时必须指定一个值。
size指定表单元素的初始宽度。当type为text或password时，表单元素的大小以字符为单位。对于其他类型，宽度以像素为单位。
maxlengthtype为text或password时，输入的最大字符数。
checkedtype为radio或checkbox时，指定按钮是否是被选中。

3.3、表单应用(重点)

  • 隐藏：
    • hidden（占有原来的位置）
    • dispaley（不占有原来的位置）
  • 只读：readonly
  • 禁用：disabled
  • 增强鼠标可用性：<label for=“mark”></label> 和 id=“mark” 搭配使用

3.4、表单初级验证(重点)

  • 思考：为什么要进行表单验证？
    • 减轻服务器的压力
    • 保证数据的安全性
  • 常用方式

3.5、举个栗子

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>登录注册</title>
</head>
<body>
<h1>注册</h1>
<!--表单form
action: 表单提交的位置，可以是网站，或者是一个请求处理地址
method: post, get 提交方式
    get方式提交: 在url中可以看到提交的信息，不安全，高效
    post方式提交: 比较安全，可以传输大文件
-->
<form action="1、我的第一个网页.html" method="get">
    <!--文本输入框: input type="text"
        value="Java真有意思": 默认初始值
        maxlength="8": 最大字符长度
        size="30": 文本框长度
        value="admin" readonly: 只读
    -->
    <p>名字: <input type="text" name="username" placeholder="请输入用户名" required></p>
    <!--密码框: input type="password"-->
    <p>密码: <input type="password" name="pwd" value="123456" hidden></p>

    <!--单选框标签: input type="radio"
        value: 单选框的值
        name: 表示组
        checked: 默认选中
    -->
    <p>性别:
        <input type="radio" value="boy" name="sex" checked disabled/>男
        <input type="radio" value="girl" name="sex"/>女
    </p>

    <!--多选框: input type="checkbox"
        checked: 默认选中
    -->
    <p>爱好:
        <input type="checkbox" value="sleep" name="hobby">睡觉
        <input type="checkbox" value="code" name="hobby" checked>敲代码
        <input type="checkbox" value="chat" name="hobby">聊天
        <input type="checkbox" value="game" name="hobby">游戏
        <input type="checkbox" value="music" name="hobby">听音乐
    </p>

    <!--按钮:
        input type="button" 普通按钮
        input type="image"  图像按钮
        input type="submit" 提交按钮
        input type="reset"  重置按钮
    -->
    <p>按钮:
        <input type="button" name="btn1" value="点击变长">
        <!--图片有自动提交的功能-->
    <!--<input type="image" src="../resources/image/qq头像.jpg">-->
    </p>

    <!--下拉框/列表框
        selected: 默认选中
    -->
    <p>国家:
        <select name="列表名称">
            <option value="China">中国</option>
            <option value="US">美国</option>
            <option value="UK" selected>英国</option>
            <option value="SUI">瑞士</option>
        </select>
    </p>

    <!--文本域: textarea name="textarea"
        cols="50" rows="10": 行列
    -->
    <p>反馈:
        <textarea name="textarea" cols="50" rows="10">文本内容</textarea>
    </p>

    <!--文件域: input type="file" name="files"-->
    <p>
        <input type="file" name="files">
        <input type="button" value="上传" name="upload">
    </p>

    <!--邮件验证: input type="email"-->
    <p>邮箱:
        <input type="email" name="email" required>
    </p>

    <!--URL验证: input type="url"-->
    <p>URL:
        <input type="url" name="url" required>
    </p>

    <!--数字验证: input type="number"-->
    <p>商品数量:
        <input type="number" name="number" max="100" min="0" step="5" required>
    </p>

    <!--滑块: input type="range"-->
    <p>音量:
        <input type="range" name="voice" min="0" max="100" step="2">
    </p>

    <!--搜索框: input type="search"-->
    <p>搜索:
        <input type="search" name="search">
    </p>

    <!--增强鼠标可用性: label for="mark"-->
    <p>
        <label for="mark">你点我试试:</label>
        <input type="text" id="mark">
    </p>

    <!--正则表达式验证: pattern
        常用正则表达式: https://www.jb51.net/tools/regexsc.htm
        邮箱表达式1: ^[a-zA-Z0-9_-]+@[a-zA-Z0-9_-]+(\.[a-zA-Z0-9_-]+)+$
        邮箱表达式2: ^[a-z\d]+(\.[a-z\d]+)*@([\da-z](-[\da-z])?)+(\.{1,2}[a-z]+)+$
    -->
    <p>自定义邮箱:
        <input type="text" name="diymail" pattern="^[a-z\d]+(\.[a-z\d]+)*@([\da-z](-[\da-z])?)+(\.{1,2}[a-z]+)+$">
    </p>

    <p>
        <input type="submit">
        <input type="reset" value="清空表单">
    </p>
</form>
</body>
</html>
HTML满屏跳动的爱心（完整代码）
Python、C++、HTML、Java
06-04 11万+
HTML语言实现满屏跳动爱心的完整代码。
使用 HTML、CSS 和 JS 创建在线音乐播放器(含免费完整源码)
努力是为了站在万人之中，成为别人的光
09-13 4万+
直接跳到末尾 获取完整源码 今天我将带着大家使用 HTML、CSS 和 JS创建 音乐播放器，没有使用任何其他库。我们的音乐播放器具有三个部分。主屏幕、播放器部分和播放列表部分。我们的主页部分有一个平滑的工作滑块，也有水平滚动。这个音乐播放器最好的部分是它最小化了音乐播放器。是的，您可以最小化和最大化播放器本身。使这个项目成为一个很棒的音乐播放器。 ❤️使用 HTML、CSS 和 JS 创建在线音乐播放器❤️???? 在线演示地址???? 完整代码结构???? home-section 首页部分???
22.html-CSS特性
weixin_50913764的博客
03-27 1079
层叠性： /* CSS层叠性:是浏览器处理冲突的一个能力。如果一个css属性通过两个选择器设置到同一个元素上，那么这个时候一个属性就会将另一个属性层叠掉 */ /* 谁覆盖谁：CSS权重 （优先级） 就近原则 先看权重（CSS书写权重 选择器）如果权重高，则覆盖另一个属性 权重一样，看就近原则 后来者居上 */ 优先级： !important > 行内 > 内部 = 外部（ID > 类 &g...
HTML的简单介绍（21）
bangongkeji的博客
10-23 253
图像标签（“<”img>）和源属性 在 HTML 中，图像由 标签定义。 “<”img> 是空标签，意思是说，它只包含属性，并且没有闭合标签。 要在页面上显示图像，你需要使用源属性。src 指 “source”。源属性的值是图像的 URL 地址。 定义图像的语法是： “<”img src=“url” /> 浏览器将图像显示在文档中图像标签出现的地方。如果你将图...
解析html22
大哲
11-20 954
if (aMat3.find()) { Pattern aPattern2 = Pattern.compile(regexStart, 2); Matcher aMat2 = aPattern2.matcher(result); temp = result; while...
HTML的标签描述22
牛牛码特的博客
03-25 265
标签 描述 <tfoot> 定义表格中的表注内容（脚注）。 <th> 定义表格中的表头单元格。 <thead> 定义表格中的表头内容。 <time> 定义日期/时间。 <title> 定义文档的标题。 ...
22、HTML基础代码1
ANDY___Q的博客
09-29 516
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>QQ注册验证</title> <style> .net{text-align: center;} </style> </head> <body> <form method="post" action=""> <div
HTML入门与进阶以及HTML5
热门推荐
wuyxinu的博客
12-12 38万+
目录 一、简介 1、前端开发最核心技术 （1）HTML是什么？ （2）CSS （3）JavaScript 2、前端开发其他技术 二、基础内容 1.基础总结 2.HTML的基本标签 (1)HTML标签 (2)head标签 (3)body标签 3、段落与文字 (一)、段落标签 (二)、网页特殊符号 (三)、自闭合标签 (四)、块元素和行内元素 (五)、练...
用HTML5实现动画
最新发布
cnds123的专栏
02-15 7764
要在HTML5中实现动画，可以使用以下几种方法：CSS动画、使用元素和JavaScript来实现动画、使用JavaScript动画库。
HTML5和CSS3 WEB技术开发
张晨光老师的播客
01-02 6992
B站视频参考：https://www.bilibili.com/video/BV1H44y1k7ze/[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-Uwbid43Z-1672665963237)(asseits/image-20210831212039584.png)]HTML:超文本标记语言(Hyper Text Markup Language)，标准通用标记语言下的一个应用。 HTML 不是一种编程语言（C、Java、python、R等），而是一种标记语言 (markup
租车系统页面
07-17
自己写的租车页面，有源代码，只需要实现后台功能，有需要的直接下载便可使用
22. HTML 颜色名
weixin_30902675的博客
07-22 206
颜色名。 转载于:https://www.cnblogs.com/gavinwu/p/3204963.html
22、CSS基础——常规流
lvh98的博客
10-15 352
常规流 盒模型：规定单个盒子的规则。 视觉格式化模型（布局规则）：页面中的多个盒子排列规则。 视觉格式化模型，大体上将页面中盒子的排列分为三种方式： 常规流 浮动 定位 常规流布局 常规流、文档流、普通文档流、常规文档流。 所有元素，在默认情况下，都属于常规流布局。 总体规则：块盒独占一行，行盒水平依次排列。 包含块（containing block）：每个盒子都有他的包含块，包含块决定了盒子的排列区域。 绝大部分情况下：盒子的包含块，为其父元素的内容盒。 <!DOCTYPE html> &
HTML转义字符最全集合
xiaoweids的博客
08-01 956
\---反斜杠Reversesolidus(backslash)__—下划线Horizontalbar(underscore)[[---中括号左边部分Leftsquarebracket。长音符号Macronaccent。¤¤¤通用货币标志Generalcurrencysign。))—小括号右边部分Rightparenthesis。}}—大括号右边部分Rightcurlybrace。((—小括号左边部分Leftparenthesis。......
html头部代码【转载】
weixin_33924220的博客
02-16 629
学习html是件比较容易的事情，但单单学html语言肯定是不够用的，所以大多数人并没有拿html作为学习核心，而是将html作为javascript、动态语言或者css学习的必经之路。于是很多人并不关注一些其他的html标签。主流书籍大多对此也是一掠而过，我倒更认为，是书本的作者本身对此一知半解，受惑于此，最近幸运看到关于这部分古老标签的介绍，想在这里写一下。所谓知其然当知其所以然，html已经有...
HTML5_CSS入门（内部样式、外部样式、内联样式、选择器）
itszt888的博客
08-06 2万+
1、内部样式、外部样式、内联样式 内联方式：样式定义在单个的HTML元素中 CSS语法：只需要将分号隔开的一个或多个属性/值对作为元素的style属性和值； 属性和属性值之间用：链接； 多对属性之间用；分号隔开 内部样式表：样式定义在HTML页的头元素中 样式表规则位于文档头中的<style>元素内：在文档的<head>元素内添加<style>元素 在<style>
URL中经常出现的百分号22是什么意思
qq_38229608的博客
10-11 1万+
url解析
博客园页面定制CSS代码-博客侧边栏公告-页首Html代码-页脚Html代码
09-19 1305
设置代码前说明：首先你得选用博客皮肤darkgreentrip，否则会出错 页面定制CSS代码: 说明：标注颜色位置可自行修改，第12行设置主页底层图片，可自行修改 #home { margin: 0 auto; width: 80%;/*原始65*/ min-width: 980px;/*页面顶部的宽度*/ background-col...
博客侧边栏公告html代码
weixin_30856725的博客
07-06 1115
前一小段是时钟： 后一段是百度统计，但是显示不出来。 网站概况 - 百度统计 https://tongji.baidu.com/web/25880379/overview/index 趋势分析 - 百度统计 https://tongji.baidu.com/web/25880379/trend/time?siteId=12251413 <embed width=...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值