丑憨批的html笔记

于 2020-03-10 09:47:41 发布
阅读量115 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44382711/article/details/104487050
版权

html语法基础

h1#idid${itme$}*3

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

<body>
    <!--     
    <div>
        <p>asdasd</p>
        <p>asdasdad </p>
    </div>
    <p> 
        <strong>bao</strong> 我的猫咪脾气暴
    </p>

    <em>12</em>
    <p>12</p>
    <div>12</div>
    <div><img alt="神秘博士第十二季：新年特辑" src="/zb_users/upload/2019/01/20190102215050_22304.jpg"></div>
    <img src="/mmsource/images/2013/12/26/3e522bf5401d491cb66734236ebf2533.jpg">
    <p>as<br>djk</p>
    <p class="maomi">mybadcat</p>
    <p id="maomi2">my</p>
    <a href="https://blog.csdn.net/datou0529/article/details/80822604">1212</a> 
    <br>
    <a href="http://www.qq.com">qqs</a>   -->
    <!-- biaoti -->
    <h1>yi</h1>
    <h2>h2</h2>
    <h3>h3</h3>
    <h4>h4</h4>
    <h5>h5</h5>
    <h6>h6</h6>
    <!-- duan luo -->
    <p>duanluo</p>
    <!-- liebiao -->
    <ul>

        <li>li</li>
        <li>li</li>
        <li>li</li>
    </ul>
    <!-- you xu lie biao -->

    <ol>
        <!-- li{asdad $}*6 -->
        <li>1</li>
        <li>2</li>
        <li>3</li>
        <li>4</li>
        <li>asd 1</li>
        <li>asd 2</li>
        <li>asd 3</li>
        <li>asd 4</li>
        <li>asd 5</li>
        <li>asd 6</li>
    </ol>
    <a href="https://www.baidu.com/s?tn=80035161_2_dg&wd=html+ui%E5%BA%93" target="_blank">qq</a>

    <img src="3942de5374363d1.j1pg" alt="加载失败" title="121212">

    <strong>strong</strong>

    <br>

    <em>em</em>
    <!-- 表格 -->
    <table border="1">
        <tr>
            <td>11 11</td>
            <td>22</td>
            <td>33</td>
            <td>44</td>

        </tr>
    </table>
    <table border="2">
        <tr>
            <td>11 11</td>
            <td>22</td>
            <td>33</td>
            <td>44</td>
    
        </tr>
    </table>
    <table border="3">
        <tr>
            <td>11 11</td>
            <td>22</td>
            <td>33</td>
            <td>44</td>
    
        </tr>
    </table>
    <table border="4">
        <tr>
            <td>11 11</td>
            <td>22</td>
            <td>33</td>
            <td>44</td>
    
        </tr>
    </table>
    <table border="5">
        <tr>
            <td>11 11</td>
            <td>22</td>
            <td>33</td>
            <td>44</td>
    
        </tr>
    </table>
    <table border="6">
        <tr>
            <td>11 11</td>
            <td>22</td>
            <td>33</td>
            <td>44</td>
    
        </tr>
    </table>

    <input type="text" name="" id="">
    <button>按钮</button>
    <button>按钮</button>
    <button>按钮</button>
    <span>span</span>
    <span>span2</span>
    <br>
    <span>
        <div>12</div>
    </span>
    <span><div>34</div></span>
    

</body>

</html>

css语法基础

html

<!DOCTYPE html>
<html lang="en">

<head>
    <!-- 优先级:就近原则  -->
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>CSS基础</title>
    <!-- 在head里写 内部样式 -->
    <style>
        p {
            font-weight: bold;
            font-style: italic;
            color: blue;
            font-size: 56px;
        }
    </style>
    <!-- 引入外部样式 -->
    <link rel="stylesheet" href="csstest.css">

</head>

