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>