HTML基础语法使用

HTML基础语法：

文本格式标签

<p> 标签标识段落文本

<!--
      2.字符格式标签的文本
      
 -->
<b>标识强调文本，以加粗效果显示。</b>
<i>标识引用文本，以斜体效果显示。</i>
<em>标识引用文本，以斜体效果显示。</em>
<small>标识缩小文本，以缩小效果显示。</small>
<big>标识放大文本，以放大效果显示</big>
<blink>标识闪烁文本，以闪烁效果显示。IE浏览器不支持该标签。</blink>
<sup>标识上标文本，以上标效果显示。</sup>
<sub>标识下标文本，以下标效果显示。</sub>
<cite>标识引用文本，以引用效果显示。</cite><br />

<p>例如，针对下面这个一元二次方程：</p>
<p><i>x</i><sup>2</sup>-<b>5</b><i>x</i>+<b>4</b>=0</p>
<p>
  我们使用<big><b>因式分解法</b></big
  >来演示解题思路如下：
</p>
<p><small>由：</small>(<i>x</i>-1)(<i>x</i>-4)=0</p>
<p>
  <small>得：</small><br />
  <i>x</i><sub>1</sub>=1<br />
  <i>x</i><sub>2</sub>=4<br />
</p>

<h1>解一元二次方程</h1>
<p>一元二次方程求解有4中方法</p>

<!-- 3.
    列表标签
    ul: 无序列表
    li: 列表的项目
    ol: 有序列表
 -->
<ul>
  <li>字节开平方法</li>
  <li>配方法</li>
  <li>公式法</li>
  <li>因式分解法</li>
</ul>

<!-- 4. 定义列表：
    dl: 标识定义列表
    dt：标识定义列表的标题
    dd: 标识解释
 -->
<dl>
  <dt>知无不言，言无不尽</dt>
  <dd>知道的就说，要说就毫无保留。</dd>
  <dt>智者千虑，必有一失</dt>
  <dd>不管多聪明的人，在很多次的考虑中，也一定会出现个别错误。</dd>
</dl>



<!-- 5.链接标签   a  超链接 -->
<a href="http://www.baidu.com">去百度</a>

<!-- a还有 还有一个锚点的作用  这个我喜欢用-->
<a href="#btm">点击跳转到底部</a>
<div style="height: 1000px;border:1px solid #f00;"></div>
<span id="btm">底部锚点的位置</span><br/>

<!-- 6. 多媒体标签 -->
<img src="./images/1.jpg" alt="nihao" style="width:343px;height:220px">


<!-- 7. 
    表格标签 
    table 定义结构
    caption 定义标题
    th  定义表头
    tr 定义表格行
    td 定义表格单元格
-->
<table summary="ASCII是英文American Standard Code for Information Interchange的缩写。ASCII编码是目前计算机最通用的编码标准。因为计算机只能接受数字信息，ASCII编码将字符转换为数字来表示，以便计算机能够接受和处理。">
    <caption>ASCII字符集(节选）</caption>
    <tr>
        <th>十进制</th>
        <th>十六进制</th>
        <th>字符</th>
    </tr>
    <tr>
        <td>9</td>
        <td>9</td>
        <td>TAB(制表符)</td>
    </tr>
    <tr>
        <td>10</td>
        <td>A</td>
        <td>换行</td>
    </tr>
    <tr>
        <td>13</td>
        <td>D</td>
        <td>回车</td>
    </tr>
    <tr>
        <td>32</td>
        <td>20</td>
        <td>空格</td>
    </tr>
</table>

<!-- 8. 定义表单  用于交互式表单
    form: 定义表单的结构
    input: 定义文本域，按钮和复选框
    textarea 定义多行文本框
    select 定义下拉列表
    option 定义下来列表的子项。
 -->
 <form id="form1" name="form1" method="post" action="">
    <p>单行文本域：
        <input type="text" name="textfield" id="textfield" />
    </p>
    <p>密码域：
        <input type="password" name="passwordfield" id="passwordfield" />
    </p>
    <p>多行文本域：
        <textarea name="textareafield" id="textareafield"> </textarea>
    </p>
    <p>复选框：复选框1
        <input name="checkbox1" type="checkbox" value="" />
        复选框2
        <input name="checkbox2" type="checkbox" value="" />
    </p>
    <p>单选按钮：
        <input name="radio1" type="radio" value="" />
        按钮1
        <input name="radio2" type="radio" value="" />
        按钮2</p>
    <p>下拉菜单：
        <select name="selectlist">
            <option value="1">选项1</option>
            <option value="2">选项2</option>
            <option value="3">选项3</option>
        </select>
    </p>
    <p>
        <input type="submit" name="button" id="button" value="提交" />
    </p>
</form>