HTML基础

段落
<p>This is my first paragraph.</p>
链接由 <a> 标签定义
<a href="http://www.w3school.com.cn">This is a link</a>
标题<h1> to <h6>
<h1>This is a heading</h1>
<style> 标签用于为 HTML 文档定义样式信息。
<style type="text/css">h1 {color:red} p {color:blue}</style>
<div> 可定义文档中的分区或节（division/section）。
<div> 标签可以把文档分割为独立的、不同的部分。<div> 是一个块级元素。这意味着它的内容自动地开始一个新行。
<div style="color:#00FF00">
  <h3>This is a header</h3>
  <p>This is a paragraph.</p>
</div>

<font> 规定文本的字体、字体尺寸、字体颜色。

<span> 标签被用来组合文档中的行内元素。</span>

    <span>text1</span>  <span>text2</span>

调用另一个js里的函数要包含js

   <script src="lib/eVal.js"></script>

调用另一个css的style要包含该css

       <link href="styles/left.css" rel="stylesheet">

直接在html中设置style

    <div style="color:#00FF00">

标签页的实现

<div class="tabbable"> <!-- Only required for left/right tabs -->
  <ul class="nav nav-tabs">
    <li class="active"><a href="#tab1" data-toggle="tab">Section 1</a></li>
    <li><a href="#tab2" data-toggle="tab">Section 2</a></li>
    <li><a href="#tab3" data-toggle="tab">Section 3</a></li>
  </ul>
  <div class="tab-content">
    <div class="tab-pane active" id="tab1">
      <p>I'm in Section 1, {{tab1}}.</p>
    </div>
    <div class="tab-pane" id="tab2">
      <p>Howdy, I'm in Section 2, {{tab2}}.</p>
    </div>
    <div class="tab-pane" id="tab3">
      <p>Howdy, I'm in Section 3, {{tab3}}.</p>
    </div>
  </div>
</div>

label

 <label class="checkbox">
            <input ng-model="ngChangePass" ng-change="chkPswChanged()" id="idngChangePass" type="checkbox">{{}}
            </label>

checkBox inline

<div class="controls">
              <label class="checkbox inline">
                <input type="checkbox" value="option1" id="inlineCheckbox1"> 1
              </label>
              <label class="checkbox inline">
                <input type="checkbox" value="option2" id="inlineCheckbox2"> 2
              </label>
              <label class="checkbox inline">
                <input type="checkbox" value="option3" id="inlineCheckbox3"> 3
              </label>
            </div>

radio

<label class="radio"><input type="radio" checked="" value="option1" id="optionsRadios1" name="optionsRadios">
        第一个选项，最好给出将其做为首选的理由</label>