HTML&&CSS————基本布局1

1.表单

 <!-- input可输入框 type限制类型  text文本  number数值类型 password密码 radio单选框 checkbox 多选框-->

        用户名 <input type="text">

        <!-- br换行 -->

        <br><br>

        手机号 <input type="number">

        <br><br>

        密码 <input type="password">

        <br><br>

        <!-- 单选框如果想要成为真正的单选框,需要加一个相同的name值 -->

        性别 <input type="radio" name="sex">男 <input type="radio" name="sex">女

        <br><br>

        爱好 <input type="checkbox">游戏 <input type="checkbox">音乐<input type="checkbox">csdn

        <br><br>

        出生地 <select name="" id="">

                <option value="">广州</option>

                <option value="">肇庆</option>

                <option value="">湛江</option>

                <option value="">广州</option>

            </select>

        <br><br>

        自我介绍

        //<textarea></textarea>是文本框,在页面显示可以随意调节宽高。

        <textarea name="" id="" cols="30" rows="10"></textarea>

        <br><br>

<table> // 表格

            <!-- tr书写每一行的内容 td书写每一列 -->

            <tr>

                <td>姓名</td>

                <td>学号</td>

                <td>班级</td>

            </tr>

</table>

2.常用标签

<!-- html:5+tab 文档结构 -->

<!-- h5文档头:告诉浏览器用哪一种方式编译代码 -->

<!DOCTYPE html>

<!-- 文档体 lang设置语言-->

<html lang="en">

    <!-- head头部放置的是配置文件 -->

    <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>这是我的第一个网站</title>

    </head>

    <!-- body书写自己的代码 书写页面结构 -->

    <body>

        <!-- <标签名 k="v" k="v"></标签名> 或者 <标签名 k="v"> k代表的是属性 v代表的是值 多个属性中间使用空格-->

        <!-- 标签名+tab -->

        <!--img引入图片  src放置图片地址 alt图片不能正常显示的时候,提示文字  title鼠标移入提示文字 -->

        <img src="pic.png" alt="这是一个美女的照片" title="这是logo图片">

        <!-- 使用标签的目的,不是为了程序员,为了浏览器排名。使用正确的标签做正确的事情 -->

        <!-- h1-h6标题文字 h1语义非常重,一般一个页面,只能有一个,用来引入logo

            h2一般一个页面只能有两个

            h3一般一个页面只能有三个

            其余自定义

        -->

        <!-- p段落文字引入一段话一段文字 -->

        <!-- 页面跳转超链接a href放置的是跳转的页面地址 target="_blank"加此属性,在新页面打开。不加默认在当前页面打开-->

        <a href="https://hao.360.com/" target="_blank">360导航</a>

        <!-- ul li结构类似的布局 无序

             ul的子级(第一级包裹的)只能是li

             li的父级(第一级包裹该标签的)只能是ul

        -->

        <ul>

            <li></li>

            <li></li>

            <li></li>

        </ul>

        <!-- ol实现有序列表 -->

        <ol>

            <li></li>

            <li></li>

            <li></li>

        </ol>

        <!-- div用来实现布局 -->

        <div></div>

        <!-- 引入小元素 -->

        <span></span>

        <b></b>

        <u></u>

        <i></i>

        <!-- 文本域 -->

        <textarea name="" id="" ></textarea>

    </body>

</html>   

<!-- 

    常用快捷键

    注释:ctrl+/?

    f5刷新

 -->

3.锚点

<!-- 

    锚点就是一个小标记,用户做的一个标记,点击以后可以跳转到这个标记里面

    跳转的地方使用name取值

    点击的地方使用#name值

 -->

<!-- sup上标 -->