<body>
    <h1>h1</h1>
    <p><strong>
            ppp</strong></p>
    <p>
        <b>
            <font color="red" size="56">12</font>
        </b>
    </p>

    <!-- css:层叠样式表 -->
    <!-- 内联样式 -->
    <p style="color: brown;">
        duanluo2
    </p>

    <!-- id选择器 -->
    <p id="qwe">asdad</p>
    
    <ul id="ul1">
        <li id="qw1">item 1</li>
        <li id="qw2" class="leitest">item 2</li>
        <li id="qw3" class="leitest">item 3</li>
    </ul>
    <div id="div1">
        div1123
    </div>
    <div id="div2">
        div2
    </div>
    <p id="ppp"> 
        段落
    </p>
    <!-- 字体 -->
    <div id="div12">
        wenbenasdasd
    </div>

    <!-- 边框 -->
    <div id="qwe23">
        wqwqw
    </div>
    <ul id="ul12">
        <li id="li1">item1</li>
        <li id="li2">item2</li>
        <li id="li3">item3</li>
    </ul>

</body>

</html>

css

p{
    font-style: italic;
}
#qwe{
    font-size: large;
}
.leitest{
    background-color: aqua;
}
#div1{
    width: 220px;
    height: 100px;
    background-color: aquamarine;
    text-align: center;
    line-height: 50px;
}#div2{
    width: 2200px;
    height: 100px;
    background-image: url(3942de5374363d1.jpg);
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y:center;
    
}
#ppp{
    width: 200px;
    height: 100px;
    background: #803232;
    text-indent: 20px;
}
#div12
{
    font-size: 48px;
    font-style: italic;
    font-weight: bold;
}
#qwe23
{
    font-size: 48px;
    font-style: italic;
    font-weight: bold;
    background-color: #fff;
    border:1px solid cadetblue;
}
#ul12{
    list-style: lower-alpha;
}

css盒模型

html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="cssboxer.css">
    <style>
        #div1{
            background-color: aquamarine;
        }
        /* #divasd{

        } */
    </style>
</head>
<body>
    <div id="div1">545454</div>
    <div id="div2">2 3 3  </div>
    <div id="div3">656as234d5</div>
</body>
</html>

css

#div1{
    background: crimson;
    border: 5px solid black;
    padding: 10px;
}
#div2{
    background: blue;
    margin: 20px;
}
#div3{
    width: 200px;
    height: 200px;
    background: brown;
    border:blue 5px solid;
    padding: 5px;
}

css定位

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>css定位</title>
    <style>
        /* div,h1,p{
            width: 200px;
            height: 100px;
           background: aquamarine;
           display: inline-block;/*inline-block可以*/
        /*}*/
        /* 块级元素垂直分布，可以设置宽高 行级元素不可以设计宽高 */
        /* a,span{
            width: 200px;
            height: 100px;
            /* display: block; */
        /* background: blue;
        } */
        #a {
            background: blue;
        }
        #b {
            background: chartreuse;
            /* 相对定位 相对于初始位置 初始空间不释放
            position: relative;
            left: 50px;
            top: 50px; */
            /* 绝对定位 相对于最近的已定位的父元素 偏移 ，body本身视为已定位*/
            position: absolute;
            left: 50px;
            top: 50px;
            /* 固定定位（fixed） */
/* 固定定位与绝对定位类似，但它是相对于浏览器窗口定位，并且不会随着滚动条进行滚动。 */
/* 固定定位的最常见的一种用途是在页面中创建一个固定头部、固定脚部或者固定侧边栏，不需使用margin、border、padding。 */
        }
        #c {
            background: crimson;
        }
        div{
            width: 200px;
            height: 200px;
            display: inline-block;
        }
    </style>
</head>

<body>
    <!-- 块元素 -->
    <!-- <div id="div1">div</div>
    <h1>h1</h1>
    <p>p</p> -->
    <!-- 行元素 -->
    <!-- <a href="">lianjie</a>
    <span>span</span> -->
    <div id="a">a</div>
    <div id="b">b</div>
    <div id="c">c</div>

    <div></div>
