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:[e-mail]?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>