<body>

    <h1>大数据精准推送</h1>

        <h3>一、大数据时代背景和意义</h3>

            <p>大数据的萌芽期是在二十世纪九十年代,那是大数据源于美国,在1997年,NASA阿姆斯科研中心的大卫·埃尔斯沃斯和迈克尔·考克斯在研究数据的可视化问题的时候,首次使用了大数据这个概念。发展期在二一世纪,在此阶段,数据的处理技术相继出现,大数据开始展现活力。而在2011年开始,大数据迎来了属于自己的兴盛时期,人们通过大数据处理一系列的问题,大数据的计算迈向一个新的高度。

            大数据从兴盛到如今短短10年,已经普遍应用在了各行各业中,大数据的存在是将没有任何的价值的数据整合 <sup><a href="#sum">[1]</a></sup> 起来,让数据值钱,将数据通过另外的一种形式出现在大众的视线中,在当今信息爆炸的时代,大数据的应用已经成为了潮流,这个浪潮大力地推动着社会的发展。<br></p>

        <h3>二、大数据的作用</h3>

            <p>如今的网上购物、短视频观看和天气预报,这三者是与我们生活最为贴近的事物了,大多数人已经告别了以前的购物方式,已经很少人到实体店去购买商品。

             举例来说,天气对于人们的出行安排有着很大的影响。在古代,不论是嫁娶还是开业经营都需要挑选一个天气晴朗的日子。久而久之人们就对天气的数据有了一定的积累。一个人依靠自己多年对天气的经验去预测未来几天是否是晴天这就是猜测。如果是一群人将几十年天气变化的数据全都统计到一起,从中找寻相同点和不同点,分别列举最后所得到的数据就可以精准的预测未来天气如何。有了大数据的精准预测,人们就可以避开那些天气不好的日子,从而让自己的生活和事业更加的顺利。如同古人张衡依靠数据的统计制作出了地动仪来预测各个地区的地震,从而成为了流芳千古的天文学家。

            我们再来说说大数据对于现在我们经济的影响。大数据在我们这个发达的社会中已经不是一个陌生的词汇了,相信大家都已经对大数据有了一定的了解和认知。我们的日常生活中也充满着各种各样的大数据统计。当你在购物的时候,浏览过任何的商品在后台都能记录下来,然后通过数据分析整理,就能推送你喜欢或者关注的商品了。外卖软件会根据以往的历史数据来精准的预测出送达所需要的时间,这里面需要餐厅不同时间段人口的多少,成餐的速度,不同时间段道路的交通压力,这可是非常庞大的数据,但是这些努力都不是白费的,我们的生活水平确实得到了提高,商家的经营范围也得到了扩大。

            如今的大数据已经彻底的融入了我们的生活,大数据时代的到来为我们的互联网行业又打开了一个更加宽阔的道路。一切行业都不过是大数据时代下的沧海一粟 <a href="#little">[2]</a> 。在大数据时代下我们将会享受到更加智能化的服务。<br></p>

        <h3> 三、为什么能精准推送和广告的作用</h3>

            <p>大数据通过对大量数据分析得出结论,根据历史数据分析当数据足够大时结论就相对准确。

            在商界中,人们所说的大数据作用,即从当地生活服务平台的好评,通过数据库分析,将大数据糅合到一起,就能形成一个庞大的数据库,里面包含了各种各样的信息和用户资料,通过用户对某件商品的评价或者浏览时间长度,来了解顾客的消费倾向,从而进行对商品执行优惠政策,来大幅度提高某件商品的销售总量,提高销售额。

            如今的互联网已经进入到了大数据的时代了,得益于海量的基础数据和越来越高级的算法,你在任何app <a href="#app">[3]</a> 或者浏览器中观看的信息都会存储进数据库,因此在后台就能清晰的观看到你的历史记录,可以通过你的观看时长和次数来推送一些你感兴趣的内容,浏览的信息首页不再随机杂乱,而是量身定做,这样的好处是方便寻找自己喜欢看的内容,如果算法再厉害点,还可以作延伸阅读和深度阅读,最明显的例子便是各类新闻APP和音乐软件。<br></p>

        

        <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br>

        <ul>

            <li> 

                <a href="" name="sum" >这是将所有的数据集合在一起</a>

            </li>

            <li>

                <a href="" name="little">指某种事务十分稀少</a>

            </li>

            <li>

                <a href="" name="app">应用软件</a>

            </li>

        </ul>

        <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br>

</body>

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值