2020-11-18

最新推荐文章于 2022-03-11 09:41:36 发布
最新推荐文章于 2022-03-11 09:41:36 发布
阅读量335 收藏
点赞数
文章标签： html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/wyk_3201864554/article/details/109784591
版权

学习时间：11.10第一节课

1.  标签属性：位于标签内部决定文字或图片的属性

eg： <img  src="img/img/u=2588730216,2785833606&fm=26&gp=0 (1).jpg" height=200px><br />

height即为图片高度，px为像素，同时该图片宽度将与对应该元素自适应。<br/>表示换行

学习感悟：html用Hbuilder写十分的便捷而有趣，同时可以根据自己的想法来控制图片或文字的大小与位置，具有较强的自主能动性。

学习时间：11.17

1.行内元素与块级元素

eg： <!--行内元素，长度和高度包裹内容，不会自动换行-->
        <a href="http://www.baidu.com" target="_blank">baidu</a><br/><!--a标记实现超链接,target实现跳转页面-->
            <span >百度</span>
            <img "02天下无敌"  \><br />
            <b>百度</b>
            <i>百度</i>  

以上为行内元素

     <!--描述：块级元素，长度填充整个父标记，单独成行,可居中-->
        <p style="text-align:  center;">河南工业大学</p>
        <p style="font-size:  36px;" style="text-align:  center;">河南工业大学</p>
        <div style="text-align:  center;">郑州大学</div>
        <!--hn n 1~6-->

以上为块级元素

学习感悟：行内元素对应页面中没有占满一行，而块级元素占满一行且会自动换行。

2.有序列表与无序列表

eg：<!--有序列表ol，列表li-->
        <ol start="2" type="I">
            <li>语文</li>
            <li>数学</li>
            <li>英语</li>
        </ol>

 

<!--无序列表ul-->
        <ul type="square">
            <li>LOL</li>
            <li>PUBG</li>
            <li>DNF</li>
        </ul>

3.<table>  </table>这是表格的创建

<tr>
                <th>序号</th>
                <th>姓名</th>
                <th>电话号码</th>
                <th>地址</th>
            </tr>                  这是表头

<tr>
                <td>1</td>
                <td>jim</td>
                <td>110</td>
                <td>郑州市莲花街</td>
            </tr>                 这是表格主体

成品如下：

<table>
            <tr>
                <th>序号</th>
                <th>姓名</th>
                <th>电话号码</th>
                <th>地址</th>
            </tr>
            <tr>
                <td>1</td>
                <td>jim</td>
                <td>110</td>
                <td>郑州市莲花街</td>
            </tr>
            <tr>
                <td>2</td>
                <td>jimy</td>
                <td>120</td>
                <td>郑州市莲花街</td>
            </tr>
            <tr>
                <td>3</td>
                <td>jimyy</td>
                <td>1230</td>
                <td>郑州市莲花街</td>
            </tr>
        </table>

序号姓名电话号码地址
1jim110郑州市莲花街
2jimy120郑州市莲花街
3jimyy1230郑州市莲花街

 

4.<!--form向服务器传递数据-->
    <form>
        <!--文本域-->
        <textarea>
            
        </textarea>
        <!--隐藏域-->
        <input type="hidden"/>
        <!--密码框-->
        <input type="password" />
        <!--单选框-->
        <input type="radio" name="sex" id="male"><label for="male">男</label>
        <input type="radio" name="sex" id="female"><label for="female">女</label>
        <select>
            <option>--请选择--</option>
            <option>河南省</option>
            <option>河北省</option>
            <option>湖南省</option>
        </select>
    </form>

 

 

学习感悟：老师教的十分清楚，让我对html这方面的东西有了很大兴趣。其他东西我掌握的也差不多了！

学习时间:2020.11.19

1.

table>
            <tr>
                <th colspan="10" align="center" >2013年度图书销售统计</th>                
            </tr>
            <tr>
                <td  rowspan="2">图书分类</td>
                <td colspan="2">一季度</td>
                
                <td  colspan="2">二季度</td>
                
                <td  colspan="2">三季度</td>
                
                <td colspan="2">四季度</td>                
            </tr>
            <tr>                
                <th>销售量</th>
                <th>销售额</th>
                <th>销售量</th>
                <th>销售额</th>
                <th>销售量</th>
                <th>销售额</th>
                <th>销售量</th>
                <th>销售额</th>

            </tr>
            <tr>
                <td>小说</td>
                <td>1000</td>
                <td>￥6.0</td>
                <td>1000</td>
                <td>￥6.0</td>
                <td>1000</td>
                <td>￥6.0</td>
                <td>1000</td>
                <td>￥6.0</td>
            
            </tr>
            <tr>
                <td>文艺</td>
                <td>1000</td>
                <td>￥6.0</td>
                <td>1000</td>
                <td>￥6.0</td>
                <td>1000</td>
                <td>￥6.0</td>
                <td>1000</td>
                <td>￥6.0</td>
                
            </tr>
            <tr>
                <td>励志</td>
                <td>1000</td>
                <td>￥6.0</td>
                <td>1000</td>
                <td>￥6.0</td>
                <td>1000</td>
                <td>￥6.0</td>
                <td>1000</td>
                <td>￥6.0</td>
            
            </tr>
            <tr>
                <td>童书</td>
                <td>1000</td>
                <td>￥6.0</td>
                <td>1000</td>
                <td>￥6.0</td>
                <td>1000</td>
                <td>￥6.0</td>
                <td>1000</td>
                <td>￥6.0</td>
            
            </tr>

        </table>

