html学习总结(1)

目录

1.基本标签​

2.超链接

3.锚点跳转 

4.列表 

5.表单

6.html5新增标签-网页练手

7.音频视频


1.基本标签

<html>
<head>
    <meta charset="UTF-8">
    <title>deng</title>
</head>
<body>
<h1>标题标签</h1>
<h2>标题标签</h2>
<h3>标题标签</h3>
<h4>标题标签</h4>
<h5>标题标签</h5>
<h6>标题标签</h6>
<!--hr 横线-->
<hr>
<!--p 段落-->
<p>ctrl+d 行复制 ,ctrl+/ 单行注释,ctrl+shift+/块注释,ctrl+shift+ up/down 上下移动句子 Ctrl+空格 代码提示</p>
<p>ctrl+d 行复制 ,ctrl+/ 单行注释,ctrl+shift+/块注释,ctrl+shift+ up/down</p>
<!--图片标签  相对路径 绝对路径  -->
<!--width height border aligh-->
<img src="../day2/image.jpg" alt="图片" title="露珠" width="150" border="13">
<img src="http://inews.gtimg.com/newsapp_bt/0/5844173564/641" width="250">
<!--换行标签-->
<br>
<br>
<br>
<!--表单标签-->
<input type="text" value="用户名">
<input type="text" placeholder="请输入用户名">
<input type="password" placeholder="请输入密码">
<input type="date">
<input type="color">
<input type="file">
<input type="checkbox">
</body>
</html>

2.超链接

 

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>超链接</title>
</head>
<body>

<a href="#">百度一下</a>
<a href="http://www.baidu.com" target="_blank">百度一下</a>
<a href="http://www.itlike.com" target="_self">
    <img src="../day2/image.jpg" alt="图片" title="露珠" width="150">
</a>
<a href="javascript:">测试</a>
</body>
</html>

3.锚点跳转 

4.列表 

<ul>
    <li>列表1</li>
    <li>列表2</li>
    <li>列表3</li>
    <li>列表4</li>
</ul>

<ol>
    <li>列表1</li>
    <li>列表2</li>
    <li>列表3</li>
    <li>列表4</li>
</ol>

<dl>
    <dt>我是dl</dt>
    <dd>我是dt</dd>
    <dd>我是dt</dd>
    <dt>我是dl</dt>
    <dd>我是dt</dd>
    <dd>我是dt</dd>
</dl>

 5.表单

<form  action="#">
    <label>用户名</label>
    <input type="text" placeholder="请输入用户名">
    <br>
    <br>
    <label>密   码</label>
    <input type="password" placeholder="请输入密码">
    <br>
    <br>
    <label>个人介绍</label>
    <textarea name="intro" rows="10" cols="10"></textarea>
    <br>
    <br>
    <label>性别:</label>
    <select name="sex">
        <option value="男">男</option>
        <option value="女">女</option>
    </select>
    <br>
    <br>
  <input type="submit" value="提交">
</form>

6.html5新增标签-网页练手

 

<body>
    <!--头部-->
    <header>
        <h1>强东沉寂,马云退休...互联网巨头“储君”记</h1>
        <h4>新浪科技 • 2019-02-12 10:49</h4>
        <img src="http://images.tmtpost.com/uploads/images/2019/02/20190212104815491.jpg?imageMogr2/strip/interlace/1/quality/85/thumbnail/1400x868/gravity/center/crop/!1400x868&ext=.jpg" width="60%">
    </header>
    <!--导航-->

    <nav>摘要: 在如何解决增长瓶颈,避免陷入消极性竞争面前,有些创始人开始担忧“继承者”的人选。对于那些略显疲态的企业,是否会因创始人的放手,重获新生呢?</nav>
    <!--主要内容-->
    <article>
        <!--章节-->
        <section>
            <h2> 01 “隐 退”</h2>
            <p>每天清晨8点半,京东集团的高官们准时参加晨会,一个不能少。

                刘强东坐在中央,半小时内快速听取各方问题,试图给予决策。更多时候,他会向高管提出任务,并要求在规定时间汇报结果。

                江湖上有句传闻:京东是刘强东一人的京东,他在公司拥有绝对的控制权。数字说明一切:据2017年年报透露,在京东内部,他持有集团15.5%的股权,却拥有79.5%的投票权。

                “一言堂”,成为他难以磨灭的人设标签。

                显然,刘强东也深知此举不妥:在业务繁杂且不断扩张的集团中,“一言堂”绝非好事,放权则是必然。</p>
            <p>今年1月19日,他替代刘强东主持京东商城年会。一时间,关于徐雷将成京东“储君”、“二把手”的言论甚嚣尘上。

                势头不对,徐雷急忙在微博上调侃辟谣,称“别联想太多”。

                但这丝毫未打消外界的猜测。

                一方面,犹如淘宝天猫对阿里巴巴的价值相同,京东商城业务承担了集团90%以上的收入,属绝对核心;另一方面,刘强东不参与外界会议尚有说辞,但缺席核心业务的会议难以理解,更重要的是,这是他首次缺席商城年会。

                紧接着,在一周后的达沃斯上,徐雷首次亮相</p>
        </section>
        <!--章节-->
        <section>
            <h2>02 “二进宫”</h2>
            <p>时间倒回至2006年。

                这一年,电商与实体展开激烈碰撞,刘强东带着一票兄弟在价格战中不断厮杀,几近弹尽粮绝。不巧又遇资本寒冬,不愿放弃“控制权”的刘强东屡次融资受挫。

                一个女人“拯救”了他。在与今日资本的徐新彻夜长谈后,徐给了刘1000万美元,远超过刘索要的200万美元。

                深入了解后,徐新发现京东的创始团队专业水准较低,于是帮忙引进人才,陈生强(现为京东数字科技CEO)便加入其中。

                由于其出色的专业能力,让刘强东意识到了人才的重要性。

                同样,在徐新的推荐下,徐雷以市场营销顾问的身份加入。

                此后,他又担任了京东商城营销副总裁.</p>
        </section>
    </article>
    <!--尾部-->
    <footer>
        <h3>更多精彩内容,关注钛媒体微信号(ID:taimeiti),或者下载钛媒体App</h3>
        <img src="http://images.tmtpost.com/uploads/images/2017/12/20171204114042938.jpg" width="60%">
         <p>本文系作者 新浪科技 授权钛媒体发表,并经钛媒体编辑,转载请注明出处、作者和本文链接。</p>
    </footer>
</body>

7.音频视频

<body>
<video src="" controls="controls"></video>
<audio src="" controls="controls"></audio>
</body>

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值