HTML

  • 注释<!--这里是注释-->
  • 页面内容<body>展示的页面内容</body>
  • 段落 <p></p>
  • 标题<hx></hx>     <body>     <h1>一级标题</h1>       <h2>二级标题</h2>     <h3>三级标题</h3>          <h4>四级标题</h4>     <h5>五级标题</h5>     <h6>六级标题</h6>     </body> 
  • 强调语气      加粗<strong>需要强调的文本</strong>      斜体<em>需要强调的文本</em>
  • span标签      标签是没有语义的,它的作用就是为了设置单独的样式用的。      <style>       <span>{            color:blue;       }      </style>      <span>要修饰的文本</span>
  • 引用      短文本,如一句话,一个词<q></q>              <q>引用的文本</q>(自动会加上双引号)      长引用,如一首诗,想按照好看的格式输出,相当于缩进格式              <blockquote></blockquote>
  • 换行<br/>
  • 空&nbsp;
  • 添加分割线<hr/>
  • 地址<address></address>
  • 添加代码语言     短代码<code></code>     长代码<code></code>
  • 列表      无前后顺序<ul></ul>          <ul>              <li>精彩少年</li>              <li>美丽突然出现</li>              <li>触动心灵的旋律</li>           </ul>

    有前后顺序<ol></ol> <ol>              <li>前端开发面试心法 </li>              <li>零基础学习html</li>              <li>JavaScript全攻略</li>          </ol>

  • div将模块进行分块,每一个都是div块

      给div命名 <div id="name"></div>

  • 表格<table></table>      <table>          <tr>               <th>班级</th>表格头               <th>姓名</th>               <th>性别</th>           </tr>          <tr>第一行              <td>第一列</td>              <td>第二列</td>              <td>第二列</td>          </tr>          <tr>第二行              <td>第一列</td>              <td>第二列</td>              <td>第二列</td>           </tr>      </table>   用css将表格设置表格边框 <style type="text/css"> table tr td,th{border:1px solid #000;} </style>

    为表格添加标题和摘要           摘要<table summary="表格简介文本">           标题<caption>标题文本</caption>

  • 链接     原网页打开窗口<a href="www.baidu.comn" >百度(链接的文字)</a>     新建浏览器窗口打开链接  <a href="目标网址" target="_blank">click here!</a>
  • 插入图片<img>    <img src = "myimage.gif" alt = "My Image"  title = "My Image" />          src图片路径          alt指定图像的描述性文本,当图像不可见时(下载不成功时),nia可看到该属性指定的文本          title提供在图像可见时对图像的描述(鼠标滑过图片时显示的文本)
  • 表单标签与用户交互 <form method="传送方式" action="服务器文件">     文本输入框,密码输入框  <input type="text/password" name="名称" value="文本" />               name为文本框命名,以备后台程序ASP 、PHP使用               value为文本输入框设置默认值。(一般起到提示作用)     多行文本输入    <textarea rows="行数" cols="列数">文本</textarea> <form method="post" action="save.php">                     <label>联系我们</label>                  <textarea cols="50" rows="10" >在这里输入内容...</textarea>               </form>
  • 单选框,复选框让用户选择       <input type="radio/checkbox" value="值" name="名称" checked="checked"/>             type                  radio表示单选框                  checkbox复选框              chekced=“checked”默认为对勾打上,不写的话就不勾上

注意:同一组的单选按钮,name取值一定要一致,比如上面例子为同一个名称“radioLove”,这样同一组的单选按钮才可以起到单选的作用。

  • 下拉表框单选  <label>爱好:</label>     <select>        <option value="看书">看书</option>        <option value="旅游" selected="selected">旅游</option>        <option value="运动">运动</option>         <option value="购物">购物</option>     </select>  selected="selected"表示默认被选中
  • 下拉表框多选  <label>爱好:</label>      <select multiple="multiple">         <option value="看书">看书</option>          <option value="旅游">旅游</option>         <option value="运动">运动</option>         <option value="购物">购物</option>       </select>
  • 提交按钮 <input type="submit" value="提交">
  • 重置按钮        <input type="reset" value="重置">
  • 标签    label标签不会向用户呈现任何特殊效果,它的作用是为鼠标用户改进了可用性如果你在 label 标签内点击文本,就会触发此控件。就是说,当用户单击选中该label标签时,浏览器就会自动将焦点转到和标签相关的表单控件上    <label for="male">男</label>    <input type="radio" name="sex" id="male" /><br />     <label for="female">女</label>    <input type="radio" name="sex" id="female" /> 注意:标签的 for 属性中的值应当与相关控件的 id 属性值一定要相同。 PS:这篇文章是对于慕课网的学习笔记 http://www.imooc.com/learn/9

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • FOJFOJ有奖月赛-2012年4月(校赛热身赛)-解题报告总结

    题3:买票三人行 lzs,v11,shadow三个人一起去火车站买票,售票处有三个窗口,每个窗口都有人在排队,三个人各自独立地选择了一个窗口去排队买票,现在已知...

    用户1624346
  • Roman to Integer

    问题:罗马数字变为整数 class Solution { public: int romanToInt(string s) { cha...

    用户1624346
  • Shell学习

    输出 echo 变量 alue=“Theron”,value=100 只读变量readonly value="12345" 2 readonly value...

    用户1624346
  • select重复选择同一项,还可以触发onchange事件

    当你重复点击同一项的时候,你会发现根本不会执行onchange方法.大家可以依照上面的方法,就可以实现重复点击的时候也能够实现onchange方法了,有关sel...

    山河木马
  • leecode刷题(22)-- 反转数组

    再让 pre = key, key = last, last = last.next:

    希希里之海
  • 深度学习中最常见GAN模型应用与解读

    2014年Ian Goodfellow首次提出Generative adversarial networks (生成对抗网络)简称GANs,生成对抗网络就开始在...

    OpenCV学堂
  • 用JavaScript把CSV与Excel转为Json[每日前端夜话0xC5]

    有两个 JavaScript 插件可用于读取和处理 CSV 和 Excel 文件,之后仅对自己的脚本进行编码即可。

    疯狂的技术宅
  • 99%的人都不知道的pandas骚操作(一)

    pandas有一种功能非常强大的方法,它就是accessor,可以将它理解为一种属性接口,通过它可以获得额外的方法。其实这样说还是很笼统,下面我们通过代码和实例...

    用户2769421
  • 99%的人都不知道的pandas骚操作(一)

    pandas有一种功能非常强大的方法,它就是accessor,可以将它理解为一种属性接口,通过它可以获得额外的方法。其实这样说还是很笼统,下面我们通过代码和实例...

    猴哥yuri
  • MongoDB数据库(一)

    在爬虫中我们会时常用到mongoDB数据库。mongoDB的优点在于易扩展,高性能,灵活的数据了类型。

    不断折腾

扫码关注云+社区

领取腾讯云代金券