学习感悟：rowspan列合并，colspan行合并。

2.

<head>
        <meta charset="UTF-8">
        <title></title>
        <style>
            body{
                 background-color: cornflowerblue;    
            }
        </style>
    </head>

学习感悟：背景颜色的设置在head中，而不是在body中。background-color为背景颜色。

3.

</head>
    <frameset rows="20%,*">
            <frame src="头部.html"/>
            <frameset cols="20%,*">
                <frame src="left.html"/>
                <frame src="right.html" name="right"/>
            </frameset>
    </frameset>
</html>

学习感悟：“ * ”的意思为剩下的所有部分，frameset即为页面分格。 

学习时间：11.26
 

1.CSS样式属性，CSS样式属性值，CSS声明
            样式属性值有空格，则必须有双引号或单引号
        div是文本框，border为框线宽度，dotted表示框线以点表示，font-family表示字体样式
        css定义位置：
        1.style标签属性（<input style="text-indent:  17px;">）
        2.style标记中 （input{
                text-indent:17px;
            }）
        3.定义在css文件内，使用link标签引入html中（在title下一行引入）      （link rel="stylesheet"   href="css/2222222.css" />）
        

2.在title下的<style><style/>
       （1）“.”    若css属性为class=“” ，则用“.“

       （2）“#”  若css属性为id=“”，则用“#”\

3. 

<ul>
            <li><a id="first" href="http://www.baidu.com">首页</a></li>
            <li><a href="http://www.baidu.com">公司概况</a></li>
            <li><a href="http://www.baidu.com">股票咨询</a></li>
            <li><a href="http://www.baidu.com">新浪动态</a></li>
            <li><a href="http://www.baidu.com">财务信息</a></li>
            <li><a href="http://www.baidu.com">投资者日</a></li>
            <li id="last"><a href="http://www.baidu.com">联系我们</a></li>
        </ul>

对表格内的超链接，应在<li><li>加上<a>标签名<a/>

4.border:1px solid red;
                width:100px ;
                height: 50px;
                line-height: 50px;
                /*单独的font无法与line-height同时使用，模版为font字体大小/line-height的值*/
                font: 12px/50px 华文彩云 ;

即line-height与font无法共存，应以“font 字体大小/line-height的值”为模板

5.clear:left   此为浮动（float）

6.