</body>

</html>

css浮动

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>css fudong</title>
    <style>
        /* div{
            width: 600px;
            height: 200px;
            /* display: inline-block; */
            /* display这样会出现空 */
            /* float: left; */
        /* } */
        /* #a{
            background: crimson;
            /* float: right; */
        /* } */
        /* #b{
            background: darkblue;
        }
        #c{
            background: darkgreen;
        } */ 
        #menu{
            list-style: none;

        }
        #menu li{
            float: left;
            margin-right: 20px;
        }
    </style>
</head>
<body>
    <!-- <div id="a">a</div> -->
    <!-- <div id="b">b</div> -->
    <!-- <div id="c">c</div> -->
    <ul id="menu">
        <li id="li1">
            <a href="" id="12">item1</a></li>
        <li id="li2">item2</li>
        <li id="li3">item3</li>
        <li id="li4">item4</li>

        
    </ul>


</body>
</html>
新川宝宝
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
node笔记_http服务搭建（渲染html、json）
编程知识分享，主打前端
04-30 3万+
大家好，我是yma16，本期分享node搭建http服务的教程。往期文章node_windows环境变量配置node_npm发布包linux_配置nodenode_nvm安装配置。
HTML班级网站实例（笔记1）
热门推荐
weixin_50759039的博客
09-12 1万+
班级网页笔记简介导航页首页 简介 你好！ 这是我第一次使用 Markdown编辑器 展示的博客。记录一下我在学校做的一次实训作业。因为是第一次写这么多网页，里面有诸多问题，我也有诸多收获。 因为是期末的实训作业，所以就想着酷炫一点。所以我从B站和CSDN论坛得到了很多参考知识。有一些代码是我从B站是看视频抄的，因为JavaScript还没学，可能JS部分写了很少。我是一名学生，如果有什么侵权的事情请立刻跟我说，多谢。 导航页 这个页面是导航页，可能叫别的，反正我觉得从文件夹里一个一个找首页好麻烦，所以就弄
丑憨批的爬虫笔记3（实例）
weixin_44382711的博客
03-09 158
1.京东商品： import requests def getHTMLText(url): try: r=requests.get(url) r.raise_for_status() r.encoding=r.apparent_encoding return r.text[:1000] ///前1000字符 exc...
HTML笔记
Normchin的博客
07-04 203
HTML 含义 HyperTex Markup Language超文本标记语言 一种制作Web网页的标准语言 HTML不是一种程序设计语言，而是一种标记语言。 常称为标签，指的是对浏览器中的各元素进行标识。 作用 对浏览器中的各元素进行标识。 专门用来给文本添加语义，而非修改文本样式。 2.基础语法 1.文档类型说明 <!DOCTYPE HTML> 文档类型定义（doctype）用来告...
HTML读书笔记.pdf
11-28
HTML读书笔记.pdf
一些html的学习笔记
01-03
通过自学w3cschool上的html知识和上课所学的一些html知识，然后使用markdown汇总，整理的一些笔记
HTML笔记(20220104194236).pdf
11-28
HTML笔记(20220104194236).pdf
html笔记(20220104202912).pdf
11-28
html笔记(20220104202912).pdf
HTML笔记(20220104202926).pdf
11-27
HTML笔记(20220104202926).pdf
全球与中国再生涤纶纱市场现状及未来发展趋势（2024版）.docx
08-16
全球与中国再生涤纶纱市场现状及未来发展趋势（2024版）.docx
数据圣域的守护者：SQL第三范式的深度解析
08-16
SQL（Structured Query Language，结构化查询语言）是一种用于管理和操作关系数据库的标准编程语言。它被广泛用于创建、修改、查询和删除数据库中的数据。SQL的主要功能包括： 1. **查询**（Query）：从数据库中检索数据。 2. **插入**（Insert）：向数据库表中添加新的数据行。 3. **更新**（Update）：修改数据库表中的现有数据。 4. **删除**（Delete）：从数据库表中移除数据。 5. **创建**（Create）：创建新的数据库、表、视图等。 6. **修改**（Alter）：修改现有数据库结构，如添加或删除表的列。 7. **授权**（Grant）：为用户设置数据库权限。 8. **撤销**（Revoke）：移除用户的数据库权限。 SQL语言具有以下特点： - **声明性**：用户只需指定要检索或修改的数据，而不需要编写完成这些操作的步骤。 - **高度非过程化**：SQL允许用户以非过程化的方式操作数据，这意味着不需要编写复杂的算法。 - **易于学习和使用**：SQL语法直观，易于理解和编写。 - **跨平台**：
基于Matlab编程的汽车框定[Matlab编程].zip
最新发布
08-16
MATLAB提供了一些功能和工具，可以用于开发运动汽车跟踪系统。以下是一个简单的步骤示例，演示如何使用MATLAB实现一个基本的运动汽车跟踪系统。 步骤1：收集数据 首先，需要收集汽车的运动数据。可以使用传感器（如加速度计、陀螺仪）或车辆控制模块（如车载电脑）收集数据。收集的数据应包括汽车的位置、速度、加速度等信息。 步骤2：数据预处理 收集到的数据可能包含噪音和不完整的信息。因此，需要对数据进行预处理，以减少噪音并填充缺失的数据。预处理步骤可以包括滤波、插值等。 步骤3：运动分析 使用收集到的数据进行运动分析。根据汽车的位置、速度和加速度信息，可以计算汽车的运动特征，如加速度曲线、速度曲线等。 步骤4：跟踪算法 根据运动分析的结果，可以设计跟踪算法来跟踪汽车的运动。跟踪算法可以使用卡尔曼滤波器、粒子滤波器等。MATLAB提供了一些函数和工具箱，可以帮助实现这些滤波算法。 步骤5：显示和可视化 最后，使用MATLAB的图形界面和绘图功能，可以显示和可视化跟踪结果。可以使用MATLAB的图形函数绘制汽车的轨迹、速度曲线等。还可以使用MATLAB的GUI工具，创建一个交互式界面，
python 用GA算法优化BP神经网络，预测回归问题+源代码+文档说明
08-16
<项目介绍> - python 用GA算法优化BP神经网络，预测回归问题 神经网络部分： 网络结构三层：（3,2,1） 数据集： 实验的数据集为：advertise.txt （三个特征输入，一个输出） 其数据形式如下所示：（即求前三个数与最后一个数的关系） 一共有200条数据，训练集和测试集的比例为7:3 - 不懂运行，下载完可以私聊问，可远程教学 该资源内项目源码是个人的毕设，代码都测试ok，都是运行成功后才上传资源，答辩评审平均分达到96分，放心下载使用！ 1、该资源内项目代码都经过测试运行成功，功能ok的情况下才上传的，请放心下载使用！ 2、本项目适合计算机相关专业(如计科、人工智能、通信工程、自动化、电子信息等)的在校学生、老师或者企业员工下载学习，也适合小白学习进阶，当然也可作为毕设项目、课程设计、作业、项目初期立项演示等。 3、如果基础还行，也可在此代码基础上进行修改，以实现其他功能，也可用于毕设、课设、作业等。 下载后请首先打开README.md文件（如有），仅供学习参考, 切勿用于商业用途。 --------
基于springboot的智慧养老监护平台 源码+数据库（毕业设计）
08-16
基于Vue.js和SpringBoot的智慧养老监护平台是一个综合性的养老服务系统，旨在为老年人提供更加便捷、安全、舒适的生活环境。该平台分为用户前台和管理后台两个部分，以满足不同角色的需求。管理员可以通过管理后台对整个平台进行监控和管理，包括房间信息、房间入住、反馈信息、后勤人员和老人信息等模块。体检员和护工则可以通过用户前台进行日常工作，如查看老人健康信息、记录体检结果、提交反馈等。整个平台采用现代化的前端技术Vue.js和后端框架SpringBoot，保证了系统的稳定性和可扩展性，为用户提供了一个高效、易用、安全的养老服务环境。 录屏：https://www.bilibili.com/video/BV1Cb421b7xP 教程：https://space.bilibili.com/417412814/channel/collectiondetail?sid=2242844
毕业设计，基于VB+ACCESS开发的企业生产管理系统，内含完整源代码，数据库，开题报告，论文答辩，毕业论文
08-16
毕业设计，基于VB+ACCESS开发的企业生产管理系统，内含完整源代码，数据库，开题报告，论文答辩，毕业论文 当今时代是飞速发展的信息时代。在各行各业中离不开信息处理，这正是计算机被广泛应用于信息管理系统的环境。计算机的最大好处在于利用它能够进行信息管理。使用计算机进行信息控制，不仅提高了工作效率，而且大大的提高了其安全性。尤其对于复杂的信息管理，计算机能够充分发挥它的优越性。计算机进行信息管理与信息管理系统的开发密切相关，系统的开发是系统管理的前提。本系统就是用计算机操作企业生产管理系统，是企业单位用户更好的维护各项生产管理业务处理工作而开发的管理软件。 数据库管理系统（DBMS）是指数据库系统中管理数据的软件系统。DBMS是数据库系统的核心组成部分。对数据库的一切操作，包括定义、更新及各种控制,都是通过DBMS进行的。DBMS总是基于某种数据模型，可以把DBMS看成是某种数据模型在计算机系统上的具体实现。根据数据模型的不同，DBMS可以分成层次型、网状型、关系型、面向对象型等。Access就是一种关系型数据库管理系统。 根据需求分析，实现企业生产管理业务，效益已越来越明显。因此，
redis知识分享ppt
08-16
redis知识分享ppt
蒙特卡洛树搜索（MCTS）：人工智能决策的强力引擎
08-16
蒙特卡洛树搜索（Monte Carlo Tree Search，简称MCTS）是一种用于某些决策过程中的搜索算法，特别是在游戏理论、人工智能和优化领域中。它通过蒙特卡洛模拟来评估和选择最佳的移动策略。MCTS以其在计算资源有限的情况下，依然能够提供良好性能的特点而受到重视。本文将详细介绍MCTS的基本原理、关键组件、实现步骤以及在不同领域的应用案例。蒙特卡洛树搜索是一种强大的决策制定算法，它通过模拟可能的未来路径来评估当前的决策。MCTS的优势在于不需要对游戏或决策过程有深入的了解，且在有限的计算资源下仍能提供较好的性能。随着人工智能技术的不断发展，MCTS在游戏、机器人、网络优化等多个领域的应用前景广阔。未来，结合更高效的算法变体和先进的模拟技术，MCTS有望在更多复杂决策场景中发挥重要作用。
IP5386 支持双向 SCP、PD3.0 等快充协议，支持 2~4 节串联 电池，集成升降压驱动，最大功率 45W 的移动电源
08-16
同时支持多个 USB 口  2 个 USB-A 口输出  1 个 USB-C 口输入输出  1 个 Lightning 口输入  快充规格  所有 USB 口均支持快充  集成 QC2.0、QC3.0、QC3+输出快充协议  集成 FCP 输入输出快充协议  集成 AFC 输入输出快充协议  集成 SCP 输入输出快充协议  集成 DRP Try.SRC 协议，PD3.0 输入输出快充  兼容 BC1.2、Apple 手机快充  集成 USB Power Delivery（PD2.0/PD3.0）协 议  支持 PD2.0 双向输入输出协议  支持 PD3.0 双向输入输出协议、PPS 输出协议  支持 5V、9V、12V、15V、20V 电压档位输入  支持 5V、9V、12V、15V、20V 电压档位输出  支持 PPS 20mV/Step 输出电压档位  集成硬件的双向标记编解码（BMC）协议  集成物理层协议（PHY）  集成硬件 CRC
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值