2. 软件开发
    3. html学习总结（1）

    html学习总结（1）

    xiaoxiao2022-07-04  169

    目录

    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>

     

    最新回复(0)