{font-style: italic;
                font-weight: bold;
                font-size: 36px;
                font-family: "qwqwq","华文彩云";       字体与字体之间以逗号隔开，带有空格的字体要以单
（双）引号引起来
                font-size: 36px"华文彩云";
                /*顺序
                a. font-style font-weight font-size font-family
                
                b.*font-size font-family */

学习时间：2020.12.1

1.<!--fixed 脱离文档流，相对于body整体定位-->
        <!--<div style="border:1px solid black; height:300px; width:300px;">
            <div style=" height:100px;width:100px;background-color: blue"></div>
            <div style=" height:100px;width:100px;background-color: red ;position: fixed;bottom: 30px;right: 30px;"></div>
            <div style="height:100px ;width:100px;background-color: yellow"></div>
        </div>-->
        <!--relative 锁在文档流，相对于该词条自身原本所在位置定位-->
        <!--<div style="border:1px solid black; height:300px; width:300px;">
            <div style=" height:100px;width:100px;background-color: blue"></div>
            <div style=" height:100px;width:100px;background-color: red ;position: relative;bottom: 15px;"></div>
            <div style="height:100px ;width:100px;background-color: yellow"></div>
        </div>-->
        <!--absolute 脱离文档流，相对于非static的position父标签定位-->

心得：absolute是定位与非static的position父标签定位，定位于页面第一页。

          fixed脱离文档流，相对body整体定位。

          relative锁在文档流，相对该词条自身位置定位。

2.i{    
                margin-top: 10px;
                margin-bottom: 10px;
                margin-left: 20px;
                margin-right: 20px;
                /*margin:10px 20px 10px 20px;*/   /*上下左右顺时针*/
                /*margin:10px 20px;*/  /*上下 左右*/
                /*margin:10px 20px 10px;*/  /*上 左右 下*/
                display: inline-block;
                background-color: blue;
            }

心得：没啥好记得，没有position

3./*padding: 10px 20px 10px 20px;*/  /*顺时针*/
                /*padding: 10px 20px;*/  /*上下  左右*/
                /*padding: 10px 20px 10px;*/  /*上 左右 下*/
                display: inline-block;
                background-color: blue;

心得：和margin不太一样。margin是决定行外间距，padding是决定行内间距。

4.a{
                text-decoration: none;
                color: #333;
            }
            a:hover{
                color: #f50;
                text-decoration: underline;                
            }

Noting_
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
2020-10-29
weixin_50687866的博客
10-29 835
数据库学习笔记
AndroidSqlite
xyzBlog
08-11 2260
既然要用到数据库那当然也要了解一下安卓的文件存储,首先看文件存储的代码 文件存储 @Override public void onClick(View v) { switch (v.getId()) { case R.id.button: Log.d(TAG, "onClick: 1"); save("我"); break; case R.i
形参是对象，返回类型是对象数组
JING__12的博客
07-17 292
2018-07-17 22:47:22 1 package test3_student; 2 /** 3 * 学生类 4 * @author ljj 5 * 6 */ 7 public class Student { 8 public String name;//学生名 9 public int age;//年龄 10...
JAVAday18
大能人的博客
12-14 979
1.继承: 为什么要学习继承: 1.继承面向对象的三大特性之一，继承可以帮助我们减少代码量 提高程序的延展性; java中如何实现继承？ extends关键字； java只支持 单继承(一个类只可以有一个父类) 但是可以多重继承, 一个子类继承了一个父类， 那么久拥有了 父类的所有的公共资源， 但是私有属性 ，获取不到， 必须提供 公共的属性的访问器， 继承中构造器可以被继承吗？不可以，但是必须被子类调用， 默认调用的是 super...
【MyBatis】Spring集成原理（四）：注入代理对象 MapperProxy
A minor
12-19 2424
我们使用Mapper 的时候，只需要在加了Service 注解的类里面使用@Autowired注入Mapper接口就好了。 @Service public class EmployeeService { @Autowired EmployeeMapper employeeMapper; public List<Employee> getAll() { return employeeMapper.selectByMap(null);
opencv-450-v15-2020-11-18.zip
04-15
这个“opencv-450-v15-2020-11-18.zip”压缩包文件可能包含了OpenCV的第4.5.0版本的第15次更新，发布日期为2020年11月18日。在这个版本中，可能包括了性能优化、新功能、错误修复和对先前版本的改进。 OpenCV的核心...
gmall2020-mock-db-2021-11-14.jar
最新发布
06-26
gmall2020-mock-db-2021-11-14.jar
gmall2020-mock-log-2020-04-01.jar
12-30
用户行为日志生成脚本
PLX_PCI_PCIe_SDK_Linux_v8_23_Final_2020-11-18
12-14
标题“PLX_PCI_PCIe_SDK_Linux_v8_23_Final_2020-11-18”指的是PLX公司为Linux平台提供的PCI（Peripheral Component Interconnect）和PCI Express（PCIe）芯片的软件开发工具包。该版本号为8.23，发布日期为2020年11...
ISSCC2020-11_19_Visuals.rar
04-04
ISSCC2020-11_Visuals.pdf ISSCC2020-12_Visuals.pdf ISSCC2020-13_Visuals.pdf ISSCC2020-14_Visuals.pdf ISSCC2020-15_Visuals.pdf ISSCC2020-16_Visuals.pdf ISSCC2020-17_Visuals.pdf ISSCC2020-18_...
ChipsBank(芯邦)CBM209X UMPToolV7200(2020-03-19)
05-02
ChipsBank(芯邦)APToolV7200(2020-05-20)CBM2099，CBM2199 相对新一点，这个型号的试了可以用。 显示是CBM2099，但实际上好像是CBM2199 　主控厂商: ChipsBank(芯邦) 　主控型号: CBM2099E - [2019-11-11]
湖北武汉新洲区2020-2020学年七年级上期末试卷--数学.doc
10-11
这份文档是湖北武汉新洲区2020-2020学年七年级上学期的数学期末试卷，主要涵盖了一年级初中生需要掌握的基础数学知识。试卷包括选择题、填空题和解答题，涉及了数学术语、运算、几何、代数等多个方面。 1. 选择题：...
2020-10.docx
09-12
这篇文档是2020年10月高等教育自学考试的操作系统课程的考试真题，主要涉及了操作系统的基础概念、处理器管理、存储管理、进程管理以及死锁和资源分配等多个方面。 1. 运行模式：操作系统通常分为用户模式和特权...
Draft 2020-10-21 11:48:18-数据集
03-04
标题 "Draft 2020-10-21 11:48:18-数据集" 暗示这是一个与数据相关的文件，可能是某个研究项目或数据分析任务的初步草稿。在这个特定的场景中，我们关注的是一个名为 "themes_en - 副本.csv" 的文件，它被包含在...
java runtime environment（JRE）安装 2020-11-4
11-04
java runtime environment（JRE）安装 2020-11-4 一、搭建环境 1.1 安装Keil 5 官网下载：http://www2.keil.com/mdk5/ 百度网盘：https://pan.baidu.com/s/18t_ta0WWX_f1KCKXfgj_Zw 提取码：gx3r 1.2 安装JRE 由于...
震惊！18岁花季少女 竟为了“创建对象” 干出这样事！
m0_60273757的博客
09-30 1493
目录 前言 JavaScript对象 概念 ：属性和方法的无序集合，指具体事物 分类：自定义对象 内置对象 浏览器对象 创建对象的三种方法 1.字面量创建对象 2.new Object 创建对象 3.构造函数创建对象 前言 对象？什么是对象？难道母胎solo也可以轻松拥有对象？搞好“对象”，从此之后单身再也与你无关！大家好我是一名十八岁少女，我要用最简单通俗的语言来告诉你最有用的知识！在这条变得“绝顶聪明”路上，以后就有这个是十八岁少女与你并肩同行吧！...
android18 sex,《Android面试宝典》学习笔记（第六章：数据库）
weixin_39949894的博客
05-28 2621
如何将table1的内容复制到table2上？createtabletable2asselect*fromtable1;创建视图的SQL语句？create view if not exists view1 as select * from table1;abs(X)的返回值有几种情况？X为正值和0：返回X；X为负值：返回-X；X为NULL，返回NULL；不是数值：返回0；超出范围：溢...
testst
热门推荐
exexexexexe的博客
02-26 4万+
字符串 1、a.split() b = a.split(’,’) 按照符号分割字符串组成新的列表 a.split(str="", num=string.count(str)) 参数 str – 分隔符，默认为所有的空字符，包括空格、换行(\n)、制表符(\t)等 num – 分割次数。默认为 -1, 即分隔所有 2、a.replace() b = a.replace(old, new[, max]) 参数 old – 将被替换的子字符串 new – 新字符串，用于替换old子字符串 max – 可选字符串,
18、Ajax的理解和使用
伦伦的博客
03-11 2万+
1、原生Ajax 1.1、Ajax简介 （1）Ajax全称为 Asynchronous javascript and xml,就是异步的 js 和 xml （2）通过Ajax可以在浏览器中发送异步请求，最大优势：浏览器无刷新获取数据 （3）Ajax不是新的编程语言，而是一种将现有的标准语言组合在一起使用的新方式 1.2、XML简介 （1）可扩展标记语言 （2）被设计用来传输数据和存储数据 （3）XML和HTML类似，不同的是HTML都是预定义标签，而XML中没有预定义标签，都是自定义标签 //比如我有一个学
<NE08E-S6E_dayangtiancheliangduan>dis cur !Software Version V300R005C00SPC200 !Last configuration was updated at 2020-09-08 13:38:28+08:00 by huawei !Last configuration was saved at 2020-11-18 00:00:07+08:00 by huawei # loop-detect trigger enable # clock timezone Beijing add 08:00:00 # sysname NE08E-S6E_dayangtiancheliangduan # set neid b47628 lldp enable-dcn authentication %^%#/vH]8;MUZ$kCQ=R-i!<-CADoCJ*zC3k]UwY)bg($%^%# # FTP client-source -a 10.50.211.1 # undo user-security-policy enable # vlan batch 1070 1100 1122 1125 # stp mode rstp stp enable # ecc peer-public-key 127.0.0.1 public-key-code begin 0400D3C4 6FE480BC C03D8CEA 8327663E CD7F7D5F F2D08DEF C6AEBD7C 8A24A69D 5702E7C7 0C150696 46DF5A09 11AFFF7D 1C57FAD6 43081D2B E16E4186 5FB74059 74263601 D6E4FD99 D84191D7 3B91DBB6 7D347829 3F5ECD04 88D6645E 096E2EBB 3BA03723 693DD706 139CFA1F 451A294B 56018F22 FC0CB1B4 29BC984A 38455B22 BBF86B67 67 public-key-code end peer-public-key end
06-01
这是一个华为路由器的配置信息，可以看到当前使用的软件版本是V300R005C00SPC200，配置最后一次更新和保存的时间分别是2020年9月8日和2020年11月18日。其中包含了一些配置命令，如启用了环路检测、设置了时区等等。...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值