HTML基础

今天是第一次写自己的博客，程序员的旅途正式开始，工科女一直觉得编程是一件很难的事情，但是做哪件事情不是开头难呢，加油！努力，坚持，我也可以做到很棒的。毕竟每个坚持自己梦想的人都很酷！
今天学习了HTML的基础知识，了解了各个标签的作用以及在页面上展示出来的效果，首先是一些标签的作用。

<p>段落标记</p>
<div id=...> 块元素</div>
<hx>标题文本</hx>【x为1-6】
<code>加入一行代码</code>
<pre>加入多行代码</pre>
<address>联系地址信息</address>
<q>短文本引用</q>
<blockquote>长文本引用</blockquote>【页面上呈缩进样式】
<em>需要强调的文本</em>【浏览器中斜体显示】
<strong>...</strong>【浏览器中加粗显示】

<br/>换行【空标签】
<hr>水平横线
<b>加粗</b>
<i>斜体</i>
<u>下划线</u>
<sub>下标</sub>
<sup>上标</sup>
&nbsp;空格
<!--注释-->

【列表】无前后顺序
<ul>
    <li>...</li>
</ul>

【有序列表】
<ol>
    <li>...</li>
</ol>

【表格】
<table>
      <tr>
      <th>表格表头</th>【加粗显示单元格列】 或者 <td>元素</td>
      </tr>
</table>       
【<tbody>表格下载一点显示一点</tbody>】

【摘要】<table summary="表格简介文本">

【标题】<caption>标题文本</caption>
   格式：<table summary="...">
             <caption>...</caption>   【在浏览器中不显示】
             <tr>
                <td>...</td>
             </tr>
        </table>

<a href="目标网址 title="鼠标滑过显示的文本">链接显示的文本</a>

<a href="目标网址 title="_blank">链接在新窗口中打开</a>

<a href="mailto（邮箱地址）:   ?cc（抄送地址）=   &bcc（密件抄送地址）=   &subject=主题 &body=-邮件内容">发送</a>


<img src="图片地址" alt="图片不可见时替换的文本" title="提示文本">

【交互表单】
 <form method="传送方式[get/post]" action="服务器文件">  </form>
 [文本密码输入框]
 <form>...:
      <input type="text/password" name="名称" value="文本" />
 </form>   

【文本输入域】输入大段文字时
<textarea rows（height）="行数" cols（width）="列数">文本</textarea>

【单选框复选框】
<input type="radio（单）/checkbox（复）" value="值（后台php用）" name="名称" checked="checked" />  
*当type=radio时 name要一致

【下拉列表】
1.单选操作
<form name="">
    <label>...</label>
    <select>
           <option value='向服务器提交的'>选项（显示的值）</option>
</form>      *若设置selected="selected"则默认选中
2.多选操作
在<select>中设置multiple="multiple"属性
在windows系统中，同时按下ctrl+单击实现多选操作

【提交按钮】
<input type="submit(text/passworde)" value="按钮上显示的文字">    当为submit时才为按钮
【重置按钮（表单信息）】
<input type="reset" value="重置">

【form表单中的label标签】
<label for="控件id名称">   *标签中for属性值和id属性值一定相同
例：<label for="male">男</label>
    <input type="radio" name="gender" id="male" />