今天是第一次写自己的博客,程序员的旅途正式开始,工科女一直觉得编程是一件很难的事情,但是做哪件事情不是开头难呢,加油!努力,坚持,我也可以做到很棒的。毕竟每个坚持自己梦想的人都很酷!
今天学习了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>
空格
【列表】无前后顺序
<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" />