HTML基础知识

html里的注释格式

<!--<p>hello</p>-->

标签语义化：明白每个标签的用途，知道在什么情况下使用此标签合理。

语义化的好处：1、更容易被搜索引擎收录 2、更容易让浏览器读出页面的内容。

HTML标签汇总:

<p>放入文章的段落。是块级元素</p> 

<em>em强调的文本。斜体。行内元素</em>

<strong>strong强调的文本。加粗。行内元素</strong>

<span>给内容设置单独样式时使用的，无语义</span> 

<q>短文本引用，有引号效果</q> 

<blockquote>长文本引用，有缩进效果</blockquote>

<br /> 空标签，用来换行。

&nbsp; 空格

<hr /> 空标签，水平横线

<address>加入地址信息，默认斜体</address>

<code>加入一行代码</code>

<pre>加入大段代码</pre>

<ul>
 <li>无序列表</li>
 <li>默认带圆点</li>
</ul>

<ol>
 <li>有序列表</li>

 <li>默认带编号</li>
</ol> 

<div>容器，放进一些独立的逻辑部分或者各个板块</div>

表格：

创建表格的四元素：table、tr、td、th。

<table summary="表格摘要">
	<thead>
		<tr>
			<th>标题1</th>
			<th>标题2</th>
			<th>标题3</th>
			<th>标题4</th>
		</tr>
	</thead>
	<tbody>
		<caption>标题文本</caption>
		<tr>
			<td>内容1</td>
			<td>内容2</td>
			<td>内容3</td>
			<td>内容4</td>
		</tr>
	</tbody>
	<tfoot>
		<tr>
			<td>結尾1</td>
			<td>結尾2</td>
			<td>結尾3</td>
			<td>結尾4</td>
		</tr>
	</tfoot>
	</table> 

<a href="目标网址" title="鼠标滑过显示的文字">链接文本，默认蓝色，点击后紫色</a> 

<a href="http://ryx.oeeee.top" target="_blank">新建窗口打开链接</a>

<a href="mailto:sxauyx@163.com?subject=邮件主题&body=邮件内容">链接Email地址</a> 

<img src="图片地址" alt="下载失败时的替换文本" title="鼠标划过时会显示">

表单：用来向服务器提交数据的标签

input的type属性的几个值：text、password、radio、checkbox、submit、reset

<form method="POST/GET" action="服务器文件">
	<label for="username">用户名:</label>
	<input type="text" name="username" id="username" /><br />
	<label for="pass">密码:</label>
	<input type="password" name="pass"><br />
		
	<textarea name="文本域" cols="30" rows="10">默认的内容.</textarea><br />

	<input type="radio" value="提交数据到服务器的值" name="名称" checked="checked">单选框,name一定要一样<br />
	<input type="radio" value="提交数据到服务器的值" name="名称" checked="checked">单选框<br />
	<input type="radio" value="提交数据到服务器的值" name="名称" checked="checked">单选框<br />

	<input type="checkbox" value="男" name="checkbox1">多选框,男<br />
	<input type="checkbox" value="女" name="checkbox1">多选框,女<br />
		
	<select name="下拉框">
		<option value="向服务器提交的值">选项1</option>
		<option value="向服务器提交的值">选项2</option>
		<option value="向服务器提交的值">选项3</option>
		<option value="向服务器提交的值" selected="selected">选项4</option>
	</select><br />

	<select name="下拉框多选" multiple="multiple">
		<option value="向服务器提交的值">选项1</option>
		<option value="向服务器提交的值">选项2</option>
		<option value="向服务器提交的值">选项3</option>
		<option value="向服务器提交的值" selected="selected">选项4</option>
	</select><br />
		
	<input type="submit" value="提交" name="submit"><br />

	<input type="reset" value="重置" name="reset">
</form>